- 博客(437)
- 资源 (2)
- 问答 (4)
- 收藏
- 关注
原创 Set、WeakSet、Map、WeakMap的区别
1. 首先,Map 和 WeakMap 都属于 ES6 中新增的数据类型,用于存储键值对。2. Map 是一个普通的键值对集合,可以使用任何类型的值作为键或值,包括基本类型和对象。而 WeakMap 的键必须是对象,值可以是任何类型。3. Map 中的键值对是强引用关系,即只要 Map 中的键或值存在,Map 对象就会一直保留这个键值对,不会被垃圾回收。而 WeakMap 中的键值对是弱引用关系,如果 WeakMap 的键不再被引用,那么这个键值对就会被自动删除。
2024-03-14 12:11:52 27
原创 原生JS的DOM操作API
这里有几点要注意:(1)和createElement一样,cloneNode创建的节点只是游离有HTML文档外的节点,要调用appendChild方法才能添加到文档树中(2)如果复制的元素有id,则其副本同样会包含该id,由于id具有唯一性,所以在复制节点后必须要修改其id(3)调用接收的deep参数最好传入,如果不传入该参数,不同浏览器对其默认值的处理可能不同。newChild是替换的节点,可以是新的节点,也可以是页面上的节点,如果是页面上的节点,则其将被转移到新的位置oldChild是被替换的节点。
2024-03-14 11:53:17 102
原创 canvas基础2 -- 形状、简单场景
单行文字#box1 { width: 100px; white-space: nowrap; /* 不换行 */ overflow: hidden; text-overflow: ellipsis; /* 超出省略 */}多行文字#box2 { width: 100px; overflow: hidden; display: -webkit-box; /* 将对象作为弹性伸缩盒子模型显示 */ -webkit-box-or
2023-10-12 14:06:13 277
原创 canvas基础1
需要用 beginPath 和 closePath 包裹起来, 这样就不会被后面设置的状态覆盖。七巧板本质上就是 分别由几个直线 拼成一个个图形,再将这些图形结合起来。后面设置的线段的宽度、颜色等会覆盖之前的设定。多边形就是多个线条连接起来。
2023-10-10 15:24:43 60
原创 Vite + Vue3 实现前端项目工程化
第一种方式,这是使用vite命令创建,这种方式除了可以创建vue项目,还可以创建其他类型的项目,比如react项目第二种方式,这种方式是vite专门为vue做的配置,这种方式创建的项目在创建时会提示是否需要安装各种插件配置第三种方式,直接快速通过参数生成。
2023-09-19 16:11:24 383
原创 Webpack/Babel/⼯程化 笔试题精讲1
entry: ⼊⼝,webpack 构建第⼀步;output: 输出loader: 模块转换器,⽤于将模块的原内容按照需求转换成新内容;plugin: 扩展插件,在 webpack 构建过程的特定时机注⼊扩展逻辑,⽤来改变或优化构建结果;mode: 控制打包环境通过选择 development, production 或 none 之中的⼀个,来设置 mode 参数,你可以启⽤ webpack 内置在相应环境下的优化。其默认值为 production。
2023-09-05 17:39:37 395
原创 el-table 拖拽行排序
1:方法:使用 sortableJs 插件实现拖拽排序。3:实现表格的行拖拽排序完整代码。2:在需要使用的页面进行引入。
2023-08-16 09:36:35 267
原创 CSS3笔试题精讲1
防止父元素高度坍塌 4种方案BFCFlex居中rpx、px、em、rem、%、vh、vw的区别响应式布局的方式,媒体查询原理
2023-03-28 22:28:17 312
原创 前端性能优化笔记1 第一章
需要1.53s 完成整个页面的显示从网络详情中可以看出,页面显示慢最大的问题在于图片的加载需要在接口请求后才能开始,而这两者都需要消耗较长的时间。在接口请求前对图片进行预加载,那么在接口返回后就能直接渲染图片。在 head 标签中加入以下代码。
2023-03-07 22:30:53 739
原创 uniapp生成抖音小程序 问题记录
页面初始化后从本地缓存中得到数据并绑定给input标签,在ios中有时会发现value值已经得到了,但是没渲染到页面上。在开发工具和安卓上input标签可以正常显示,但是在ios上发现input标签不显示。原因大概是抖音小程序的input输入框没有宽度,需要手动设置。解决办法:在获取数据前使用$nextTick延迟渲染下。解决办法:给input加上宽度;
2023-01-30 09:14:32 2675
原创 微信小程序海报 uniapp
二、下载微信小程序官方的wxml-to-canvas代码片段,将其中的这个两个组件复制到我们自己创建的wxcomponents中。毕竟我们是uni-app项目,所以跟原生小程序开发还是不一样。所以我们只看微信官网是不能正常实现生成canvas的。修改 wxml-to-canvas 文件夹中的 index.js。一、 在uniapp项目中 构建wxcomponents文件夹。在globalStyle中配置全局组件。
2022-12-13 09:33:52 283
原创 webpack 常见面试题
体积更小 (Tree-Shaking、压缩、合并),加载更快编译高级语言或语法(TS,ES6+,模块化,scss)兼容性和错误检查(Polyfill、postcss、eslint)统一、高效的开发环境统一的构建流程和产出标准集成公司构建规范(提测、上线等)
2022-09-08 18:24:11 251
ios怎么判断微信是否安装?
2018-03-05
cordova环境开发下,ios闪屏该如何解决?
2018-01-21
求APP微信第三方登录详细步骤
2017-06-04
百度UEditor 后台配置项返回格式出错,上传功能将不能正常使用!jsp版本
2017-05-01
TA创建的收藏夹 TA关注的收藏夹
TA关注的人