weixin_36852235的博客

组件通信父子props$children $children 父组件可以通过$children访问子组件实现父子通信 this.$children[1].sendToChild1();$refs this.$refs.child2.sendToChild1();attrs/attrs/attrs/listeners包含了父作用域中不作为 prop 被识别 (且获取) 的特性绑定 ( class 和 style 除外)。当一个组件没有

导言用vue 蛮久了才发现自己有很多比较方便的用法都没有用过，还是自己当初在开始学的时候掌握的，是在惭愧。这些在各种组件源码中经常看到，以为都是很高级很高级的用法，其实你会发现这些都是在Vue官方文档中写的很仔细很仔细的，但是我自己从来没有看过。这次算给自己上了一节课了，在刚开始学习的时候可以粗略的过，但是用了一段时间之后，一定要回过来在仔细的阅读官方文档。js部分组件递归组件是可以在它们自己的模板中调用自身的。不过它们只能通过 name 选项来做这件事：// 一遍编写复杂组件的时候可能会用到

在ios下app 设置document.title = “titleName” 失效，原因是在IOS webview中网页标题只加载一次，动态改变是无效的。vue中 npm install vue-wechat-title 组件在路由配置中添加 meta对象 如： { path: commPath + 'hotProduct/cardResult', ...

这篇文章是通过学习极客时间winter大大的《重学前端》中 浏览器是如何工作的 系列的总结构建dom树过程词法解析<p class="a">text text text</p>如果我们从最小有意义单元的定义来拆分，第一个词（token）是什么呢？显然，作为一个词（token），整个 p 标签肯定是过大了（它甚至可以嵌套）。那么，只用 p 标签的开头...

前段时间看了微信小程序的借书系统，看到了这种处理方法。嗯，想着以后也可以在项目中这样实施了。

这篇文章是通过学习极客时间winter大大的《重学前端》中16| promise里的代码为什么比setTimeout先执行总结而来宏观任务[MacroTask] 和 微观任务[MicroTask]第一次知道这个概念promise var r = new Promise(function(resolve, reject) { console.log("a");...

前言最基础的知识给忘记了，深度拷贝，大脑没打开 还花了好长时间去解决。面壁中～～项目中 遇到了一个很多层数组和对象嵌套的结构。在分别赋值的时候修改了其中一个的值，很抱歉另外一个也跟着联动了。自己只做了一层的重新的赋值，完全忘记了这是深拷贝啊啊啊啊啊啊啊。记下来，给自己一个警示⚠️way1c = JSON.parse(JSON.stringify(a))// 先转换成字符串，在转...

webpackdevtool生成Source Maps(方便调试)devtool选项配置结果source-map在一个单独的文件中产生一个完整且功能完全的文件。这个文件具有最好的source map，但是它会减慢打包速度；cheap-module-source-map在一个单独的文件中生成一个不带列映射的map，不带列映射提高了打包速度，但是也使得浏览器开发...

element-ui 使用方法主要有4大块，slot ,属性， method和event。刚开始看这个不久，乍一看感觉有很多东西要记住使用。这个就当是做个主题阅读，知道基本的使用规则，快速索引。真正的熟练还是要在项目中多多练习才行，更重要的是有时间的时候，自己造出这些组建，了解后面的思维原理。slot&lt;div style="width:800px;"&gt; &lt...

cdncdn 是什么？内容分发网络（content delivery network）；分布式的网络类似火车票的代售点，以前必须到火车站才能去买到车票，现在各个城市都有对应的多个代售点。当用户需要买车票的时候，可以去就近的代售点购买。这样能节省用户的时间，同时或者站也不会集中很多人流。cdn = 更智能的镜像（网站完全拷贝）+缓存 + 流量导流（分流）镜像是什么？更多的是静态站的处理c...

学到的知识void 0 === undifined：为了防止被重构Math.round(A) = a+.5|0正则表达式总结.（） [] {} 的区别参考：https://www.cnblogs.com/richiewlq/p/7307581.html#_label0():组，用来提取匹配的字符串。表达式中有几个()就有几个相应的匹配字符串[]:定义匹配的范围比如...

闭包实现方法// 实现函数 makeClosures，调用之后满足如下条件：// 1、返回一个函数数组 result，长度与 arr 相同// 2、运行 result 中第 i 个函数，即 resulti，结果与 fn(arr[i]) 相同var arr = [1, 2, 3]function fn(x) { return x * x;}function makeClosu...

h5移动端页面 ，在iOS下中文输入法长输入的情况，会将英文输入，并且中间有空格。这个空格看上去跟普通的空格没什么区别，其实不然。通过string.charAt 方法 log出它的编码是8198，普通空格的编码是32.解决初衷：将未处理的字符串传到后台，后台无法识别，会带有？乱码出来 // conUpdate (flag,默认为false)if (this.checkChi...

throttle节流的思想：应用场景：主要应用在scroll ， resize这种应用场景中。在浏览器中像mousemove,mouseenter,scroll,resize 这类事件会频繁的触发，如果不作截流设置性能会极大下降。 const throttle = (func, limit) =&gt; { let lastFunc let lastRan ...

前端性能优化有很多方式，今天我们主要学习下关于浏览器缓存的一些知识。客户端缓存：sessionlocalStorage (需要注意安全问题，防篡改)cookie (数据存储尽量不要使用这种方式存放，请求时会增加头部重量)图片采用wbp 格式，占用体积小。 浏览器缓存作用：减少冗余的数据传输 减少服务器负担 加快客户端加载网页的速度当客户端向浏览器发送请求的...

 function adapt(designWidth, rem2px){ var d = window.document.createElement('div'); d.style.width = '1rem'; d.style.display = "none"; var head = window.document.getElementsB...

简析mvvm框架 目前angular,reat和vue都是mvvm类型的框架以vue为例 这里的vm 就是vue框架，它相当于中间枢纽的作用,连接着model 和view.当前台显示的view发生变化了，它会实时反应到viewModel上，如果有需要，viewModel 会通过ajax等方法将改变的数据 传递给后台model 同时从后台model获取过来的数据，通过vm将...

 什么是webpack webpack是当下最热门的前端资源模块化管理和打包工具（就是一个打包器），可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源，还可以将需要加载的模块进行代码分离，等到实际需要的时候再进行异步加载。通过loader的转换，任何资源都可以视作模块，如COMMONJS模块 ,AMD模块，JS CSS ,JSON 等 ，它会根据模块的依赖关系进行静态分析，...

最近新做移动端项目，h5的页面嵌入app中，信息userinfo的获取，页面与app的协议传递，联调的很心累啊。Token知识点一直是自己想要深入了解，这周就想了解下这个知识点，顺便对自己这周的工作做个总结。性能上报，还需要抽时间来学习。废话不多说，go ~目的：客户端和服务器端进行通信，进行用户认证。 优势：支持跨域访问: Cookie是不允许垮域访问的，这一点对Token机制是...

如果用一个形容词来形容正则的话我觉得那就是火星文，对于一个不了解的它的人来说可读性实在是太差。但对于开发人员来说，很多时候它为我们带来了很多的方便。正则中的符号相当多，如果不进行下分类，这种火星文真的很难去记忆。1.    元字符  tips:常见的还有\b：匹配一个词的边界。/\bm/匹配“moon”中得‘m’；/oo\b/并不匹配"moon"中得'oo'，因为'oo'被一个“字”字符'n'紧跟...