随笔分类 - JS/ES6
JS知识/ES6语法
摘要:一、问题描述 在一场面试中,面试官问到了React和Node路由之间的关系. 现在SPA(单页面应用)的使用越来越广。 Node(后台)和React(前端)都有自己的路由,当我页面访问一个URL的时候,其中的路由究竟是以哪个为准呢? 答案是Node路由优先级更高 所以会经常出现React设置了Rou
阅读全文
摘要:一、copy to clipboard 官方定义: Simple module exposing copy function 理解: 一个超级简单的复制功能,并且这种方法适用于通过别的事件触发复制功能 什么意思呢?比如:我想设计一个在Select选择项改变的时候复制该选择项,这时候一般无法插入组件(
阅读全文
摘要:编写灵活、稳定、高质量的HTML代码的规范二 一、代码组织 1.1 注意 (1)以组件为单位组织代码段。 (2)制定一致的注释规范。 (3)使用一致的空白符将代码分隔成块,这样利于扫描较大的文档。 (4)如果使用了多个 CSS 文件,将其按照组件而非页面的形式分拆,因为页面会被重组,而组件只会被移动
阅读全文
摘要:编写灵活、稳定、高质量的HTML代码的规范 虽然现在前端很多都已经成为SPA(单页面应用)开发,或许连渲染的html都是自动生成的.但是归根结底,还是html和css,必要时候我们还是需要好好了解这些基础的开发规范 当然这都是基础性的规范,和公司规范的并不冲突.你也可以当作课外知识阅读~ 一、唯一定
阅读全文
摘要:一、react modal 官方定义: Accessible modal dialog component for React.JS 理解: 一个容易使用的React模态框组件 二、用法 有时候我们不用一些UI框架的时候(bs3.0、antd),就需要自己封装一些模态框.自己定义各种回调事件...等
阅读全文
摘要:一、bindme 官方定义: is a helper to bind a list of methods to an object reference 理解: 因为不推荐在render()里构建函数,作者就用了6行代码封装了函数绑定事件的代码. bindme的npm包实际上由6行ES5代码组成,但是
阅读全文
摘要:一、react dropzone 官方定义: Simple HTML5 compliant drag'n'drop zone for files built with React.js. 理解: 一个为react量身定制,基于H5 API: 可以实现拖拽上传文件的npm插件包 是的,以后再也不用自己
阅读全文
摘要:一、classnames 现在到处都追求效率开发,所谓存在即合理,各种各样的开源包/项目火热,也是因为他们大大解决了之前复杂的逻辑.作为榜上前10的热门包:classnames.还真需要了解了解它才能仗'包'走天涯 官方定义: A simple JavaScript utility for cond
阅读全文
摘要:一、react json view npm 官方定义: RJV is a React component for displaying and editing javascript arrays and JSON objects. 译: RJV是一个用于显示和编辑javascript数组和JSON对
阅读全文
摘要:一、 实现思路 我们都知道让溢出内容变成...,只需要以下: 表格里的内容直接引用这段代码可不行。 因为table的宽度我们并不能控制,我们加的内容会自动撑大表格列表宽度. 关键的一步是给 加上一个样式: 这条属性就是让table的内部布局固定大小 归纳总结Table要实现这个功能,需要这几个条件:
阅读全文
摘要:一、什么是JSON平铺 JSON平铺分成两种: 平铺的json转树结构的json 例如: 树结构转换成平铺的json 例如: 用处: 第一种用得比较多,资料也比较多,这里不多介绍,可以看看这: 《平铺的json转树结构的json,请看数据》 第二种貌似不太常见,因为业务需求,需要解析json格式。网
阅读全文
摘要:文章部分内容来源于:《深入浅出JSONP 解决ajax跨域问题》 一、 同源策略 所有支持Javascript的浏览器都会使用同源策略这个安全策略。看看百度的解释: 而解决这种同源策略的方法称之为跨域 跨域的方法有很多种,这里介绍一下最经典的jsonp跨域 二、JSON和JSONP JSONP和JS
阅读全文
摘要:一、 选择排序 1. 概念理解: 在一个长度为3的数组中,在第一趟遍历3个数据,找出其中最小的数值与第一个元素交换; 第二趟遍历2个数据,找出其中最小的元素与第一个数交换(注意:这里的第一个数是指遍历的第一个数,实质上是数组的第二个数) 而第三趟则是和自己比较,位置还是原来的位置 2. 复杂度: 平
阅读全文
摘要:一、'表亲戚':attribute和property 为什么称attribute和property为'表亲戚'呢?因为他们既有共同处,也有不同点. 是 dom 元素在文档中作为 html 标签拥有的属性; 是 dom 元素在 js 中作为对象拥有的属性。 从定义上可以看出: 对于 html 的标准属
阅读全文
摘要:一、 react组件两种导入方式 React组件可以通过两种方式导入另一个组件 1. import(常用) 2. require 两种方式有什么区别? 提出的规范不同 import是ES6语法,reuqire是CommonJs提出的. import会通过babel转换成CommonJS规范。 下面两
阅读全文
摘要:内容转载于http://www.cnblogs.com/wonyun/p/5930333.html React推出后,出于不同的原因先后出现三种定义react组件的方式,殊途同归; 具体的三种方式: 1. 函数式定义的 2. es5原生方式 定义的组件 3. es6形式的 定义的组件 虽然有三种方式
阅读全文
摘要:一、 问题描述 在配置webpack.config.js自动打包的时候,出现Error: Cannot find module '@babel/core'错误 最初以为是babel core没有安装上。重装了好几遍babel core还是不行。对照以前的项目,发现babel loader的版本不一样
阅读全文
摘要:一、 监听你的页面活动 最近校招笔试如火如荼地开展。各种小心思都浮上来了:"我就查一道".小心翼翼按了一下tab切换(mac用三爪), 开始工作了."监测到你切换页面,超过xx次将影响你的成绩(希望你自重)" 二、 visibilityState 值 | 描述 | : : visible | 此时页
阅读全文
摘要:一、什么是按需加载 和异步加载script的目的一样(异步加载script的方法),按需加载/代码切割也可以解决首屏加载的速度。 什么时候需要按需加载 如果是大文件,使用按需加载就十分合适。比如一个近1M的全国城市省市县的json文件,在我首屏加载的时候并不需要引入,而是当用户点击选项的时候才加载。
阅读全文
摘要:转载于https://www.cnblogs.com/zhwl/p/4664604.html 一、垃圾回收的必要性 由于字符串、对象和数组没有固定大小,所有当他们的大小已知时,才能对他们进行动态的存储分配。JavaScript程序每次创建字符串、数组或对象时,解释器都必须分配内存来存储那个实体。只要
阅读全文