- 博客(29)
- 收藏
- 关注
RSS订阅原创 关于vue组件的通信，组件实例化以及插槽的小总结
组件通信父子props$children $children 父组件可以通过$children访问子组件实现父子通信 this.$children[1].sendToChild1();$refs this.$refs.child2.sendToChild1();attrs/attrs/attrs/listeners包含了父作用域中不作为 prop 被识别 (且获取) 的特性绑定 ( class 和 style 除外)。当一个组件没有
2020-07-01 18:14:27
440
原创 Vue的一些高级用法
导言用vue 蛮久了才发现自己有很多比较方便的用法都没有用过，还是自己当初在开始学的时候掌握的，是在惭愧。这些在各种组件源码中经常看到，以为都是很高级很高级的用法，其实你会发现这些都是在Vue官方文档中写的很仔细很仔细的，但是我自己从来没有看过。这次算给自己上了一节课了，在刚开始学习的时候可以粗略的过，但是用了一段时间之后，一定要回过来在仔细的阅读官方文档。js部分组件递归组件是可以在它们自己的模板中调用自身的。不过它们只能通过 name 选项来做这件事：// 一遍编写复杂组件的时候可能会用到
2020-06-18 21:43:32
4341
原创 app内嵌h5页面，iOS 无法动态修改title
在ios下app 设置document.title = “titleName” 失效，原因是在IOS webview中网页标题只加载一次，动态改变是无效的。vue中 npm install vue-wechat-title 组件在路由配置中添加 meta对象 如： { path: commPath + 'hotProduct/cardResult', ...
2019-07-17 14:52:08
2326
2
原创 浏览器工作原理之从请求到页面绘制
这篇文章是通过学习极客时间winter大大的《重学前端》中 浏览器是如何工作的 系列的总结构建dom树过程词法解析<p class="a">text text text</p>如果我们从最小有意义单元的定义来拆分，第一个词（token）是什么呢？显然，作为一个词（token），整个 p 标签肯定是过大了（它甚至可以嵌套）。那么，只用 p 标签的开头...
2019-04-12 19:01:05
475
原创 js 宏观任务和微观任务> promise的代码为什么比setTimeout先执行
这篇文章是通过学习极客时间winter大大的《重学前端》中16| promise里的代码为什么比setTimeout先执行总结而来宏观任务[MacroTask] 和 微观任务[MicroTask]第一次知道这个概念promise var r = new Promise(function(resolve, reject) { console.log("a");...
2019-04-08 18:38:59
2202
原创 数组,对象的深拷贝
前言最基础的知识给忘记了，深度拷贝，大脑没打开 还花了好长时间去解决。面壁中～～项目中 遇到了一个很多层数组和对象嵌套的结构。在分别赋值的时候修改了其中一个的值，很抱歉另外一个也跟着联动了。自己只做了一层的重新的赋值，完全忘记了这是深拷贝啊啊啊啊啊啊啊。记下来，给自己一个警示⚠️way1c = JSON.parse(JSON.stringify(a))// 先转换成字符串，在转...
2019-02-27 16:10:02
208
原创 webpack 配置总结
webpackdevtool生成Source Maps(方便调试)devtool选项配置结果source-map在一个单独的文件中产生一个完整且功能完全的文件。这个文件具有最好的source map，但是它会减慢打包速度；cheap-module-source-map在一个单独的文件中生成一个不带列映射的map，不带列映射提高了打包速度，但是也使得浏览器开发...
2019-02-17 22:05:54
163
原创 element-ui大总结
element-ui 使用方法主要有4大块，slot ,属性， method和event。刚开始看这个不久，乍一看感觉有很多东西要记住使用。这个就当是做个主题阅读，知道基本的使用规则，快速索引。真正的熟练还是要在项目中多多练习才行，更重要的是有时间的时候，自己造出这些组建，了解后面的思维原理。slot<div style="width:800px;"> <...
2019-02-02 10:03:44
1969
原创 了解c d n
cdncdn 是什么？内容分发网络（content delivery network）；分布式的网络类似火车票的代售点，以前必须到火车站才能去买到车票，现在各个城市都有对应的多个代售点。当用户需要买车票的时候，可以去就近的代售点购买。这样能节省用户的时间，同时或者站也不会集中很多人流。cdn = 更智能的镜像（网站完全拷贝）+缓存 + 流量导流（分流）镜像是什么？更多的是静态站的处理c...
2019-01-21 19:02:27
574
原创 正则表达式match,exec,replace的区别
学到的知识void 0 === undifined：为了防止被重构Math.round(A) = a+.5|0正则表达式总结.（） [] {} 的区别参考：https://www.cnblogs.com/richiewlq/p/7307581.html#_label0():组，用来提取匹配的字符串。表达式中有几个()就有几个相应的匹配字符串[]:定义匹配的范围比如...
2019-01-18 17:09:34
471
原创 关于闭包的理解总结
闭包实现方法// 实现函数 makeClosures，调用之后满足如下条件：// 1、返回一个函数数组 result，长度与 arr 相同// 2、运行 result 中第 i 个函数，即 resulti，结果与 fn(arr[i]) 相同var arr = [1, 2, 3]function fn(x) { return x * x;}function makeClosu...
2019-01-06 14:43:39
317
原创 关于ios下中文输入法 连续输入空格问题
h5移动端页面 ，在iOS下中文输入法长输入的情况，会将英文输入，并且中间有空格。这个空格看上去跟普通的空格没什么区别，其实不然。通过string.charAt 方法 log出它的编码是8198，普通空格的编码是32.解决初衷：将未处理的字符串传到后台，后台无法识别，会带有？乱码出来 // conUpdate (flag,默认为false)if (this.checkChi...
2018-11-12 16:16:30
3480
原创 性能优化之throttle, debounce
throttle节流的思想：应用场景：主要应用在scroll ， resize这种应用场景中。在浏览器中像mousemove,mouseenter,scroll,resize 这类事件会频繁的触发，如果不作截流设置性能会极大下降。 const throttle = (func, limit) => { let lastFunc let lastRan ...
2018-10-14 11:49:30
538
原创 前端性能优化之浏览器缓存
前端性能优化有很多方式，今天我们主要学习下关于浏览器缓存的一些知识。客户端缓存：sessionlocalStorage (需要注意安全问题，防篡改)cookie (数据存储尽量不要使用这种方式存放，请求时会增加头部重量)图片采用wbp 格式，占用体积小。 浏览器缓存作用：减少冗余的数据传输 减少服务器负担 加快客户端加载网页的速度当客户端向浏览器发送请求的...
2018-10-12 21:39:58
1208
原创 手机移动端rem设置
function adapt(designWidth, rem2px){ var d = window.document.createElement('div'); d.style.width = '1rem'; d.style.display = "none"; var head = window.document.getElementsB...
2018-08-25 23:16:45
216
原创 浅谈vue双向绑定原理
简析mvvm框架 目前angular,reat和vue都是mvvm类型的框架以vue为例 这里的vm 就是vue框架，它相当于中间枢纽的作用,连接着model 和view.当前台显示的view发生变化了，它会实时反应到viewModel上，如果有需要，viewModel 会通过ajax等方法将改变的数据 传递给后台model 同时从后台model获取过来的数据，通过vm将...
2018-08-05 22:51:20
20696
原创 webpack 学习
什么是webpack webpack是当下最热门的前端资源模块化管理和打包工具（就是一个打包器），可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源，还可以将需要加载的模块进行代码分离，等到实际需要的时候再进行异步加载。通过loader的转换，任何资源都可以视作模块，如COMMONJS模块 ,AMD模块，JS CSS ,JSON 等 ，它会根据模块的依赖关系进行静态分析，...
2018-07-29 01:00:56
168
原创 基于token的登录认证
最近新做移动端项目，h5的页面嵌入app中，信息userinfo的获取，页面与app的协议传递，联调的很心累啊。Token知识点一直是自己想要深入了解，这周就想了解下这个知识点，顺便对自己这周的工作做个总结。性能上报，还需要抽时间来学习。废话不多说，go ~目的：客户端和服务器端进行通信，进行用户认证。 优势：支持跨域访问: Cookie是不允许垮域访问的，这一点对Token机制是...
2018-07-22 00:47:45
3873
原创 正则表达式方法总结
如果用一个形容词来形容正则的话我觉得那就是火星文，对于一个不了解的它的人来说可读性实在是太差。但对于开发人员来说，很多时候它为我们带来了很多的方便。正则中的符号相当多，如果不进行下分类，这种火星文真的很难去记忆。1. 元字符 tips:常见的还有\b：匹配一个词的边界。/\bm/匹配“moon”中得‘m’；/oo\b/并不匹配"moon"中得'oo'，因为'oo'被一个“字”字符'n'紧跟...
2018-07-08 01:06:12
353
原创 第三节课总结之关于this指向，变量提升以及跨域的解决方案
this变量提升关于继承跨域解决方法>> this指向Js是静态作用域：是在定义阶段就决定好了的，而不是在执行阶段才决定的。参考资料： https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/thishttps://www.zhihu.com/question/19636194this 指的...
2018-06-29 18:08:00
322
原创 关于前端测试的一些总结
第二周的课已经上完了，接触了之前没有使用过的单元测试模块。老师从上这节课的目的到每种测试方法一一展开。课程目的，学习方法1． 面试也是有技巧需要锻炼的，它有自己的一套方法论。循序渐进，不要在脑海里深深的恐惧（对自己说的）。2． 知行合一。了解一个知识点不能仅仅停留看过的书和文章上，需要自己动手实践。3． 现在我们大部分人遇到的问题是不够深入。不知道原理，场景如何做选择。技术选型，你得知道优缺点，用...
2018-06-22 17:12:04
4427
原创 关于html5 上传的一点总结
最近项目又开始接触图片上传功能了，从pc转到h5,从vue重切到angular.之前做过两次这个图片上传了，第二次的时候按照领导的要求封装了一下。当时还是考虑少了点，没能完全满足现在的需求（所有的东西都是这么一步一步完善的吧）。之前使用的是一个上传框架，Plupload. 具体参数配置可以参考http://www.phpin.net/tools/plupload/这个文档。demo实例参考：htt...
2018-06-16 14:16:52
208
原创 像素，分辨率，Retina屏幕
很早我们就听过像素和分辨率这两个名词，分辨率越大，我们的图片就越清晰。做了个前端之后又出来了 Retina屏，同样尺寸的图，放在retina 的屏幕上的时候，就会相当模糊不清，这又是为什么呢？1.像素（pixel）：表示图像数量的最小单位我们通常ps里的图片放大之后的每个小方格，就是一像素。不同的设备上1单位的像素大小是不一样的。它是显示器、数码相机等屏幕的基本度量单位。2.分辨率分辨率指在单位长...
2018-06-03 23:33:39
1014
原创 前后端分离之项目引入node
一、为什么要做前后端分离随着不同终端(Pad/Mobile/PC)的兴起，对开发人员的要求越来越高，纯浏览器端的响应式已经不能满足用户体验的高要求，我们往往需要针对不同的终端开发定制的版本。为了提升开发效率，前后端分离的需求越来越被重视，后端负责业务/数据接口，前端负责展现/交互逻辑，同一份数据接口，我们可以定制开发多个版本。现阶段我们主要以后端MVC的模式进行开发，这种模式严重阻碍了前端开发效率...
2018-05-27 16:35:05
1496
原创 聊聊NodeJs
从去年下半年开始公司pc端开始使用nodeJS作为中间层转发服务应用。刚开始只是知道nodejs这个名词，并没有深刻理解，老大搭建好，自己就这么用了。后来慢慢的看资料学习，才逐渐的理解。今天自己再梳理一遍，也许有其他的发现。nodeJs是什么JS是脚本语言，脚本语言都需要一个解析器才能运行。对于写在HTML页面里的JS，浏览器充当了解析器的角色。而对于需要独立运行的JS，NodeJS就是一个解析器...
2018-05-19 18:39:30
286
原创 Javascript异步编程方法有哪些
Javascript 语言的执行环境是“单线程”（single thread）。所谓“单线程”，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务。 这种模式的好处是实现起来比较简单，执行环境相对单纯；坏处是只要有一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。常见的浏览器无响应（假死），往往就是因为某一段 JavaScript 代码长时...
2018-05-13 23:55:12
2405
原创 深入理解原型链和面向对象的继承
说实话关于原型链和面向对象我已经看过很多次了，对看过很多次了，但是依旧不能清晰的表达出他们直接的关系【理解不深】。类似于网上大家说的关于看过一本书，让你说出这本书说了什么了，你吞吞吐吐的回答道：嗯………就是那个那个……嗯…………。好，结束，对说不出来。今天我就自己来分析分析，下次你来问我，我讲给你听啊~~~^_^创建对象的几种方式针对上面贴出来的代码我们说几个概念 构造函数，原型，实例，原型对象，...
2018-05-06 19:38:26
749
原创 谈谈页面渲染机制
这是大白养成记（现在是小白）的第一篇，坐了很久不知道怎么开始，那就把之前看的面试视频（慕课网：前端面试必备技巧）里的知识点盘点下当作一种输出，加强下理解和记忆，老师讲的很好，所以我也要努力呀。以前看的多忘的也多，实践相对较少，总结性的就是更少了。“纸上得来终觉浅，绝知此事要躬行”,实践输出才是检验真理的唯一标准。好了，废话不多说，开始吧。1.了解doctype以及它的作用标准的html页面头部第一...
2018-04-21 17:37:33
653
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人