寒青 - SegmentFault 思否

51

前端插件库

whjin 5月12日发布
44 收藏

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

6

CSS的Transition与Animation

whjin 5月8日发布
5 收藏

博客链接：CSS的Transition与Animation本文总结CSS3中两个用来做动画的属性，一个是transition，另一个是animation。

11

jQuery选择器

whjin 5月8日发布
7 收藏

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

32

前端优化

whjin 5月7日发布
27 收藏

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

34

CSS团队协作规范

whjin 5月7日发布
24 收藏

用户可以自行设定自己的浏览器，例如Android手机可以设定显示字体大小，写死的高度会让字体相互重叠。

17

使用React Native构建App

whjin 4月13日发布
14 收藏

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

7

React项目详解

whjin 4月10日发布
6 收藏

babel-loader，@babel/core，@babel/preset-env，@babel/preset-react

37

网页设计的垂直居中

whjin 3月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...

45

CSS3开发文档

whjin 3月20日发布
36 收藏

并集：对选择器进行分组，被分组的选择器可以分享相同的声明。用逗号将需要分组的选择器开分。 h1,h2,h3,h4,h5,h6{}

29

HTML5元素和语义化标签

whjin 3月20日发布
22 收藏

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

10

Vue.js-Vue实例

whjin 3月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 组...

28

Vue.js-状态管理与Vuex

whjin 3月18日发布
20 收藏

非父子组件（跨级组件和兄弟组件）通信时，使用了bus（中央事件总线）的一个方法，用来触发和接收事件，进一步起到通信的作用。

9

Vue.js-函数化组件

whjin 3月18日发布
9 收藏

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

10

Vue.js-Render函数

whjin 3月18日发布
10 收藏

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

10

Vue.js-自定义指令

whjin 3月18日发布
9 收藏

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

15

Vue.js-组件详解

whjin 3月18日发布
15 收藏

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

7

Vue.js-表单与v-model

whjin 3月18日发布
7 收藏

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

6

Vue.js-方法与事件

whjin 3月18日发布
5 收藏

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

5

Vue.js-内置指令

whjin 3月18日发布
5 收藏

v-cloak不需要表达式，它会在Vue实例结束编译时从绑定的HTML元素上移除，经常和CSS的display: none;配合使用：

9

Vue.js-计算属性和class与style绑定

whjin 3月18日发布
8 收藏

学习笔记：前端开发文档计算属性所有的计算属性都以函数的形式写在Vue实例中的computed选项内，最终返回计算后的结果。计算属性的用法在一个计算属性中可以完成各种复杂的逻辑，包括运算、函数调用等，只要最...

寒青