时间滴滴答答永不疲惫,记忆点点滴滴逐渐消退
笔者孜孜不倦点墨成真,码农勤勤恳恳评论加分
-
Vue之静态节点标记知识点
静态节点标记的那些事
描述的是关于生成AST数后进行优化的过程中一个知识点,自己遇到了也分享一下
2019-09-15
-
RESTful API 设计和使用 (转)
还有此等天然协议
最常见的一种设计错误,就是URI包含动词。因为"资源"表示一种实体,所以应该是名词,URI不应该有动词,动词应该放在HTTP协议中。
2019-09-15
-
Object.defineProperty
定义新属性和方法的实用方式
Object.defineProperty() 方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性, 并返回这个对象。
2019-09-15
-
Object.create
使用现有的对象来提供新创建的对象的__proto__
Object.create()方法创建一个新对象,使用现有的对象来提供新创建的对象的__proto__
2019-09-15
-
Object.assign
es6复制的艺术
如果目标对象中的属性具有相同的键,则属性将被源对象中的属性覆盖。后面的源对象的属性将类似地覆盖前面的源对象的属性。
2019-09-15
-
二叉树、基本算法、二分查找的代码实测
一些常见的算法
帮助那些初学者规避一些不必要的复杂的思路,内容包含:冒泡排序、默认排序、选择排序、插入排序、归并排序、二分查找、二叉树等
2019-09-15
-
:?或者?:问号和冒号开头的可选属性
可选操作符,你知道多少
接口里的属性不全都是必需的。 有些是只在某些条件下存在,或者根本不存在。 可选属性在应用“option bags”模式时很常用,即给函数传入的参数对象中只有部分属性赋值了。所以就有?:和:?
2019-09-15
-
AST之parse阶段代码分析——Vue源码
parse过程
编译过程首先就是对模板做解析,生成 AST,它是一种抽象语法树,是对源代码的抽象语法结构的树状表现形式。在很多编译技术中,如 babel 编译 ES6 的代码都会先生成 AST。
2019-09-15
-
.babelrc的详细配置
babel的内置配置说明
ES6是2015年发布的下一代javascript语言标准,它引入了新的语法和API,使我们编写js代码更加得心应手,比如class,let,for...of promise等等这样的,但是可惜的是这些js新特性只被最新版本的浏览器支持,但是低版本浏览器并不支持,那么低版本浏览器下就需要一个转换工具,把es6代码转换成浏览器能识别的代码,babel就是这样的一个工具。可以理解为 babel是javascript语法的编译器。
2019-09-06
-
WAI-ARIA无障碍网页应用属性完全展示(转)
无障碍网页应用属性你知道多少
如何让盲人用户知道当前浏览区域就是网站主导航? 如果让盲人用户知道点击某个按钮后出来的是弹框? 如何让盲人用户知道点击某个按钮后页面另外一个区域的文字发生了变化? 如何让盲人用户知道您使用了li标签是用来模拟标准select控件呢? 如何让盲人用户知道您模拟的select控件是单选呢还是可以多选呢?
2019-09-02
-
京东 PC 首页 2019 改版前端总结
高流量首页该怎么做?
其实方案有很多种,展示一下目前京东首页的技术方案,仅供借鉴
2019-09-02
-
AST语法树(转载)
基本上前端各大框架都有采用这种compile
编译过程首先就是对模板做解析,生成 AST,它是一种抽象语法树,是对源代码的抽象语法结构的树状表现形式。在很多编译技术中,如 babel 编译 ES6 的代码都会先生成 AST。
2019-06-14
-
Js中toString和valueOf的区别
强调的是隐身转换的相关内容
基本上所有的JavaScript数据类型都有valueOf(),toString()方法,null除外,这两个方法解决了JavaScript值运算和显示的问题 valueOf()会把数据类型转换成原始类型,也就是说原来是什么类型,转换后还是什么类型,日期类型除外 toString()会把数据类型转换成string类型,也就是说不管原来是什么类型,转换后一律是string类型
2019-06-05
-
浏览器沙箱的模型知识点
你不知晓的运行特点
沙箱模型技术是浏览器和其他应用程序中保护安全的一种组件关系设计模式,最初发明人为GreenBorder公司。2007年5月,谷歌公司收购了该公司,也将此项专利应用于chrome浏览器的研发中。
2019-05-31
-
外边距重合原理和解决办法(BFC)
如何使用BFC来解决目前遇到的技术问题
外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距。 合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。
2019-05-29
-
简单的js模版引擎替换和使用代码
就是如此简单
模版引擎,正则,js模版
2019-05-26
-
js中基本数据类型和引用数据类型的区别(转)
还是需要recheck一下的
1、基本数据类型和引用数据类型 ECMAScript包括两个不同类型的值:基本数据类型和引用数据类型。 基本数据类型指的是简单的数据段,引用数据类型指的是有多个值构成的对象。 当我们把变量赋值给一个变量时,解析器首先要确认的就是这个值是基本类型值还是引用类型值。 2、常见的基本数据类型: Number、String 、Boolean、Null和Undefined。基本数据类型是按值访问的,因为可以直接操作保存在变量中的实际值
2019-05-26
-
长篇大论ES6之Proxy对象(转)
太长了,您挑自己喜欢的看
ES5和ES6致力于为开发者提供JS已有却不可调用的功能。例如在ES5出现以前,JS环境中的对象包含许多不可枚举和不可写的属性,但开发者不能定义自己的不可枚举或不可写属性,于是ES5引入了Object.defineProperty()方法来支持开发者去做JS引擎早就可以实现的事情。ES6添加了一些内建对象,赋予开发者更多访问JS引擎的能力。代理(Proxy)是一种可以拦截并改变底层JS引擎操作的包装器,在新语言中通过它暴露内部运作的对象,从而让开发者可以创建内建的对象。本文将详细介绍代理(Proxy)和反射(Reflection)。
2019-05-22
-
移动端浏览器常见兼容问题(转)
总结了一些常见的
简单总结了一些常见的移动端浏览器兼容问题,附有解决方案。
2019-05-21
-
Promise自行实现的方法
还有待改进
promise的自行实现方式,当然功能并不健全,只是表达了实现的类似方法
2019-05-20
-
Nv前端模块化开发工具
磨刀霍霍向牛羊
一款经典模块化组件
2019-05-06
-
grid布局的简要介绍(转载)
了解grid布局的相关属性介绍
CSS一直用来布局网页,但一直都不完美。 一开始我们使用table 做布局,然后转向浮动、定位以及inline-block,但所有这些方法本质上都是 Hack 的方式,并且遗漏了很多重要的功能(例如垂直居中)。 Flexbox的出现在一定程度上解决了这个问题,但是它的目的是为了更简单的一维布局,而不是复杂的二维布局(Flexbox和Grid实际上一起工作得很好)。 只要我们一直在制作网站,我们就一直在为解决布局问题不断探索, 而Grid是第一个专门为解决布局问题而生的CSS模块。
2019-04-30
-
Proxy 对象代理的详解(转)
架设一个拦截地带
Proxy 用于修改某些操作的默认行为,等同于在语言层面做出修改,所以属于一种“元编程”(meta programming),即对编程语言进行编程。 Proxy 可以理解成,在目标对象之前架设一层“拦截”,外界对该对象的访问,都必须先通过这层拦截,因此提供了一种机制,可以对外界的访问进行过滤和改写。Proxy 这个词的原意是代理,用在这里表示由它来“代理”某些操作,可以译为“代理器”。
2019-04-24
-
with语句的延长作用域链浅析
with不推荐使用
由于with语句块中作用域的‘变量对象’是只读的,所以在他本层定义的标识符,不能存储到本层,而是存储到它的上一层作用域”。这里又要理解有一层“只读”的含义
2019-04-17
-
W3C HTML5标准阅读笔记 – 元素分类与内容模型(Content Model)(转载)
元素分类还有这些技巧
在HTML5中,标准制定者重新定义了HTML元素的分类,并根据这一新的分类定义了元素的内容模型(Content Model) -- 对于一个元素而言,哪些子元素是合法的,而哪些子元素是非法的。
2019-04-16
-
render: h => h(App)的含义
常见问题解答
render: h => h(App)
2019-04-02
-
前端资源简要汇总(转)
很多的值得学习的收藏功能
前端资料汇总和前端资源集合体。方便快速查阅和在迷茫中找到自我
2019-03-26
-
Uppy一款不错的文件上传组件
上传功能强大支持预览和实时查看
uppy是一款轻量,模块化的javascript上传组件,能运行到多平台多端,快速,易懂让你感觉上传事件非常美妙的事情
2019-03-22
-
css特效样式大全
很经典的一款样式代码可视化展示方式
总结一些常用的 CSS 样式,记录一些 CSS 的新属性和一点奇技淫巧,在“动”部分下有些动画并不是 CSS 效果,因为没有地方放置,所以暂时寄存在这里
2019-03-22
-
兼容IE6以上低版本兼容响应式CSS
Neat Css 一款不错的响应式兼容样式
Neat.css 是基于normalize的全新的 CSS Reset,兼容 IE 6+ 以及其他现代浏览器。 「normalize」的核心理念是不盲目重置为0,让元素拥有统一的默认间距,大小等表现。但针对国内大部分网站不是纯文字排版,Neat.css 选择回归「有即是无,无即是有」的理念,把大部分标签的默认margin,padding 均重置为 0。如果你需要对大面积文字或者文档快速美化,推荐单独引入专门针对汉字排版的type.css。
2019-03-22