admin 发布于 08月29, 2017

javascript 之 string

定义

String 类型用于表示文本型的数据。它是由无符号整数值(16bit)作为元素而组成的集合。 每一个元素占一个位置,第一个元素的 index 为 0,下一个元素为 1 ,以此类推。 字符串的长度 length 就是元素的个数。

阅读全文 »

admin 发布于 06月29, 2017

保持前端技术的学习

背景

从 2012 年接触前端开发,到现在也已经 5 个年头。如果是从事这方面工作的同学应该知道前端是一个苦逼的行业,需要保持不断的学习。每天都会有新的框架、工具、语言的更新、技术术语、编程思维、设计模式等等,让人应接不暇。这样会造成很多人在入行 3 年之后就会感受到学习瓶颈,甚至沉重的疲惫感,我也不例外。

阅读全文 »

admin 发布于 06月19, 2017

vuejs 的使用总结

如何学习

vuejsvuexvue-router 的官方文档至少要看个三四遍。我是接到任务需求的时候,第一天在公司看了一遍,第二天火车上看了一遍,第三天到上海公司再看了一遍的。再利用半天时间查找最好的资源去系统的学习,视频是每天晚上花两个小时看,其实官方文档已经是非常好的学习资源了。

官网

http://cn.vuejs.org/v2/guide/

视频

https://laracasts.com/series/learn-vue-2-step-by-step (一步步看完)

思维图

https://www.mindmeister.com/zh/842448234/vue-js

vue 手册

https://vuejs-tips.github.io/cheatsheet/

vuex 手册

https://vuejs-tips.github.io/vuex-cheatsheet

阅读全文 »

admin 发布于 11月02, 2016

gulp 基础

gulp 一款极其强大的构建工具。示例demo

了解

gulp 可以做的事情很多。

  • 代码分析 (jsHint, jsCs, eslinet, cssLint)

  • 编译(sass,less,es6,prefix,jade等等)

  • 拼接文件(css, js)

  • 压缩 (css, 图片, 雪碧图, 图标SVG)

  • 混淆 (uglify)

  • HTML生成 引用的注入(css,js)

  • 文件重命名

  • md5

  • 测试

  • 删除文件

  • 自动上传,部署cdn

等等。。。

阅读全文 »

admin 发布于 10月30, 2016

换了一份工作

又一个多月没有更新博客了,对于我来说坚持做一件事还是比较困难的。唯一庆幸的是能够在前端这个领域一直坚持, 就在这个月初加入了新的团队,进入了疯狂学习和加班的模式。

阅读全文 »

admin 发布于 09月09, 2016

回顾javascript中DOM的知识

知识点

  • 如何创建元素(createElement()createTextNode()cloneNode()innerHTML
  • 如何查找元素(.getElementById().getElementsByClassName().getElementsByTagName().querySelector().querySelectorAll()
  • 理解 live objectnon-live object.getElementById().querySelectorAll())的区别
  • 理解 ArrayNodeListHTMLCollection 的区别、缺陷
  • 改变元素文本内容的方法(innerHTML
  • 理解 innerHTMLtextContentinnerTEXTnodeValue 的区别
  • 改变元素结构(.appendChild().insertBefore().replaceChild().removeChild()
  • 如何操作元素的属性(.attributes.hasAttribute().addAttribute().removeAttribute().setAttribute()、点操作)
  • 理解 点操作属性 与 方法操作属性的区别(点操作只能改变标准的html属性)
  • 如何操作元素的 class 属性(.classList.classList.add().classList.remove().classList.toggle().classList.contains().className
  • 注意 classList 的兼容性(ie10以上),点操作的是 className 而不是 class
  • 如何操作元素的 style 属性(node.style.css_attributenode.style.css_attribute = newValue
  • 熟悉常见的节点 node(nodeTypenodeNamenodeValue
  • 如何操作节点、节点的关系(.previousSibling.nextSibling.firstChild.lastChild.parentNode.hasChildNodes().childNodes.children
  • 理解 node.childrennode.childNodes 的区别
  • 理解 dom 的空白节点(whitespace includes space, newline, tab),如果解决(.children.nextElementSibling.previousElementSibling.firstElementChild
  • 尝试封装选择器、事件处理

阅读全文 »

admin 发布于 08月08, 2016

js设计模式之适配器模式(Adapter Pattern)

定义

Wikipedia 定义适配器模式:

In software engineering, the adapter pattern is a software design pattern that allows the interface of an existing class to be used from another interface. It is often used to make existing classes work with others without modifying their source code.

适配器模式将一个对象或者类的接口翻译成某个指定的系统可以使用的另外一个接口。

阅读全文 »