个人总结
文章平均质量分 62
bigBax
纸上得来终觉浅,绝知此事要躬行。
展开
-
关于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 · 405 阅读 · 0 评论 -
性能优化之throttle, debounce
throttle节流的思想:应用场景:主要应用在scroll , resize这种应用场景中。在浏览器中像mousemove,mouseenter,scroll,resize 这类事件会频繁的触发,如果不作截流设置性能会极大下降。 const throttle = (func, limit) => { let lastFunc let lastRan ...原创 2018-10-14 11:49:30 · 498 阅读 · 0 评论 -
关于ios下中文输入法 连续输入空格问题
h5移动端页面 ,在iOS下中文输入法长输入的情况,会将英文输入,并且中间有空格。这个空格看上去跟普通的空格没什么区别,其实不然。通过string.charAt 方法 log出它的编码是8198,普通空格的编码是32.解决初衷:将未处理的字符串传到后台,后台无法识别,会带有?乱码出来 // conUpdate (flag,默认为false)if (this.checkChi...原创 2018-11-12 16:16:30 · 3414 阅读 · 0 评论 -
element-ui大总结
element-ui 使用方法主要有4大块,slot ,属性, method和event。刚开始看这个不久,乍一看感觉有很多东西要记住使用。这个就当是做个主题阅读,知道基本的使用规则,快速索引。真正的熟练还是要在项目中多多练习才行,更重要的是有时间的时候,自己造出这些组建,了解后面的思维原理。slot<div style="width:800px;"> <...原创 2019-02-02 10:03:44 · 1914 阅读 · 0 评论 -
webpack 配置总结
webpackdevtool生成Source Maps(方便调试)devtool选项配置结果source-map在一个单独的文件中产生一个完整且功能完全的文件。这个文件具有最好的source map,但是它会减慢打包速度;cheap-module-source-map在一个单独的文件中生成一个不带列映射的map,不带列映射提高了打包速度,但是也使得浏览器开发...原创 2019-02-17 22:05:54 · 145 阅读 · 0 评论 -
数组,对象的深拷贝
前言最基础的知识给忘记了,深度拷贝,大脑没打开 还花了好长时间去解决。面壁中~~项目中 遇到了一个很多层数组和对象嵌套的结构。在分别赋值的时候修改了其中一个的值,很抱歉另外一个也跟着联动了。自己只做了一层的重新的赋值,完全忘记了这是深拷贝啊啊啊啊啊啊啊。记下来,给自己一个警示⚠️way1c = JSON.parse(JSON.stringify(a))// 先转换成字符串,在转...原创 2019-02-27 16:10:02 · 186 阅读 · 0 评论 -
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 · 2178 阅读 · 0 评论 -
promise 统一异常处理情况
前段时间看了微信小程序的借书系统,看到了这种处理方法。嗯,想着以后也可以在项目中这样实施了。原创 2019-04-09 15:33:39 · 2203 阅读 · 1 评论 -
浏览器工作原理之从请求到页面绘制
这篇文章是通过学习极客时间winter大大的《重学前端》中 浏览器是如何工作的 系列的总结构建dom树过程词法解析<p class="a">text text text</p>如果我们从最小有意义单元的定义来拆分,第一个词(token)是什么呢?显然,作为一个词(token),整个 p 标签肯定是过大了(它甚至可以嵌套)。那么,只用 p 标签的开头...原创 2019-04-12 19:01:05 · 452 阅读 · 0 评论 -
前端性能优化之浏览器缓存
前端性能优化有很多方式,今天我们主要学习下关于浏览器缓存的一些知识。客户端缓存:sessionlocalStorage (需要注意安全问题,防篡改)cookie (数据存储尽量不要使用这种方式存放,请求时会增加头部重量)图片采用wbp 格式,占用体积小。 浏览器缓存作用:减少冗余的数据传输 减少服务器负担 加快客户端加载网页的速度当客户端向浏览器发送请求的...原创 2018-10-12 21:39:58 · 1181 阅读 · 0 评论 -
手机移动端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 · 196 阅读 · 0 评论 -
聊聊NodeJs
从去年下半年开始公司pc端开始使用nodeJS作为中间层转发服务应用。刚开始只是知道nodejs这个名词,并没有深刻理解,老大搭建好,自己就这么用了。后来慢慢的看资料学习,才逐渐的理解。今天自己再梳理一遍,也许有其他的发现。nodeJs是什么JS是脚本语言,脚本语言都需要一个解析器才能运行。对于写在HTML页面里的JS,浏览器充当了解析器的角色。而对于需要独立运行的JS,NodeJS就是一个解析器...原创 2018-05-19 18:39:30 · 266 阅读 · 0 评论 -
前后端分离之项目引入node
一、为什么要做前后端分离随着不同终端(Pad/Mobile/PC)的兴起,对开发人员的要求越来越高,纯浏览器端的响应式已经不能满足用户体验的高要求,我们往往需要针对不同的终端开发定制的版本。为了提升开发效率,前后端分离的需求越来越被重视,后端负责业务/数据接口,前端负责展现/交互逻辑,同一份数据接口,我们可以定制开发多个版本。现阶段我们主要以后端MVC的模式进行开发,这种模式严重阻碍了前端开发效率...原创 2018-05-27 16:35:05 · 1463 阅读 · 0 评论 -
像素,分辨率,Retina屏幕
很早我们就听过像素和分辨率这两个名词,分辨率越大,我们的图片就越清晰。做了个前端之后又出来了 Retina屏,同样尺寸的图,放在retina 的屏幕上的时候,就会相当模糊不清,这又是为什么呢?1.像素(pixel):表示图像数量的最小单位我们通常ps里的图片放大之后的每个小方格,就是一像素。不同的设备上1单位的像素大小是不一样的。它是显示器、数码相机等屏幕的基本度量单位。2.分辨率分辨率指在单位长...原创 2018-06-03 23:33:39 · 979 阅读 · 0 评论 -
关于前端测试的一些总结
第二周的课已经上完了,接触了之前没有使用过的单元测试模块。老师从上这节课的目的到每种测试方法一一展开。课程目的,学习方法1. 面试也是有技巧需要锻炼的,它有自己的一套方法论。循序渐进,不要在脑海里深深的恐惧(对自己说的)。2. 知行合一。了解一个知识点不能仅仅停留看过的书和文章上,需要自己动手实践。3. 现在我们大部分人遇到的问题是不够深入。不知道原理,场景如何做选择。技术选型,你得知道优缺点,用...原创 2018-06-22 17:12:04 · 4388 阅读 · 0 评论 -
关于html5 上传的一点总结
最近项目又开始接触图片上传功能了,从pc转到h5,从vue重切到angular.之前做过两次这个图片上传了,第二次的时候按照领导的要求封装了一下。当时还是考虑少了点,没能完全满足现在的需求(所有的东西都是这么一步一步完善的吧)。之前使用的是一个上传框架,Plupload. 具体参数配置可以参考http://www.phpin.net/tools/plupload/这个文档。demo实例参考:htt...原创 2018-06-16 14:16:52 · 195 阅读 · 0 评论 -
第三节课总结之关于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 · 284 阅读 · 0 评论 -
正则表达式方法总结
如果用一个形容词来形容正则的话我觉得那就是火星文,对于一个不了解的它的人来说可读性实在是太差。但对于开发人员来说,很多时候它为我们带来了很多的方便。正则中的符号相当多,如果不进行下分类,这种火星文真的很难去记忆。1. 元字符 tips:常见的还有\b:匹配一个词的边界。/\bm/匹配“moon”中得‘m’;/oo\b/并不匹配"moon"中得'oo',因为'oo'被一个“字”字符'n'紧跟...原创 2018-07-08 01:06:12 · 334 阅读 · 0 评论 -
基于token的登录认证
最近新做移动端项目,h5的页面嵌入app中,信息userinfo的获取,页面与app的协议传递,联调的很心累啊。Token知识点一直是自己想要深入了解,这周就想了解下这个知识点,顺便对自己这周的工作做个总结。性能上报,还需要抽时间来学习。废话不多说,go ~目的:客户端和服务器端进行通信,进行用户认证。 优势:支持跨域访问: Cookie是不允许垮域访问的,这一点对Token机制是...原创 2018-07-22 00:47:45 · 3838 阅读 · 0 评论 -
浅谈vue双向绑定原理
简析mvvm框架 目前angular,reat和vue都是mvvm类型的框架以vue为例 这里的vm 就是vue框架,它相当于中间枢纽的作用,连接着model 和view.当前台显示的view发生变化了,它会实时反应到viewModel上,如果有需要,viewModel 会通过ajax等方法将改变的数据 传递给后台model 同时从后台model获取过来的数据,通过vm将...原创 2018-08-05 22:51:20 · 20108 阅读 · 0 评论