纯JavaScript前端解析Excel文件通常情况下，读取Excel都有由后台来处理，不过会出现需要前端直接解析文件然后再校验内容格式是否正确。在这种情况下，只需通过 xlsc 就能实现。 解析Excel文件使用 FileReader 对象读取指定的 File 和 Blob 对象指定要读取的文件或 ...
Vue源码解析---数据的双向绑定
发表于
|
更新于
|
分类于
源码解析
本文主要抽离Vue源码中数据双向绑定的核心代码，解析Vue是如何实现数据的双向绑定核心思想是ES5的Object.defineProperty()和发布-订阅模式 整体结构 改造Vue实例中的data，通过Object.defineProperty()将其所有属性设置为访问器属性 对每个属性添加 ...
Koa源码分析（三） -- middleware机制的实现
发表于
|
更新于
|
分类于
源码解析
Abstract本系列是关于Koa框架的文章，目前关注版本是Koa v1。主要分为以下几个方面： Koa源码分析（一） – generator Koa源码分析（二） – co的实现 Koa源码分析（三） – middleware机制的实现 Koa概括Koa是基于generator与co之上的新一 ...
Koa源码分析（二） -- co的实现
发表于
|
更新于
|
分类于
源码解析
Abstract本系列是关于Koa框架的文章，目前关注版本是Koa v1。主要分为以下几个方面： Koa源码分析（一） – generator Koa源码分析（二） – co的实现 Koa源码分析（三） – middleware机制的实现 co大名鼎鼎的co是什么？它是TJ大神基于ES6的一些新 ...
Koa源码分析（一） -- generator
发表于
|
更新于
|
分类于
源码解析
Abstract本系列是关于Koa框架的文章，目前关注版本是Koa v1。主要分为以下几个方面： Koa源码分析（一） – generator Koa源码分析（二） – co的实现 Koa源码分析（三） – middleware机制的实现 Genetator函数Generator函数是ES6提供 ...
CSS布局技巧 -- 内凹圆角
发表于
|
更新于
|
分类于
前端基础
圆角，相信每一个了解CSS属性的都知道，通过border-radius实现圆角（外凸圆角），但是如果需要实现内凹圆角怎么办呢？比如四角内凹的元素，比如如下所示这样的内凹圆角 对于这种问题，很多人的反应都是采用CSS的伪类或者子元素的绝对定位来覆盖，但是这样做的后果就是被覆盖部分是不透明的。在不同样 ...
CSS布局技巧 -- 各种居中
发表于
|
更新于
|
分类于
前端基础
多行垂直居中废话少说，直接上例子!!! display:table Html代码： <div class="wrapper"> <div class="content"> <span>我是很短的文本</span> <span>我是很 ...
CSS布局技巧 -- 纯CSS让子元素的宽度总和决定其父元素的宽度
发表于
|
更新于
|
分类于
前端基础
使用场景在移动端屏幕宽度有限的前提下，使用横向滚动的方式展示更多的内容。在这样的需求下，希望父元素作为容器，其宽度可以又横向排列资源的总宽度动态撑开，超过祖父元素的宽度；在不超过祖父元素时，自动继承100%的宽度。 DOM结构如下： <div class="grantparent"> ...
CSS布局技巧 -- STICKY属性
发表于
|
更新于
|
分类于
前端基础
在一些很长的表格中，往往需要使用表头悬浮的设计以方便用户使用，例如H5电商页面通过下滑展示大量商品列表时，顶部的导航栏需要在离开屏幕时，需要固定在屏幕顶部以方便用户筛选类别。这种效果一直以来需要通过JavaScript来实现，此外，由于设置对应的DOM对象为fixed时会脱离常规流，会导致下部元素对 ...