目录背景思路实现尾巴背景在使用uniapp进行开发时，tabbar是我们使用的很频繁的一个组件，但是在特定的平台会有一些使用上的限制，无法通过一套代码来做通用平台的适配。比如说中间按钮凸起，动态隐藏某个tab（不同角色展示不同功能），使用字体图标，数字角标等，这些功能不是所有平台都支持。今天我们就用一套代码来实现这些功能全端支持。思路实现思路就是通过通过自定
......
1002
0
0
2023-05-05
如题，效果图：在线预览：jsrun.net/gddKp/embedded/all/light使用示例：document.querySelector("#test1").addEventListener("click", function(){
new MyModal({
top: '',
width: '50%',
hei
......
290
0
0
2023-05-02
webpack ensure相信大家都听过。有人称它为异步加载，也有人说做代码切割，那这个家伙到底是用来干嘛的？其实说白了，它就是把js模块给独立导出一个.js文件的，然后使用这个模块的时候，webpack会构造script dom元素，由浏览器发起异步请求这个js文件。这样解决整个项目打包成同一个非常大js、css，首屏加载慢。其实和我们加载百度统计代码类
......
418
0
0
2023-05-02
目录引言：一行代码完成结构加赋值对基础数据类型进行解构对数组解构快速拿到最后一项值将下标转为中文零一二三...判断整数的不同方法通过css检测系统的主题色从而全局修改样式数组随机打乱顺序随机获取一个Boolean值把数组最后一项移到第一项把数组的第一项放到最后一项利用set数组去重dom节点平滑滚动到可是区域，顶部，底部获取随机颜色检测是否为空对象Boole
......
318
0
0
2023-05-02
webpack本质上是一种事件流的机制，它的工作流程就是将各个插件串联起来，而实现这一切的核心就是Tapable，webpack中最核心的负责编译的Compiler和负责创建bundles的Compilation都是Tapable的实例。Webpack 可以认为是一种基于事件流的编程范例，内部的工作流程都是基于 插件 机制串接起来； 而将这些插件粘合起来的就
......
319
0
0
2023-05-02
Tree-shaking 最早由打包工具 Rollup 提出DCE 作用于模块内（webpack 的 DCE 通过 UglifyJS 完成），而 Tree-shaking 则是在打包的时候通过模块之间的信息打包必须的代码。Webpack 从 2 开始也支持 Tree-shaking，对于一个模块，没有被使用过的引入代码并不会被打包 DCE
......
431
0
0
2023-05-02
热更新，主要就是把前端工程 文件变更，即时编译，然后通知到浏览器端，刷新代码。服务单与客户端通信方式有：ajax 轮询，EventSource、websockt。客户端刷新一般分为两种：整体页面刷新，不保留页面状态，就是简单粗暴，直接window.location.reload()。基于WDS (Webpack-dev-server)的模块热替换，只需要局部
......
421
0
0
2023-05-02
目录前提：设置HTML结构：创建CSS样式：编写JavaScript代码：响应式设计：添加触摸事件支持：测试并优化：代码示例：前提：要在网页上实现一个适用于PC端和移动端的俄罗斯方块游戏，您可以使用HTML、CSS和JavaScript。HTML5的Canvas元素可以让您轻松地在网页上绘制图形。以下是一些实现该游戏的基本步骤：设置HTML结构：创建一个HT
......
337
0
0
2023-05-02
完整代码示例如下：const ftp = require('ftp');//连接FTP
const path = require('path');
const client = new ftp();
const fs = require('fs');
//本地文件夹路径；
const localDirPath = '/test/';
//远程地址
......
304
0
0
2023-04-30
目录开篇：一、实现效果styleScript二、总结与思考开篇：拖动底部滑块，实现滑块验证码功能一、实现效果style*{
margin: 0;
padding: 0;
}
.main {
position: relative;
margin-left: 20px;
margin-top: 20px;
......
254
0
0
2023-04-29
目录正文一、游戏介绍二、效果预览三、实现思路1. 搭建页面结构2. 美化界面3. 编写JavaScript代码四、写在最后正文打开游戏界面，看到一个画面简洁、却又富有挑战性的游戏。屏幕上，有一个白色的矩形框，里面不断下落着各种单词，而我需要迅速地输入这些单词。如果我输入的单词与屏幕上的单词匹配，那么我就可以获得得分；如果我输入的单词错误或者时间过长，那么我就
......
285
0
0
2023-04-28
目录编译并运行 TS 代码TypeScript基础数组类型 []联合类型 |类型别名函数类型 void类型可选参数 ?参数默认值= 对象类型 :objectinterface元组类型 类型推论类型断言 as 或者 <>泛型typeof key
......
328
0
0
2023-04-26
用了一年时间的 TypeScript 了，项目中用到的技术是 Vue + TypeScript 的，深感中大型项目中 TypeScript 的必要性，特别是生命周期比较长的大型项目中更应该使用 TypeScript。以下是我在工作中总结到的经常会用到的 TypeScript 技巧。1. 注释通过 /** */ 形式的注释可以给 TS 类型做标记提示，编辑器会
......
305
0
0
2023-04-22
React必须使用JSX吗？React 并不强制要求使用 JSX。当不想在构建环境中配置有关 JSX 编译时，不在 React 中使用 JSX 会更加方便。每个 JSX 元素只是调用 React.createElement(component, props, ...children) 的语法糖。因此，使用 JSX 可以完成的任何事情都可以通过纯 JavaSc
......
399
0
0
2023-04-21