chaos_hf的博客

原创 从零开始一个vue组件库

搭建工程本次抛弃了npm，使用yarn来管理依赖包。后面的命令都是基于yarn的，npm的基本也是下面的流程，只不过命令上稍有区别。项目目录结构|--config // 其他配置，如webpack等|--example // 示例|--lib // 组件|--src ...

原创 ES6中比较常见的语法总结

原创 树形数据的搜索方法---javascript

说明假设有这样的问题。给一个如下数据结构的数据。然后求id=01001002的text值。var tree = [{ id: '01000000', text: '北京', children: [{ id: '01001000', text: '北京市', children: [ { ...

原创 前端随笔--从java的角度来思考javascript的对象的用法

最近在做一个海报的项目，需要那种所见即所得的编辑方式。框架的话用的是vue。我的设计是使用json串来存储页面的海报样式，这样提交给后台的就是一个json字符串，分发下去的时候别的地方再编辑就是先解析json串，然后再修改json对象。 以商品模块为例，我们定义出以下的数据结构：goods: { imgPath: [], nameFontFamily: '', nameFon...

原创 react文档阅读笔记----JSX属性

JSX属性.操作符在JSX中的应用 如果一个模块export出去多个React组件，你可以使用.来获取各个组件。 import React from 'react';const MyComponents = { DatePicker: function DatePicker(props) { return <div>Imagine a {props.color} da

原创 建立一个前端的工具库---创建npm工程

要建一个工程，首先得明白这个工程的作用。因为现在公司还有部分工程是老工程，所以，这次规划除了针对新工程，还需要能够将js打包成压缩文件提供给老工程使用标签引入。打包工具选择webpack，单元测试集成了karma+jasmine。好了，现在就开始搭建吧！ npm标准工程 因为是npm工程，所以本地首先要有node环境，并且装上npm。如果没有配置的请自行到官网下载安装。 当环境

原创 建立一个前端的工具库---搭建篇

一、需求 工具公司需要，决定搭建一个组件库。为了实用，这个组件库主要需要满足以下几点需求。能够使用npm安装，支持amd规范； 现代的前端早已经脱离了刀耕火种的时代。我们可以用npm来安装我们所需要的工具函数和组件库。当然我们也可以自己写的一些工具函数也可以用npm来管理。能够按需引入； 很多时候对于一种大而全的类库是非常大的，而我们可能只会用到其中的一部分，如果不支持按需引入，那么这种

原创 js事件流传播

两个概念 我们先抛出两个概念： 事件流的走向 + DOM对象的addEventListener函数 addEventListener是DOM2级事件上的方法。主要是给元素绑定处理函数。addEventListener传入三个参数，第一个是字符串类型，表示事件类型；第二个传入一个函数，就是绑定的处理函数，第三个传入一个布尔值，这个布尔值为true的时候，表示是在捕获阶段执行处理函数；