一.2023兔年大吉HTML,兔兔动态代码「兔了个兔」
1.1 资源获取和效果预览
1.效果预览:
2.如何打开:(电脑端,解压后双击index.html打开!)
二.代码讲解(主要代码)
需要完整源码请到文章开头处下载:
观察下面的构成图,主要分为俩个部分:
1.背景加圆圈圈。
2.兔兔和提示字。
1.1 背景加圆圈圈
这里我为了代码的简便性,直接使用了section标签。
section
Read More
moregeek program
diffie-hellman密钥协商算法探究-多极客编程
作者 | 魔王赵二狗导读隐私计算(Privacy-preserving computation)是指在保证数据提供方不泄露原始数据的前提下,对数据进行分析计算的一系列信息技术,保障数据在流通与融合过程中的可用不可见。而Diffie–Hellman密钥协商是一种安全协议。它可以让双方在完全没有对方任何预先信息的条件下通过不安全信道创建起一个密钥。这个密钥可以在后续的通讯中作为对称秘钥讯内容。全文60
Read More
Read More
git配置免密登录及常用操作的详细教程(基于gitee平台)-多极客编程
(文章目录)
前言
我这里使用的是vuecli创建的项目进行代码管理,使用的平台是Gitee。
平台的话其实最推荐使用的平台还是GitHub(但是因为国内连接不稳定的原因放弃使用),因为GitHub有个功能可以直接将你的项目在仓库中跑起来,这个是别的平台都没有的,希望以后我们的平台也可以做到这种程度。
一、SSH免密登录配置
SSH key 的作用:实现本地仓库和 Github 之间免登录的
Read More
Read More
提升你的技能:编写干净高效的 javascript 的 7 个技巧-多极客编程
编写干净的代码对每个开发人员来说都是必不可少的,因为它使代码易于阅读、理解和维护。 干净的代码使团队中每个人的生活更轻松,您的代码更不容易出错,并且更容易添加新功能。 在本教程中,我将介绍 7 个技巧,以便您可以立即编写更具可读性的代码。使用正确的缩进使用适当的缩进不仅使代码更易于阅读,还有助于阐明代码的结构。 在整个代码中使用一致的缩进以提高可读性并使其更易于理解。坏风格function get
Read More
Read More
基于vue+element table封装(纯前端解决方案,附源码)-多极客编程
(文章目录)
前言
这个项目是拿来练手的项目,基于VUE+Element UI,并没有做后端,所以用的是纯前端的解决方案(有更好的办法欢迎提出),主要实现的是对列表数据的查询,筛选,修改这些常用功能。
实现效果
筛选
查询
修改
增加
代码实现
HTML
<!-- 用户管理 -->
<template>
<div cl
Read More
Read More
可以一学的代码优化小技巧:减少if-else冗余-多极客编程
摘要:if-else 语句对于程序员来说,是非常非常熟悉的一个判断语句,我们在日常开发和学习中都经常看见它。本文分享自华为云社区《JavaScript代码之美—代码优化,减少if-else冗余的技巧》,作者:黛琳ghz。前言if-else 语句对于程序员来说,是非常非常熟悉的一个判断语句,我们在日常开发和学习中都经常看见它,if-else语句主要用于需要做出选择的地方进行判断,这里就不再赘
Read More
Read More
基于vue+element ui的文件上传(可拖拽上传)-多极客编程
(文章目录)
实现效果
一、先创建一个Dialog对话框进行存放
<template>
<!-- 导入遮罩层 -->
<el-dialog
:title="$t('to_lead')"
:visible.sync="BatchAdd"
custom-class="BatcchAdd"
width="
Read More
Read More
前端菜鸟如何快速开发个人产品-多极客编程
我是车辙,我的掘金小册《SkyWalking:应用监控和链路跟踪》已经上线啦,这是我的第一本电子书,欢迎大家订阅。大家好,我是车辙。在完成小册后的一段时间,我突然想开发一款个人H5产品。在起初有这样想法的时候,内心其实还是有不少纠结的。大家都知道,虽然我是计算机专业,但我从毕业到现在工作4年时间,基本上所有的工作都是和后端有关。唯一和前端沾边的学习技能还是在大学时期学的,那时候因为毕业设计是爬虫网
Read More
Read More
基于vue+element table 表格的封装-多极客编程
项目场景:
项目场景:需要频繁使用列表进行呈现数据,不可能每次都写一个表格,可以将表格封装为一个组件,在需要使用时可以直接调用。
效果展示:
项目结构:
具体实现:
Table.vue
<!--
component:列表
time:2022/11/15
UserData:列数据
tableConfig:表格的列配置,[UserId,key,label,wid
Read More
Read More
vue + element ui 动态breadcrumb 面包屑的制作-多极客编程
效果面包屑用于显示当前页面的路径,快速返回之前的任意页面。一、路由配置代码如下:import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)const VueRouterPush = VueRouter.prototype.pushVueRouter.prototype.push = function push(
Read More
Read More
vue切换中英语言制作方法(element+i18n的使用)-多极客编程
介绍: Vue I18n 是 Vue.js 的国际化插件。它可以轻松地将一些本地化功能集成到你的 Vue.js 应用程序中。1、安装Element uinpm i element-ui -S2、全局引用Element ui
在 main.js 中写入以下内容:import Vue from 'vue';import ElementUI from 'element-ui';import 'eleme
Read More
Read More
javascript奇淫技巧:反调试-多极客编程
JavaScript奇淫技巧:反调试本文,将分享几种JS代码反调试技巧,目标是:实现防止他人调试、动态分析自己的代码。检测调试,方法一:用console.log检测代码:var c = new RegExp ("1");c.toString = function () { alert("检测到调试")}console.log (c);原理:当console.log输出调试信息时,会将非字符串类型数
Read More
Read More
巧用try、catch实现js代码加密-多极客编程
巧用try、catch实现JS代码加密本文分享一种奇特的JS代码加密解密方法。技术原理将JS代码加密,然后在try、catch错误捕捉语法中,用eval进行执行,能执行则表明解密成功,不能执行则意味着解密出错,此时会抛出错误,并由catch捕捉进行重新解密。源码解析加密部分:解密部分:完整源码/*加密部分*/ var source_string ='alert("JShaman提供专业的Ja
Read More
Read More
快速体验react开发基础入门指南-多极客编程
前言
大家好,我是CoderBin,本次整理了我学习react过程中的各部分的知识点,看完文本你将会学到
jsx的基本使用
使用脚手架创建项目
如何在React当中定义组件
React当中的事件绑定方式以及注意事项
关于react组件的三大核心属性及其运用
React组件的生命周期
...
如果文中有不对、疑惑的地方,欢迎在评论区留言指正🌻
想深入学习的可以点击前往 --> React官
Read More
Read More
redux+react-redux 最新入门实战指南?-多极客编程
大家好,我是CoderBin
前言
本文将给大家带来redux和react-redux的快速使用,以理论+代码+案例的形式教大家如何在react中去使用状态管理,以实现数据的高效通信🚀
如果本文有不对、疑惑的地方,欢迎在评论区留言指正🌻
长文预警: 本文文字代码较多,请耐心观看,相信你会有所收获🍺
一、什么是 redux
Redux 是 JavaScript 状态容器,提供可预测化的状态管理。可以
Read More
Read More
理解ios端的webview同层组件-多极客编程
理解iOS端的WebView同层组件
一 起始
同层渲染是利用原生技术来优化Web渲染一种技术,很多人了解它是起于微信开放社区发布的一篇关于小程序渲染原理剖析的文章。我将链接附上:
https://developers.weixin.qq.com/community/develop/article/doc/000c4e433707c072c1793e56f5c813
大部分的Web应用,所有的元素
Read More
Read More
#yyds干货盘点# react笔记之学习之空列表提示-多极客编程
前言我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷 微信公众号前端小歌谣 log.js/* 日志的容器 */import LogItem from "./LogItem/LogItem";import Card from "
Read More
Read More
javascript防抖与节流函数:提高应用性能的利器-多极客编程
前言
大家好,我是CoderBin,防抖和节流函数目前已经是前端实际开发中两个非常重要的函数,也是面试经常被问到的面试题。但是很多前端开发者面对这两个函数还是有点摸不着头脑:无法区分防抖节流、可以区分却不知道如何应用、会通过第三方库使用但不知道内部原理,无法手写实现等。
所以,在接下来的学习中,我们不仅仅要区分清楚防抖和节流两者的区别,也要明白在实际工作中哪些场景会用到。最后还会带着大家一点一点的
Read More
Read More
echarts实现双y轴(多y轴)刻度间距动态保持一致-多极客编程
1.在项目中实现双y轴效果如下存在的问题就是左右双y轴的辅助线splitLine没有保持一致,显得有点乱,针对次问题,特意拎出来单独总结一下2.实现过程在实现echarts双y轴(多y轴)刻度间距保持一致的问题,需要涉及到一些简单的计算过程,主要是最大值、最小的、向上取整、倍数等计算过程2.1 求一个数的向上最近的且为5(也可以是其他的数)的倍数的整数let a = 12let b = Math.
Read More
Read More
【flutter框架】项目的手动序列化小项目以及对于进程异步性和格式化代码的研究-多极客编程
手动序列化小项目
Map<String, dynamic> user = JSON.decode(json);
print('Howdy, ${user['name']}!');
print('We sent the verification link to ${user['email']}.');
手动JSON序列化是指在dart:convert中使用内置的JSON解码器。它将原
Read More
Read More