前端开发

swig忽略swig指令让内容原样输出

2019-04-242729次阅读swig
开发的时候遇到这样的定义。swig把{{spread_info}}当成了一个变量,如果这个变量不存在就输出空字符串。解决文案通过swig内置过滤器raw标签强制内容不会自动转义。所有swig指令都将被忽略,内容将完全按照给定的方式呈现。
前端开发

gulp4构建任务实例优化一

2019-04-242274次阅读gulp
之前的gulp4构建任务实例中,有一个小bug,就是当没有找到TS文件时会报错。
前端开发

认识一下swig前端模板引擎

2019-04-234632次阅读swig
swig官网上的自我介绍是基于Node.js和浏览器的JavaScript模板引擎。下面介绍的是一些常用的基本语法,不过我还是极力推荐仔细阅读siwg官网-http://node-swig.github.io/swig-templates/教程。
前端开发

深入了解Element​.class​List

2019-04-232698次阅读DOM
平时使用时就是classList.add、classList.remove等方法。但还真不知道classList是一个数组,其次就是add、remove、toggle可以有多个参数。Element.classList是一个只读属性,返回一个元素的类属性的实时DOMTokenList集合。使用classList是替代element.className作为空格分隔的字符串访问元素的类列表的一种方便的方法。
前端开发

JavaScript设计模式之单例模式

2019-04-231812次阅读javascript
JavaScript设计模式之单例模式就是保证一个类只有一个实例,实现的方法一般是先判断实例存在与否,如果存在直接返回,如果不存在就创建了再返回,这就确保了一个类只有一个实例对象。
前端开发

gulp报错internalBinding is not defined

2019-04-233397次阅读gulp
问题可能是node版本升级或npm升级造成的,node版本8+好像没有出现这个问题,建议还是gulp4构建任务实例吧,新版本的任务构建肯定会快很多。
前端开发

js大小写转换

2019-04-231259次阅读javascript
toUpperCase 方法返回一个字符串,该字符串中的所有字母都被转化为大写字母;toLowerCase 方法返回一个字符串,该字符串中的字母被转换为小写字母
前端开发

被遗忘了的css伪类:empty

2019-04-222325次阅读csscss模块
:empty伪类代表没有子元素的元素。子元素只可以是元素节点或文本(包括空格),但不包括html注释。浏览器兼容:IE9+
前端开发

常用的HTML DOM nextElementSibling属性简介

2019-04-223326次阅读DOM
nextElementSibling 属性返回指定元素之后的下一个兄弟元素(相同节点树层中的下一个元素节点)。nextSibling 属性与 nextElementSibling 属性的差别:nextSibling 属性返回元素节点之后的兄弟节点(包括文本节点、注释节点);nextElementSibling 属性只返回元素节点之后的兄弟元素节点(不包括文本节点、注释节点);nextElementSibling属性为只读属性。
前端开发

JavaScript变量对象详解(转载)

2019-04-211384次阅读javascript
在JavaScript中,我们肯定不可避免的需要声明变量和函数,可是JS解析器是如何找到这些变量的呢?从这里我们就可以看出详细了解执行上下文极为重要,因为其中涉及到了变量对象,作用域链,this等很多人没有怎么弄明白,但是却极为重要的概念,它关系到我们能不能真正理解JavaScript。