
VUE
空零kl
低头靠勇气,抬头靠实力
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
手写webpack
如果在导出的文件中,还要一些其它的变量,比如var a = 1;之类的,就会造成全局污染。解决:为了避免全局污染,我们使用自执行函数包裹起来,它会为其创建一个独立的作用域。require(‘./add.js’)这时的文件是写死的,不能按照参数形式处理。建几个文件add.js,index.js,index.html。再套一个立即执行函数,将文件列表对象以参数的形式传入。读取子模块add.js文件后获取到的是字符串。Es5不使用webpack出现的问题。3.其他情况,变量全局污染。第二步,实现加载模块。原创 2023-03-08 14:38:44 · 166 阅读 · 0 评论 -
webpack打包原理解析
3、了解webapck编译文件的编译思路,找到当前方法的对应的原方法,将找到的方法,全部干掉,再引入all.min.js文件,能跑得通,不会有bug就OK了。可能造成的问题,现有文件中,有可能有没有被调用的方法遗留。1、找到二维码生成插件的官方编译库 all.min .js,以这个文件为参考,找到项目中所有的JS中,有二维码的方法,统一放到这个文件中,再进行替换?输入不同资源,比如:html、css、js、img、font文件等,然后将它们输出浏览器可以正常解析的文件。这个方法的问题在于,如何初始化引入?原创 2023-02-07 15:12:50 · 256 阅读 · 0 评论 -
webpack编译原理
webpack编译原理: https://www.likecs.com/show-12189.html#sc=100。原创 2023-02-06 17:58:24 · 124 阅读 · 0 评论 -
vue之diff算法
1.我们知道vue使用的是虚拟DOM去减少对真是DOM的操作次数,来提升页面的运行的效率。那他的内部原理是怎样的呢。首先vue和react在更新dom时,使用的算法基本相同,都是基于anabbdom。当浏览器的页面数据发生变化时,vue不会立即渲染。二十经过diff算法,判断出哪些是不需要变化的,那些是需要变化更新的,只需要更新那些需要更细的DOM就可以了,这样就减少了很多不必要的DOM操作,在很大程度上提高了性能。原创 2022-09-06 15:34:50 · 584 阅读 · 0 评论 -
devServer中proxy原理解读,以及解决跨域问题
浏览器有同源政策,对不同域(即协议,主机,端口任何一个不同的 URL)的 http 请求进行了限制,原先只能用 jsonp 进行跨域,因为浏览器的同源政策并不对 jsonp 生效,也就是不对下面这两个标签等生效,因此可以采用 script 标签或者 img 标签发送请求,但是仅仅局限于 GET 请求。经过上述配置,点击按钮,成功返回 cool 到控制台,并在 chrome 浏览器的 network 进行查看,发现请求地址是 localhost:5500 ,实际上已经帮我们做代理转发了。...转载 2022-08-17 09:57:33 · 1483 阅读 · 0 评论 -
手写reactive
手写判断方法原创 2022-07-06 20:05:19 · 65 阅读 · 0 评论 -
customRef
原创 2022-07-06 19:53:43 · 63 阅读 · 0 评论 -
ref和toRef
原创 2022-07-06 19:43:32 · 56 阅读 · 0 评论 -
toRow和markRow
https://blog.youkuaiyun.com/weixin_43613849/article/details/120285247?utm_source=app&app_version=5.0.0原创 2022-07-06 19:28:17 · 119 阅读 · 0 评论 -
vue3—hooks
自定义hooks实例自定义hooks引用原创 2022-07-05 14:02:16 · 84 阅读 · 0 评论 -
ref和nexttick
原创 2022-07-05 09:01:14 · 60 阅读 · 0 评论 -
vue3生命周期
原创 2022-07-05 08:57:38 · 60 阅读 · 0 评论 -
vue3响应式
原创 2022-07-03 23:04:33 · 62 阅读 · 0 评论 -
Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime解决方法
在运行一个 vue-element-admin 的项目时,报错如下Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime卸载当前版本node sassnpm uninstall --save node-sass2、重新安装node sassnpm install --save node-sass如果还是不行,需要用管理员身份运行cmd然后重复以上步骤原创 2022-04-09 14:59:14 · 947 阅读 · 0 评论 -
vue总结
vuecc原创 2018-12-28 17:16:35 · 148 阅读 · 0 评论 -
web中什么是路由
静态路由的两种访问方式区别(hash和history api 两种方式)原创 2019-01-09 17:37:18 · 1808 阅读 · 0 评论 -
VUE 在线翻译功能感悟
https://study.163.com/course/courseLearn.htm?courseId=1004463009#/learn/video?lessonId=1048862163&courseId=1004463009javascript是一种动态语言,不管你是否接受,它就是这样的,有些东西你必须接受它,才可以享受它提供的服务。...原创 2019-05-24 20:29:00 · 258 阅读 · 0 评论 -
vue基础课程
el:element需要获取的元素,一定是html中的根容器元素(就是说我们不会在html里面对DOM进行操作,而是在app.js中去操作DOM)这里是引用原创 2019-05-24 20:28:27 · 147 阅读 · 0 评论 -
Vue中解决多个组件引用了同一个对象作为数据时,当一个组件改动了数据对象时,其他对象的数据也会随着同步改动的情况
当组件间传递对象时,由于此对象的引用类型指向的都是一个地址(除了基本类型跟null,对象之间的赋值,只是将地址指向同一个,而不是真正意义上的拷贝),所以会导致下面的问题:var obj = {a:10};var obj2 = obj;obj2.a = 20; // obj2.a改变了,alert(obj.a); // 20,obj的a跟着改变如果需要这种双向数据绑定的话,那么是最好的,但...原创 2019-02-28 16:44:42 · 3087 阅读 · 1 评论 -
为什么使用v-for时必须添加唯一的key?
v-for中的key使用v-for更新已渲染的元素列表时,默认用就地复用策略;列表数据修改的时候,他会根据key值去判断某个值是否修改,如果修改,则重新渲染这一项,否则复用之前的元素;我们在使用的使用经常会使用index(即数组的下标)来作为key,但其实这是不推荐的一种使用方法;举个转载 2019-03-11 15:36:06 · 401 阅读 · 0 评论 -
vue中实现单页面跳转原理
原创 2018-12-28 12:45:16 · 1237 阅读 · 0 评论