寒青

5

vue.js路由与vuex数据模型设计

• whjin   6月1日发布
• 4 收藏

路由设计 本则路由考虑验证进入登录页面，完成登录操作进入首页。 {代码...} 数据模型 {代码...} {代码...} 组件 {代码...} {代码...}

8

http模块和fs模块

• whjin   2019-11-01 发布
• 7 收藏

文章链接：http模块和fs模块 http模块 response对象常用方法： response.writeHead(200,{'Content-Type':'text/plain:charset=UTF-8'}); 此方法只能在消息上调用一次，并且必须在调用response.end()之前调用。 re...

52

前端插件库

• whjin   2019-05-12 发布
• 44 收藏

DataTables是jQuery的JavaScript函数库，目的是强化表格操作（如搜索、排序），并自动加入组件引入表格中，使用非常灵活简便。

6

CSS的Transition与Animation

• whjin   2019-05-08 发布
• 5 收藏

animation和transition最大的不同在于transition是当参数改变时触发，而animation则是直接就执行，所有动画效果需要明确的指定关键帧的参数。

11

jQuery选择器

• whjin   2019-05-08 发布
• 7 收藏

链接：jQuery选择器 基本选择器 Basics *选择所有元素 .class选择class，如：$('.mybox') element选择element，如：$('p') #id选择id，如：$('#box') selector1,selectorN可以同时选择多个元素，如：$('div, p.bo...

32

前端优化

• whjin   2019-05-07 发布
• 27 收藏

浏览器发送HTTP请求，服务器收到请求全文后，返回HTTP响应，在浏览器接收之后结束这个过程。浏览器和服务器只有一次互动的机会，浏览器主动发起，而服务器被动地根据收到的请求内容返回结果。一个完整的请求都需...

34

CSS团队协作规范

• whjin   2019-05-07 发布
• 24 收藏

命名禁止缩写 精简扼要地对class命名，请勿使用自定义缩写。 class name的命名必须是行为、有语意的。 禁止在非特殊情况下写！important CSS本身有权重设计，任意地使用!important会造成权重混乱而无法维护。 不...

17

使用React Native构建App

• whjin   2019-04-13 发布
• 14 收藏

原文地址：使用React Native构建App最近因为项目需要，深入研究React和React Native，React已经掌握得差不多了，现在集中精力在ReactNative的项目开发。这里需要记录在学习过程中的技术细节，好记性真的不如烂笔...

7

React项目详解

• whjin   2019-04-10 发布
• 6 收藏

原文链接：React项目详解GITHUB：react-webpack-config持续更新... React项目指导 使用webpack需要安装的依赖 webpack，webpack-cli，react，react-dom babel-loader，@babel/core，@babel/preset-env，@babel/pr...

37

网页设计的垂直居中

• whjin   2019-03-21 发布
• 32 收藏

<p class="codepen" data-height="300" data-theme-id="0" data-default-tab="result" data-user="whjin" data-slug-hash="EMdevR" style="height: 265px; box-sizing: border-box; display: flex; align-item...

46

CSS3开发文档

• whjin   2019-03-20 发布
• 36 收藏

后代（派生）：根据元素在位置上的关系定义样式，使用空格隔开，后代选择器尽量不要超过3个，不必把每个层级都列出，只需要写关键点即可 li strong {}

29

HTML5元素和语义化标签

• whjin   2019-03-20 发布
• 22 收藏

块级元素： div、h1-h6、hr、menu、ol、ul、li、dl、dt、dd、table、p、form 自身属性为display: block;的元素，通常使用块级元素进行布局（结构）的搭建。

10

Vue.js-Vue实例

• whjin   2019-03-18 发布
• 10 收藏

<p data-height="265" data-theme-id="0" data-slug-hash="wjXLMa" data-default-tab="js,result" data-user="whjin" data-embed-version="2" data-pen-title="组件间通信" class="codepen">See the Pen 组...

30

Vue.js-状态管理与Vuex

• whjin   2019-03-18 发布
• 22 收藏

一个组件可以分为数据（model）和视图（view），数据更新时，视图也会自动更新。在视图中又可以绑定一个事件，它们触发methods里指定的方法，从而可以改变数据、更新视图，这是一个组件基本的运行模式。

10

Vue.js-函数化组件

• whjin   2019-03-18 发布
• 10 收藏

Vue提供了一个functional的布尔值选项，设置为true可以使组件无状态和无实例，也就是没有data和this上下文。这样用render函数返回虚拟节点可以更容易渲染，因为函数化组件只是一个函数，渲染开销要小很多。

11

Vue.js-Render函数

• whjin   2019-03-18 发布
• 11 收藏

学习笔记：Render函数 Render函数 Vue2与Vue1最大的区别就在于Vue2使用了虚拟DOM来更新DOM节点，提升渲染性能。 Vue2与Vue1最大的区别就在于Vue2使用了虚拟DOM来更新DOM节点，提升渲染性能。 Vue2与Vue1最大的区...

11

Vue.js-自定义指令

• whjin   2019-03-18 发布
• 10 收藏

自定义指令的注册方法分为全局注册和局部注册，比如注册一个v-focus指令，用于在<input>、<textarea>元素初始化时自动获得焦点，两种写法分别是：

15

Vue.js-组件详解

• whjin   2019-03-18 发布
• 15 收藏

要在父实例中使用这个组件，必须要在实例创建前注册，之后就可以用<my-component></my-component>的形式来使用组件。

7

Vue.js-表单与v-model

• whjin   2019-03-18 发布
• 7 收藏

使用v-model后，表单控件显示的值只依赖所绑定的数据，不再关心初始化时的value属性，对于在<textarea></textarea>之间插入的值，也不会生效。

6

Vue.js-方法与事件

• whjin   2019-03-18 发布
• 5 收藏

这种在HTML元素上监听事件的设计看似将DOM与JavaScript紧耦合，违背分离的原理，实则刚好相反。因为通过HTML就可以知道调用的是哪个方法，将逻辑与DOM解耦，便于维护。