摘要: ### Vite和Webpack都是现代前端开发中的常见打包工具,五个主要区别: ###1. 开发模式不同 > Webpack在开发模式下依然会对所有模块进行打包操作,虽然提供了热更新,但大型项目中依然可能会出现启动和编译缓慢的问题;而Vite则采用了基于ES Module的开发服务器,只有在需要时 阅读全文
posted @ 2023-07-10 21:26 LIULIULIU666 阅读(1139) 评论(0) 推荐(0) 编辑
摘要: npx create-react-app demo 创建react demo ,此命令行不需要提前安装create-react-app 脚手架,创建demo后就会删除了 vue 微信小程序 都是MVVM框架 react 是MVC框架 jsx 文件首字母必须大写用于区分html标签;文件名可以是js或 阅读全文
posted @ 2022-09-25 23:04 LIULIULIU666 阅读(33) 评论(0) 推荐(0) 编辑
摘要: 方法一:从原型入手,Array.prototype.isPrototypeOf(obj); 利用isPrototypeOf()方法,判断Array是不是在obj的原型链中。如果是,则返回true,否则false 方法二:从构造函数入手,obj instanceof Array,返回true/fals 阅读全文
posted @ 2020-07-02 14:22 LIULIULIU666 阅读(435) 评论(0) 推荐(0) 编辑
摘要: 一、观察者模式(observer) 观察者模式:定义了对象间一种一对多的依赖关系,当目标对象 Subject 的状态发生改变时,所有依赖它的对象 Observer 都会得到通知。 这种模式的实质就是我们可以对某个对象的状态进行观察,并且在发生改变时得到通知(以进一步做出相应的行为)。vue的数据变化 阅读全文
posted @ 2020-07-01 15:52 LIULIULIU666 阅读(358) 评论(0) 推荐(0) 编辑
摘要: 性能优化: 一、减少请求资源大小或者次数 1、尽量和并和压缩css和js文件。(将css文件和并为一个。将js合并为一个) 原因:主要是为了减少http请求次数以及减少请求资源的大小 打包工具: webpack gulp grunt. ....2、尽量所使用的字体图标或者SVG图标来代替传统png图 阅读全文
posted @ 2020-06-19 17:30 LIULIULIU666 阅读(529) 评论(0) 推荐(0) 编辑
摘要: 微信小程序如果想要优化性能,有关键性的两点: 提高加载性能 提高渲染性能 提高加载性能 1、控制包的大小 压缩代码,清理无用的代码 图片放在cdn 采用分包策略 分包预加载 独立分包(版本要求有点高) 2、对异步请求的优化 onLoad 阶段就可以发起请求,不用等ready 请求结果放在缓存中, 下 阅读全文
posted @ 2020-06-19 17:26 LIULIULIU666 阅读(561) 评论(0) 推荐(0) 编辑
摘要: 效果: 代码: <template> <div class="mod_get_gift"> </div> </template> <style lang="less" scoped> .mod_get_gift{ height:100%;background-color:#E9F8FF; backg 阅读全文
posted @ 2020-06-02 17:22 LIULIULIU666 阅读(694) 评论(0) 推荐(0) 编辑
摘要: 原理:通过监听window窗口的高度变化,来控制显示和隐藏按钮 注意:如果是点击键盘上的收起,可以监听到,但是如果是因为input失去焦点,则不会监听到窗口变化,所以我们需要同时判断input失去焦点 html <input type="text" class="input" @blur="focu 阅读全文
posted @ 2020-04-10 12:04 LIULIULIU666 阅读(1301) 评论(0) 推荐(1) 编辑
摘要: 通过js就可以判断当前页面是在什么浏览器打开的。 以下是一段示例代码,注释中表明了通过JS如何判断是否在微信浏览器打开,是否在QQ空间浏览器,是否在新浪微博打开。当然可以做得更完善一点,再加上判断是在移动设备打开还是在PC端浏览器打开的,更加细分一点,可以判断是在安卓系统的浏览器打开的还是IOS系统 阅读全文
posted @ 2020-04-03 10:39 LIULIULIU666 阅读(1031) 评论(0) 推荐(0) 编辑
摘要: 转载:https://www.cnblogs.com/tu-0718/p/9584184.html 可能光这样看,有些小伙伴会有些蒙蔽,不知道到底有什么区别? 请大家先看下面的代码: <script> y(); function y() { alert(2); }; x(); var x = fun 阅读全文
posted @ 2020-03-29 10:24 LIULIULIU666 阅读(1493) 评论(0) 推荐(0) 编辑