JavaScript 大基本功
230篇文章 · 0订阅
  • Promises A+规范原文解读 + es6实现（附详细注释）
    写本文的目的，是为了更好的理解promise，通过解读翻译原文，逐行解析原文通过代码一行一行实现。希望通过这篇文章，让我们能对promise有更深入的了解。 首先介绍promises是什么，英文的字面意思是“承诺”的意思，接下来promises翻译我没有用承诺翻译这个单词，因为…
    JavaScript 前端 Promise
  • 前端安全知识
    xss: 跨站脚本攻击（Cross Site Scripting）是最常见和基本的攻击 WEB 网站方法，攻击者通过注入非法的 html 标签或者 javascript 代码，从而当用户浏览该网页时，控制用户浏览器。 DOM即文本对象模型，DOM通常代表在html、xhtml和…
    JavaScript 安全
  • 精读前端调试技巧
    本期精读的文章是：debugging-tips-tricks编码只是开发过程中的一小部分，为了使我们工作更加高效，我们必须学会调试，并擅长调试。1 引言梵高这幅画远景漆黑一片，近景的咖啡店色彩却反差很大，他只是望着黑夜中温暖的咖啡馆，交织着矛盾与孤独。代码不可…
    前端 Chrome 单元测试
  • 小程序各种姿势实现登录
    可能由于用词不当，让大家误认为getUserInfo被弃用，其实是我们在用户未授权的情况下无法通过API调用的方式使用getUserInfo。 文章里少体现一个重要内容：获取用户头像昵称，第一次需要使用 button 组件授权，如果已经用组件授权了，wx.getUserInfo…
    前端 微信 微信小程序
    小程序各种姿势实现登录
  • JS进阶(2)：人人都能懂的原型对象
    凡是搞前端开发的或者玩 JavaScript 的同学都知道，原型对象和原型链是 JavaScript 中最为重要的知识点之一，也是前端面试必问的题目，所以，掌握好原型和原型链势在必行。因此，我会用两篇文章(甚至更多)来分别讲解原型对象以及原型链。 在上一篇文章中，我们详细介绍了…
    JavaScript 前端 面试
  • JavaScript设计模式
    当然我们可以用一个通俗的说法：设计模式是解决某个特定场景下对某种问题的解决方案。因此，当我们遇到合适的场景时，我们可能会条件反射一样自然而然想到符合这种场景的设计模式。 比如，当系统中某个接口的结构已经无法满足我们现在的业务需求，但又不能改动这个接口，因为可能原来的系统很多功能…
    设计模式 JavaScript 前端
  • 手摸手，带你用vue撸后台 系列一（基础篇）
    说好的教程终于来了，第一篇文章主要来说一说在开始写实际业务代码之前的一些准备工作吧，但这里不会教你 webpack 的基础配置，热更新原理是什么，webpack速度优化等等，有需求的请自行 google，相关文章已经很多了。 如图可见模块有很多，而且随着业务的迭代，模块还会会越…
    Vue.js JavaScript Webpack
    手摸手，带你用vue撸后台 系列一（基础篇）
  • Vue 的事件系统
    这里有一个容易混淆的地方，在 Vue 中事件有两方面的内容，一方面是自定义事件，一方面是为 DOM 绑定事件。
    Vue.js JavaScript 前端
    Vue 的事件系统
  • jQuery === 面条式代码？
    自从React/Vue等框架流行之后，jQuery被打上了面条式代码的标签，甚至成了“过街老鼠”，好像谁还在用jQuery，谁就还活在旧时代，很多人都争先恐后地拥抱新框架，各大博客网站有很大一部分的博客都在介绍新的框架，争当时代的“弄潮儿”。新框架带来的新的理念，新的开发方式不…
    React.js jQuery
    jQuery === 面条式代码？
  • 移动端 flex 布局神器，兼容微信，UC，webview 等移动端主流浏览器 ，支持 react，vue，angular
    在移动端开发中，并不是所有的浏览器，webview，微信等各种版本都支持标准的 flex， 但是基本上都会支持 - webkit-box，所以 flex.css 的主要作用是保证每一个属性都能支持标准 flex 或旧版本的 - webkit-box。 由于 flex.css 采用了 autoprefixer 编译，所以能够保证在浏览器不支持标准 flex 布局的情况下， 回滚到旧版本的 - webkit-box，保证移动设备中能呈现出一样的布局效果。 于是，一款移动端快速布局的神器诞生了...
    前端 flexbox