JS异步编程的解决方案；人人都会写的富文本编辑器；一个少女心满满的例子带你入门 canvas；【mock.js】后端不来过夜半，闲敲mock落灯花 ——南宋·赵师秀 （附Vue + Vuex + mockjs的简单demo）；CSS的组件化方案：OOCSS + BEM；渐进增强的 CSS 布局：从浮动到 Flexbox 到 Grid；Web 框架：基础技术；快速图片合成插件–mcanvas.js
-
JS异步编程的解决方案 JS异步编程的解决方案
-
人人都会写的富文本编辑器 这个本来是给 vm-manager 写的一个富文本编辑器，后来觉得独立出来维护比较方便，就单独分离出来放到NPM。之所以说人人都会写, 是因为这个组件实现起来确实比较简单，不需要很厉害的Js水平, 基本是对document.execCommand()指令的绑定
-
一个少女心满满的例子带你入门 canvas canvas入门 本文首发于我的个人博客：cherryblog.site/ github项目地址： github.com/sunshine940… 项目演示地址： sunshine940326.github.io/canvasStar/ 之前看到了一个很好看的canvas效果，然后拿来做我的博客背景，不少童鞋留言说求教程，并且反应说太耗内存，于是前一段我就重写了一遍，并且使…
-
CSS的组件化方案：OOCSS + BEMCSS由于缺少命名空间，所有的class都是全局的，所以大团队项目如果没有良好的命名规范，会容易失控。 举例实现以下效果： 通过 class + tag {代码…} {代码…} 想象下，把此页面（或者做成组件）嵌入到另外一个…
-
渐进增强的 CSS 布局：从浮动到 Flexbox 到 Grid 原文地址：Progressively Enhancing CSS Layout: From Floats To Flexbox To Grid 原文作者：Manuel Matuzović 译文出自：掘金翻译计划 本文永久链接：github.com/xitu/g
-
web性能优化——优化内容与桌面应用不同，网络应用不需要单独的安装过程：只需输入网址，便可启动和运行 – 这是网络的一个关键特色。不过，要做到这一步，我们通常需要获取几十个（有时甚至是几百个）不同的资源，所有这些资源加起来的数…
-
为什么我的新项目使用 Angular 而不是 Vue 最近我们团队要做一个单页面应用，主要功能有数据库增删改查、流程审批和 Feeds 展示等，我在比较了 Angular 和 Vue 之后，最终选择了 Angular。 我们团队中，既有人使用过 Angular 也有人使用过
-
Alloy 前端周刊 Aug.7 React Native目前已经被很多业务广泛采用，关于它你有了解多少？
-
分享一个可用于拖动排序的vue组件最近要做拖拽相关的功能，本来想自己写，忽然想起来之前在轮子工厂有更新过，vue-dragging还是很好用滴。 介绍 vue-dragging — 一款可任意拖动排序的vue插件。支持桌面和移动端，拖拽过渡动画美观。支持vue1和vu…
-
Vue.js 很好，但是比 Angular 或 React 更好吗？ Vue.js 是一个用于创建 Web UI 的 JavaScript 库。结合其他的一些工具，它也可以成为一个“框架”。通过我们的上一篇博客，想必你已经知道 Vue.js 是顶级框架之一，并且在很多场景下已经替换了 Angular 和 React。这就引出了本文要讨论的话题：‘Vue.js 很好，但是比 Angular 或 React 更好吗？’。 上一篇博客…
-
React 和 Vue 的抉择，我为什么选择 React React or Vue.png 近几年各式前端框架和库如雨后春笋般进入大前端开发界，还有ECMAScript 6标准的提出，让JavaScript 迅速火爆，一举成为了近几年开发语言应用中使用最广泛的语言。然而，这些新生事物富有创造力的同时，也考验着前端开发
-
Angular vs React vs Vue 原文：Angular vs React vs Vue 作者：SweetFlake Valorm 译者：百度外卖FE – 艾文 译者前言：最近
-
用AE + bodymovin制作html动画 我们知道，做动画有多种形式，可以用CSS的animation，也可以用Canvas，或者是用JS控制CSS的属性形成动画。我们经常使用CSS做一些比较简单的动画，像过度、加载的动画，对于一些比较复杂的，要么做成gif，要么用Canvas，使用Canvas的控制粒度可以很细，同时工作量相对也比较大。做动画还有其它的方式，那就是使用After Ef…
-
通过示例学习 JavaScript 闭包 译者按: 在上一篇博客，我们通过实现一个计数器，了解了如何使用闭包(Closure)，这篇博客将提供一些代码示例，帮助大家理解闭包。 原文: JavaScript Closures for Dummies 译者: Fundebug 为了保证可读性，本文采用意译而非直译。另外，本文版权归原作者所有，翻译仅用于学习。 闭包并不神奇…
-
Webpack 打包优化之体积篇 谈及如今欣欣向荣的前端圈，不仅有各类框架百花齐放，如 Vue ， React ， Angular 等等，就打包工具而言，发展也是如火如荼，百家争鸣；从早期的王者 Browserify , Grunt ，到后来赢得宝座的 Gulp ，以及独树一帜的 fis3 , 以及下一代打包神器 Rollup ；在 browserify,grunt,gulp,rollup,webpack 可以一窥其中部分对比。…
-
HTML5按钮元素新属性formaction,formenctype等简介 这篇文章发布于 2017年08月6日，星期日，20:52，归类于HTML相关。 阅读 147 次, 今日 146 次 byzhangxinxu from http://www.zhangxinxu.com/wordpress/?p=6335 本文可全文转载，但需得到原作者书面许可，同时保留原作者和出处，摘要引流则随意。 一、
-
回归基础：JavaScript 中的数据格式转换一例 常见问题 打个比方，你有一组数据，需要根据拼音首字母字母索引显示在页面上，如图： 这种索引性的展示已经随处可见。对于我们前端开发来说这种展示最喜欢的数据格式可能是这样的： JavaScript 代码:var cardList = [ { “key”:”p
-
vue + node 重构总结 前言： 最近做了一个积分商城的项目，因为参与的都是新童鞋加上对代码结构和业务的理解不足，导致项目开发了一个多月，还有一堆问题，达不到上线要求。功能完成后，进行问题罗列，观察提测后FE+RD的状态，自己也动手改了一天代码，不管是FE+RD包括自己都觉得实在是太难受了，小坑大坑不断，于是和三水清老师商量了下…
-
Angular 和 React 的在线 VS Code 编辑器 Angular 和 React 的在线 VS Code 编辑器
-
Marionette v3.4.0 发布，Backbone.js 组合框架 Marionette v3.4.0 发布了，Backbone.Marionette 是 Backbone.js 的一个组合应用库，简化了大规模 JavaScript 应用的开发。包含一组常用的设计模式。 v3.4.0 查看提交日志 特性 A new build of Marionette supporting ES6 modules was added Added DOM API to encapsulate DOM interactions in …
-
✌️ 基于 vue2 + vuex + vue-router 构建的移动端微应用 View README in English 基于 vue2 + vuex + vue-router 构建的移动端单页微应用，适合于vue
-
深刻理解Vue中的组件今天看了下Vue官网上关于组件的教程，感觉内容还挺多，现在把组件中基本的知识梳理一下。 组件的基本使用 注册组件 注册组件就是利用Vue.component()方法，先传入一个自定义组件的名字，然后传入这个组件的配置。…
-
2017-08-06 前端日报2017-08-06 前端日报 精选 前端实现文件的断点续传精读《最佳前端面试题》及面试官技巧React 渲染机制解析【React Native十日谈】第一日绘制随机不规则三角彩条–小谈EvanYou个人主页的实现zeit/hazel: Lighweigh…
-
揭秘 HTTPS 的 “秘密” 在说https之前,我们先了解一下http,以及为什么要使用https. http(Hyper Text Transfer Protocol)超文本传输协议是一种用于分布式、协作式和超媒体信息系统的应用层协议,它是TCP/IP的上层协议,同时它也是万维网(万维网不等同于互联网,它只是基于互联网的一个服务)的数据通信的基础. http协议是客户端浏览器…
-
web性能优化——关键渲染路径（上）从收到 HTML、CSS 和 JavaScript 字节到对其进行必需的处理，从而将它们转变成渲染的像素这一过程中有一些中间步骤，优化性能其实就是了解这些步骤中发生了什么， 即关键渲染路径。优化关键渲染路径是指优先显示…
-
XCO-JS 1.0.1 版本发布，增强模板渲染和数据绑定 XCO-JS 1.0.1 版本已发布，XCO-JS是一款以XCO数据对象为基础，集数据封装、数据请求、模板渲染、数据绑定和数据验证为一体的综合性JS框架。 新版本特性 XCO请求支持结果检测和多成功事件； 模板引擎支持默认值，运算表达式和函数调用 数据绑定支持默认值，运算表达式和函数调用 修复历史BU…
-
记一次 React Native 远程调试，解决只能在千里之外重现的 Bug 前言 这篇文章的主要内容有两个： React Native如何调试不在局域网内的设备、如何把这些设备变成在局域网内方便地调试（无论设备在4G还是Wifi的情况下） 深坑提醒：截止到发稿前华为P10最新版本系统 EMUI5.0 (Android 7.0），Style Sheet中的transform属性失效了 故事的起因 …
-
在 React 16 中使用高阶组件来捕获异常可能你已经知道, 在 React 16 中, 将会引进一个全新的架构 – React Fiber, 它彻底重写了 React 的协调算法, 并引入了一些新的特性. 这篇文章就是跟大家分享 React 16 中新的生命周期方法 – componentDidCatch, 它…
前端日报栏目数据来自码农头条，每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等，为开发者提供动力，如果觉得内容对你有用，记得分享给你的小伙伴。进入码农头条查看更多
