git 三两式 同步发布在 my github Table of Contents git 参考开发流程 git 常用命令 搭建 git 服务器 git 参考开发流程 从master分支创建develop分支； 每次开发…
标签：frontend
React中setState同步更新策略
React中setState同步更新策略从属于笔者的Web 前端入门与工程实践中的React入门与最佳实践系列总纲系列文章，推荐阅读2016-我的前端之路:工具化与工程化。 setState 同步更新 我们在上文中提及，…
前端之React实战-代码规范
Coding Style(编码风格) Basic Rules(基本原则) 每个文件中只包含一个React组件。 尽可能地使用JSX语法。 除非不用JSX语法创建一个应用，否则不要使用React.createElement…
前端之React实战-交互与动态UI
Interactivity and Dynamic UIs React.findDOMNode() 组件并不是真实的 DOM 节点，而是存在于内存之中的一种数据结构，叫做虚拟 DOM （virtual DOM）。只有当它…
前端之React实战-JSX介绍与使用
JSX HTML 语言直接写在 JavaScript 语言之中，不加任何引号，这就是 JSX 的语法，它允许 HTML 与 JavaScript 的混写。 var names = ['Alice', 'Emily', '…
前端之React实战-快速入门以及集成使用
Quick Start HelloWorld 基本的React的页面形式如下所示： <!DOCTYPE html> <html> <head> <script src="../b…
前端之React实战-背景概述
Introduction React并不是一个完整的MVC或者MVVM框架，它与Angular也是负责不同的方面，它最大的功能是提供一个高效的视图层。React提供了一些新颖的概念、库和编程原则让你能够同时在服务端和客户…
如何使用React Hooks建立一个待办事项列表
原文地址：How to Build a Todo List with React Hooks React v16.7.0-alpha 引入了钩子(Hooks)。开心！ 什么是钩子(Hooks)？ 钩子是能让你在没有用es…
项目中常用的ES6
看代码及注释就懂了 把ES6（es2015）代码转换为ES5代码 $ npm install -g babel-cli $ npm install babel-preset-env –save $ babel…
前端之Angular2实战：内置指令中的ngFor
Angular2 内置了许多新的指令，其中NgFor就是用来进行替换旧有的ng-repeat标签。关于Angular2开发进度可以查看Is Angular 2 Ready?，关于笔者的相关代码可以查看这里。 Angula…
深入认识vue-cli：能做的不仅仅是初始化vue工程
相信对于大部分使用过VueJS的同学来说，vue-cli是他们非常熟悉的一个工具。借助vue-cli，我们通过非常简单的问答形式，方便地初始化一个vue工程，完全不需要担心繁复的webpack、eslint配置等等。 但…
提升用户体验的利器——使用Vue-Occupy实现占位效果
项目地址：https://github.com/jrainlau/v…DEMO：https://jrainlau.github.io/vu… 介绍 Vue-Occupy是一个vue指令，能够在数据…
css3新特性之动画使用
有个朋友N久没有动前端，最近因为需求和人手不得不硬着头皮拾起它。 有个需求是图片放大浏览，因为时间紧没有时间学新的如react等，所以还是用jq，一直在找插件，但是都不太满意。所以问我有没推荐。我想了想，要引入新的插件开…
字体渲染—¥还是Ұ？
总所周知，”羊角符号￥“被用于来表示人民币，但是这个羊角符号Y中间应该是两道水平线还是一道水平线呢？这是一个比较常见的问题，在前端开发中，往往设计师给出的设计稿是两道水平线但是在某些设备上却被显示成中间只有一道水平线的符…
Web聊天工具的富文本输入框
近来折腾 Websocket，盘算开辟一个聊天室运用练练手。在运用开辟的过程当中发明可以插进去 emoji ，粘贴图片的富文本输入框实在蕴含着许多风趣的学问，因而便盘算纪录下来和人人分享。 堆栈地点：chat-input…