摘要：为此决定自研一个富文本编辑器。本文，主要介绍如何实现富文本编辑器，和解决一些不同浏览器和设备之间的。
对ES6Generator函数的理解
Generator 函数是 ES6 提供的一种异步编程解决方案，语法行为与传统函数完全不同。
我为什么把他们两个放在一起讲？我觉得这两个设计模式有相似之处，有时候会一个设计模式不能满足你的需求而采用另一种设计模式。基于这点考虑，而且为了大家更好地理解，我放到了一起，加深大家的印象，活学活用。 在我们Team协作开发过程当中，不同于我们写个人项目，对全局变量的限制很大，我…
Edge 等浏览器都开始支持 CSS 变量了
wepback作为前端最热门的打包管理工具之一，学习一下是很有必要的，关于webpack的学习教程很多，并且官方也有对应的中文文档，所以本篇文章不再讲解如何使用webpack，而是重点讲解学习webpack前需要了解的一些概念。 什么是webpack 关于什么是webpack，…
最近整理了一份HTML/CSS/JS编码规范，供大家参考。 目录： 一、HTML编码规范 二、CSS编码规范 三、JS编码规范一、HTML编码规范1. img标签要写alt属性根据W3C标准，img标签要写alt属性，如果没有就写一个空的。但是一般要写一个有内容的，根据图片想要表…
本文是我在复制对象方面的一些心得总结，由浅复制到深复制，由只复制简单属性到复制 Function，RegExp 等复杂属性，层层递进，文字与代码想结合，全面阐述了对象复制方面的知识点
单例模式 前言 这两天是不是被朋友圈里的恩爱狗们秀了一脸？别慌！学习使我们强大，躁起来！在这个5.20，5.21的神圣日子里来聊一个相对简单的设计模式-单例模式来入门这个设计模式，并对闭包、封装、命名空间、单一职责、惰性有一个应用场景的了解。 应用场景 这种模式，常用于线程池、…
前言 HTML5 中提供的文件API在前端中有着丰富的应用，上传、下载、读取内容等在日常的交互中很常见。而且在各个浏览器的兼容也比较好，包括移动端，除了 IE 只支持 IE10 以上的版本。想要更好地掌握好操作文件的功能，先要熟悉每个API。 FileList 对象和 file …
此文研究Web API中的拖放接口，提供各个属性和方法的说明，解决拖放过程中的拖拽数据对象存储和获取问题。
除了 HTML5 的新特性，CSS3 的新特性也是面试中经常被问到的。
为什么要学正则表达式. 有位网友这么说: 江湖传说里, 程序员的正则表达式和医生的处方, 道士的鬼符齐名, 曰: 普通人看不懂的三件神器. 这个传说至少向我们透露了两点信息: 一是正则表达式很牛, 能和医生的处方, 道士的鬼符齐名, 并被大家提起, 可见其江湖地位. 二是正则表达式很难, 这也从侧面说明了, 如果你可以熟练的掌握并应用它, 在装逼的路上, 你将如日中天 (别问我中天是谁……) !
由对 JavaScript 面向对象的疑惑到对 JavaScript 的原型链的理解，阐明了 JS 面向对象语法的背后意义，并介绍了另一种组织代码的方式 Behavior Delagation
译者按: 程序员应该知道递归，但是你真的知道是怎么回事么？ 原文: All About Recursion, PTC, TCO and STC in JavaScript 译者: Fundebug 为了保证可读性，本文采用意译而非直译。 递归简介 一个过程或函数在其定义或说明中…
节流的原理很简单：
如果你持续触发事件，每隔一段时间，只执行一次事件。
根据首次是否执行以及结束后是否执行，效果有所不同，实现的方式也有所不同。我们用 leading 代表首次是否执行，trailing 代表结束后是否再执行一次。
关于节流的实现，有两种主流的实现方式，一种是使用时间戳，一种是设置定时器。
JavaScript 堪称世界上被人误解最深的编程语言。虽然常被嘲为“玩具语言”，但在它看似简洁的外衣下，还隐藏着强大的语言特性。 Js 目前广泛应用于众多知名应用中，对于网页和移动开发者来说，深入理解 Js尤为重要！
主要讲 HTML 和 CSS 的开发接口，以及学习 HTML 和 CSS 的相关资源
Javascript是单线程运行、支持异步机制的语言。进入正题之前，我们有必要先理解这种运行方式。
以「起床上班」的过程为例，假设有以下几个步骤：
起床（10min）
洗刷（10min）
换衣（5min）
叫车（10min）
上班（15min）
最简单粗暴的执行方式就是按顺序逐步执行，这样从起床到上班共需50分钟，效率较低。如果能在「洗刷」之前先「叫车」，就可以节省10分钟的等车时间。
应用依赖，或者叫做业务依赖，这是我们最常用的依赖包管理对象！它用于指定应用依赖的外部包，这些依赖是应用发布后正常执行时所需要的，但不包含测试时或者本地打包时所使用的包。可使用下面的命令来安装： dependencies是一个简单的JSON对象，包含包名与包版本，其中包版本可以是…
JS检测IE版本之解决方案大杂烩。
工欲善其事，必先利其器。一套完善的工具可以帮助我们事半功倍。而作为前端程序员的我，也是花了点时间为自己配置了一套工具。如果你也是使用 MacOS 作为你的开发系统的话，那麽你可以看一下这篇文章。
JS中的命名与注释规范化对于团队协作来说是非常重要的，统一规范化的命名和注释可以使代码更加规范、清晰，对于我们开发和维护都有非常大的帮助。
本文参考了JavaScript 开发规范，并做了补充和修改，同时删去了框架开发相关的内容(侵删)。
1.Promise的立即执行性 var p = new Promise(function(resolve, reject){ console.log("create a promise"); resolve("success"); }); console.log("after n…
这样写好了之后 function 是全局的变量，那么是全局的就难免会对项目javascript环境造成污染，可能会对其他同事造成影响，我们首先要考虑会不会影响别人，如果别人重名对你的checkMessage覆盖，那么这样的BUG是很难发现的。为了不造成太多的全局污染，我们可以这…
包括自适应椭圆、平行四边形、菱形图片、切角效果、梯形标签页、简单的饼图
用 JavaScript 进行开发的时候，很多情况都需要用到 JavaScript 里面的定时器。
但是你真的了解定时器吗？
这篇文章包括了 JavaScript 中定时器的运行原理，还没有了解过的同学快上车！
今天来谈谈前端面试中基本上每次一面都会被问到的一个问题，那就是html5的新特性了。这个是学习前端必须掌握的基础知识。
前言 在手机上通过网页 input 标签拍照上传图片，有一些手机会出现图片旋转了90度d的问题，包括 iPhone 和个别三星手机。这些手机竖着拍的时候才会出现这种问题，横拍出来的照片就正常显示。因此，可以通过获取手机拍照角度来对照片进行旋转，从而解决这个问题。 Orientat…
不打算考虑兼容性，所以没有必要采用UEditor这么重的插件。为此决定自研一个富文本编辑器。本文，主要介绍如何实现富文本编辑器，和解决一些不同浏览器和设备之间的bug。
这是一门微信小程序入门课程，通过学习本节课程可以使你快速上手小程序开发，在学习这门课之前，需要你先具备基本的前端开发能力，包括html/css/JavaScrip，起码你得会切图，了解js语法。
对 ES6 中 Generotor 函数的一些 常用用法进行的 总结 归纳
深入浅出理解JavaScript原型及原型链
在 web 开发中，经常会对一些事件进行监听处理，从而达到我们需要的一些效果。但是某些事件触发特别频繁，如浏览器窗口的 resize 事件以及页面的滚动事件。如此频繁的事件监听以及处理函数的多次执行，势必会带来性能上不必要的损失和欠佳的用户体验。
因此，今天就初探一下类似问题的解决办法：防抖动（Debounce ）、节流阀（Throttle）和 requestAnimationFrame。
css有些属性容易忘记，半天不写就要去查api，有时候api还不好使，于是还是记下来以后方便用，后续会慢慢补充进来的。 Github: https://github.com/aototo/blog 博客长期更新，喜欢的朋友star一下 outline 移除当选中input元素的时…
RegExp 是正则表达式（Regular expression）的缩写，作用是对字符串执行模式匹配。
通常用于格式验证、正则替换、查找子串等
各种编程语言的正则表达式基本相同，不同的语言可能会有一些细小的差别
前言 难得有空，今天开始重新规范的学习一下node编程。 但是引入模块我看到用 require的方式，再联想到咱们的ES6各种export 、export default。 阿西吧，头都大了.... 头大完了，那我们坐下先理理他们的使用范围。 require: node 和 es…
译者按: 箭头函数看上去只是语法的变动，其实也影响了 this 的作用域。 原文: JavaScript: Arrow Functions for Beginners 译者: Fundebug 为了保证可读性，本文采用意译而非直译。另外，本文版权归原作者所有，翻译仅用于学习。 本文…
全面了解JS正则表达式
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/92258.html
摘要：我相信现在大多数人认为的页面，就是在手机微信分享的那种炫酷的网页。 背景 作为程序员经常会被业务人员问一些技术相关的热门词，比如：H5页面是什么？ ， 我的回答是：符合 HTML5 标准实现的页面，大家为了方便，简称 H5。 真的是这样的吗？ 当连续有人问相关的问题，并详细了解一些业务以后，慢慢的发现 H5 已经不单单是一个技术相关的词。 之前被我们产品人员也问到一个类似的问题：怎么通...
摘要：介绍是推出的开源移动应用开发框架。使用谷歌自己的渲染引擎，自带引擎，平台上也会把引擎打包到中，实现高效渲染。如果谷歌的新系统能像当今的这样如日中天，甚至替代掉的话，的发展也会迎来它的顶峰。 Flutter介绍 Flutter是Google推出的开源移动应用开发框架。开发者可以通过开发一套代码同时运行在iOS和Android平台。 它使用Dart语言进行开发，并且最终编译成各个平台的Na...
摘要：介绍是推出的开源移动应用开发框架。使用谷歌自己的渲染引擎，自带引擎，平台上也会把引擎打包到中，实现高效渲染。如果谷歌的新系统能像当今的这样如日中天，甚至替代掉的话，的发展也会迎来它的顶峰。 Flutter介绍 Flutter是Google推出的开源移动应用开发框架。开发者可以通过开发一套代码同时运行在iOS和Android平台。 它使用Dart语言进行开发，并且最终编译成各个平台的Na...
摘要：依托于互联网为桥梁，将党务学习考核与党员发展密切关联，建立完备的信息化及数据统计，提供三会一课两学一做的新模式，开启党建工作的智慧时代。 71CMS依托于互联网为桥梁，将党务、学习、考核与党员发展密切关联，建立完备的信息化及数据统计，提供三会一课、两学一做的新模式，开启党建工作的智慧时代。让每个党支部都可以轻松建立自己的党建数据管理。 主要功能如下：一、组织管理 组织架构可以看到一个...
摘要：程序员客栈王鑫从一名普通的前端工程师成长成为阿里的高级前端工程师，你是如何一步步走来刘丹在学校学习编程的时候，我就对编程很有兴趣，接触前端之后，更是喜欢，这应该是我一路走来的动力。 showImg(https://segmentfault.com/img/bVCWOM); 他是电子科技大学的高材生，通过兴趣和努力脚踏实地的成为了一名优秀的前端工程师。他是一个对新技术充满了无限渴望的优秀...
摘要：前言由于实习公司要人做游戏，使用白鹭引擎开发，语言是。本着想学习的心态，就开始学习一波小游戏开发。几天时间看了下的文档，花了天半的时间，导师让仿一个的小游戏。没啥游戏逻辑，入门小项目，现在写个小总结。刚入门学习，总体体验还是挺好的。 前言 由于实习公司要人做 H5游戏，使用白鹭引擎开发，语言是typescript。本着想学习ts的心态，就开始学习一波H5小游戏开发。几天时间看了下egr...
阅读 1304·2021-11-19 09:40
阅读 3247·2021-11-19 09:40
阅读 3458·2021-11-11 16:54
阅读 2152·2021-10-12 10:12
阅读 667·2019-08-29 17:25
阅读 2623·2019-08-29 17:24
阅读 2993·2019-08-29 17:19
阅读 1684·2019-08-29 15:39
