- 博客(57)
- 收藏
- 关注
RSS订阅转载 webpack编译原理
当敲下webpack打包命令之后，文件开始初始化，各个参数进行融合，形成一个最终的配置对象，然后把配置对象交给编译器进行编译， 通过入口模块找到互相依赖模块形成模块列表，接下来webpack会根据配置，为chunk生成一个资源列表，然后将每一个chunk生成的资源合并成一个完整的资源，并且生成一个完整的hash值，最终根据完整的资源列表输出到文件。根据入口模块（默认为./src/index.js）创建一个chunk，每一个chunk是有名字的，意味着chunk有可能也会有多个,入口文件是可以有多个的。
2024-03-22 10:39:48
28
原创 小程序和vue/react的区别/优势
为了安全考虑，微信小程序是与微信是一种宿主关系，我们写了代码后最终经过编译出现在了微信。类似于iframe，iframe最大程度保留了子页面的功能，一旦子页面通过代码操作微信的获取，对于微信来说是很危险的，所以微信方面为了安全性考虑禁止用户操作dom。同react/vue一样并不能直接操作 DOM，而是通过状态status更新去同步，与vue的双向绑定有区别，微信小程序需要使用this.setData({key:value})去修改data，直接修改this.data将不会更新。data修改方式不同。
2024-01-29 19:37:06
311
1
原创 微信小程序 如何调用微信支付接口
3.将获取到的数据 塞入 wx.requestPayment然后就可以掉起为微信支付的接口。2.后端生成 时间戳/随机字符/id/后端算法签名。小程序为企业小程序 并开通了 微信打款认证。1.创建订单 朝后端发送订单id 或信息。我们这里以订单为例子。
2024-01-29 16:25:17
384
原创 vue和react diff的详解和不同
当4种方法都没有被匹配到的时候，用key进行查找，由于index为数字极大可能会与oldDom里的index重合，diff会判断为相同节点进行处理，但是对比的时候发现并不相同，最终会遍历查找到真实dom上导致重绘回流，性能消耗极大。sel:标签名，data:节点属性，children:子节点，elm:对应的真实节点，key：当前节点的key，text：当前节点的文字内容。tree-diff：逐层比较的过程就为tree-diff，当tree-diff结束的时候时候所有需要更新的元素都会被找到。
2023-12-21 15:18:10
720
原创 关闭谷歌浏览器的自动更新 详细教程
2.进入找到GoogleSoftwareUpdate.bundle 并且删除。3.打开谷歌浏览器查看是否已经不再自动更新了 发现上面提示更新失败即可。弹出删除框 需要我们使用指纹或者锁屏密码 就可以删除了。1.前往资源库找到Google文件夹。
2023-10-31 10:51:40
550
原创 element-table 行的拖拽更改顺序(无需下载sortableJs
通过阅读element文档我们发现element并不提供拖拽相关的api本博客通过element提供的行类名 注册函数 实现行与行的拖拽原理：通过el-table的 row-class-name 设置行的自定义class类名在mount和el-table更新时调用this.$nextTick获取dom元素设置dom的draggable为true和注册增加拖拽事件在拖拽事件内 通过 修改数据的index的方式实现 行位置的移动
2023-09-12 18:20:05
2533
3
原创 css让多个盒子强制自动等宽
但是其中某一个内容较长的时候 会破坏1:1:1的平衡我们通过阅读发现可以flex:1的同时增加width:100px;原理：所有孩子都是固定100px 剩下的都会等比分配过多或者过少的空间。
2023-08-31 17:38:36
685
原创 git stash 里内容丢失找回【亲测好用】
直接将下列代码复制到 终端 会出现所有列表 也包括你删除/丢失的stash。例如我想回复 自己编辑修改项目 将编号复制重链即可。前面的黄色就是他的编号。
2023-07-21 18:10:24
613
原创 vue 动态引入图片地址的方法
我们直接使用 v-bind 的方式导入无法正常导入是因为 页面显示为html+css+js而vue变成我们可以看到的样子是需要打包变成html+css+js的，在打包过程中将item.src的变量 取出变成/image/icon.svg只是 将地址过去当作静态资源了 然而在我们运行的127.0.0.1 的本机地址并没有image/icon.svg的资源所以无法使用通过require方法这reuire方法动态加载地址。
2023-07-11 17:19:04
715
原创 简述什么是微前端 微前端几种框架的区别
微前端就是将各个模块分成不同项目 方便多个团队一起开发互相不影响。每个系统是独立模块微前端的优点：1.接入项目与使用技术栈无关2.各个项目相互独立，独立开发，独立后端。
2023-05-26 18:31:42
1974
原创 vscode设置vetur格式化代码(双引号变单引号 去除分号等)前端小白教程
这个时候我们就可以 格式化的时候直接将双引号变成单引号了。找到formatter js 选择prettier。找到设置settings.json的地方。根据需要设置 再点击使用..格式化文档。第一步设置 vetur。
2023-05-25 11:19:45
4136
原创 微信小程序 在wxml中使用函数wxs
通过调研我们发现在wxml中无法调用js函数，无法使用formate(item.time)等类似的写法。下文展示如果在wxml中使用函数wxs实现行内写法。xs为模块自定义名字我们可以随意起 getTime为函数名字 我们也可以根据功能随意起。在我们的数据中 时间为毫秒 我们需要在现实的时候展示为0:00。下文展示如果在wxml中使用函数wxs实现行内写法。例子：时间以00:00的方式显示。我们就可以在 页面看到展示了。我们在wxml中写入。
2023-05-18 11:49:46
491
原创 微信小程序 录音+播放组件封装(源码）
长按录音 松开结束录音 点击播放 再次点击暂停 再次点击继续播放 ios静音格式下 播放器播放没有声音 我们需要在 app.ts全局设置 obeyMuteSwitch:false
2023-05-16 18:40:14
1629
1
原创 微信小程序 子组件调用父组件/页面的函数方法
通过tigeerEvent 调用 自定义的时间cancel 实现调用父亲页面函数。这里以按钮组件为例子。
2023-05-15 17:51:07
1168
原创 微信小程序 ts 无法重新声明块范围变量“app” [亲测好用]
原因：TS认为这些文件最终会合并成一个文件，而app多次声明。解决：让TS认为文件是独立的模块。
2023-05-09 16:58:07
654
原创 简述url输入到网页的过程
〉是否是https链接（如果是增加TLS链接）-》浏览器构建请求头请求行请求体和cookie。-》是否是html类型（不是走资源加载）-〉浏览器解析content-type类型。-〉发送-》服务器响应-〉生成dom树和cssom树。》绘制列表-〉合成线程-》（有缓存走缓存）-〉tcp4次挥手断开-
2023-04-21 16:39:37
47
原创 keep-alive include exclude 不生效的原因
⚠️ keepalive的include和exclude里面所需要的name是组件的name 并不是路由的name。版本为vue3.0并且使用了需要再添加一个并且添加上name。版本为vue3.2并且使用了无需手动添加name，name会自动根据文件名生成。⚠️如果使用逗号分隔 name 需要在name前面添加空格才会生效。⚠️如果组件内没有name 需要手动添加才会生效。特别注意：import 需要写在顶层script。
2023-04-12 19:02:48
851
2
原创 vue provide inject响应式 子组件修改祖先组件的值
通过provide 变量可以通过传递方法 我们可以从子组件里面调用祖先组件的方法并传递值，从而达到子组件修改祖先组件的值。
2023-03-28 19:32:41
1145
原创 keep-alive+router-view不生效的原因
可能：vue3改版原来的不可使用了。如果在子路里面没有调用activated。vue-router链接。
2023-03-16 14:34:45
594
原创 css height %百分比不生效的解决办法
如果父亲盒子没有 relative香对定位 那么会逐层想上查找直到 html/body 再根据html的高度进行计算（我们可以利用绝对定位/相对定位来 跳跃父层关系 ）flex属性是flex-grow, flex-shrink 和 flex-basis的简写，默认值为0 1 auto。可以看到 son的高度沾满了半块屏幕 这是因为 absolute定为都是根据拥有relative的高度宽度计算的。如下图所示 father根据html的10%的高度 而son又根据father的50%的高度。
2023-03-06 17:14:08
877
原创 在gitlab上新建一个vue项目
剩下的vue新建项目以及如何把项目上传到gitlab可以看这篇文章。根据需要选择 我这里选择的是blank project。然后就可以看到你新建的仓库了。
2023-02-24 18:52:42
118
原创 微信小程序重置AppSecret 之后需要做的事情
这个类似一个小程序的身份验证如果 身份验证无法通过那么 接下来需要用到access_token的地方也都无法正常使用 所以给你的的2个小时使用来更改这个的。这个时候只需要联系后端同学 将之前设置的appSecret 变量换成你刚刚重置的 最新 的就可以。现在appSecret是密文的如果保存不妥当 需要管理账号用重置。
2023-02-14 15:44:02
2306
原创 前端 另一页面点击保存，当前页面刷新数据 实现方法
监听 子页面的保存原理：父亲监听storage 孩子改变storage 父亲检测到了就 更新页面2.不同于源情况visibilitychange可以监听到页面当前的是否在屏幕中显示 （可见性）document.hidden 判断是否隐藏 true为隐藏 document.visibilityState ->hidden（最小化/不在当前页）,visible（显示），prerender（渲染ing）如 状态改变就可能跳到其他页面 前端并不能监听到其他页面的 点击动作
2022-12-07 11:36:47
1410
原创 记录浮点数计算精度不准0.1+0.2！=0.3和129.36*10！=12936
记录浮点数计算精度不准，01+0.2！=0.3。保留两位小数129.36 无法识别
2022-11-03 15:58:37
114
原创 npm 下载 报错 -13 code EACCES npm 下载cypress卡死不动切换为yarn 下载外网包 切换为yarn
下载cypress卡死不动 切换为yarn 成功安装。== npm install 初始化下载。权限不足 前面加上 sudo。
2022-10-08 20:28:33
677
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人