
JavaScript
BraveWangDev
11年开发经验、全栈工程师;2023年更新计划已确定,希望能与大家共同进步;
展开
-
灵活的JavaScript
通过一个验证功能,讲述JS的各种写法,以及利弊说明 1,表单验证 function checkName() { // 验证姓名 } function checkEmail() { // 验证邮箱 } function checkPassword() { // 验证密码 } 等效于 var checkName = function () { /...原创 2017-05-12 15:31:16 · 678 阅读 · 0 评论 -
WebUploader单页多实例实现
WebUploader是前端实现上传文件的一个控件,可以实现分片上传,跟踪进度,拖拽上传,图片的预览与压缩,拖拽,过滤,多选,黏贴等添加文件方式的可拓展UI组件1,需求-单页多实例:一个公司List页面,有一个Table,行项目是各个公司数据 每行都有一个上传的按钮,用于上传本公司下的文件 (需求是先选择图片,再通过点击上传按钮完成上传,故WebUploader控件配置为非立即上传) 2,粗糙的实现原创 2017-09-08 16:59:28 · 6512 阅读 · 4 评论 -
1,JavaScript 作用域
1.1 编译原理 JavaScript是一门编译语言,与传统编译语言不同,它不是提前编译的,编译结果也不能在分布式系统中移植 传统编译语言中,一段源代码在执行前的编译将经历一下三个步骤: 1)分词/词法分析 代码被分解成词法单元 如 var a = 2; 被分解为 var/a/=/2/;(空格是否是词法单元取决于语言) 2)解析/语法分析 将词法单元流(数组)转原创 2017-01-10 15:18:31 · 577 阅读 · 0 评论 -
JavaScript设计模式(2)-设计模式的基础-面向对象JS-封装
一,前言 JS的两种编程方式: 1,面向过程JS: 按照传统流程编写若干函数解决业务需求 2,面向对象JS: 将需求抽象成对象,分析其特征(属性)和功能(方法) 面向过程式的JS编程会有诸多弊端,例如:会在全局作用域添加若干全局变量,函数可拓展性较差, 不利于团队开发和代码复用,因此建议使用面向对象JS开发 面向对象语言(如Java)具有三大特性:继承,封装,多态 但是Ja...原创 2018-07-17 14:00:40 · 521 阅读 · 0 评论 -
JavaScript设计模式(1)-灵活的JS写法
一,开篇 JavaScript是一种非常灵活的语言,在js的世界里,函数是"一等公民" 近几年前端迅速崛起,各种js框架相继诞生,同时js也逐步成为了"全栈"领域 为了了解JS设计模式,首先需要掌握JS的一些基础写法 二,JS的多种写法 需求是写关于用户名,密码,邮箱的验证方法 1,小白写法(不推荐) function checkUserName(){} function ch...原创 2018-07-13 14:56:03 · 1094 阅读 · 0 评论 -
JavaScript设计模式(3)-设计模式的基础-面向对象JS-继承
一,前言 上一篇介绍面向对象JS的实现原理以及封装特性的实现 JavaScript设计模式(2)-设计模式的基础-面向对象JS-封装 这一篇主要介绍JS模拟面向对象继承特性的实现 JS设计模式的基础就是面向对象JS,在介绍JS设计模式之前,有必要先了解面向对象JS 在后续的介绍中,我们可以逐步认识和了面向对象编程的强大威力 二,JS模拟面向对象继承特性的实现 JS并没有继承...原创 2018-07-19 16:53:12 · 600 阅读 · 0 评论 -
JavaScript设计模式(4)-设计模式的基础-面向对象JS-多态
一,前言 面向对象编程有继承,多态,封装特性,之前介绍了js实现封装和继承,这篇介绍多态性的实现 多态性:同一方法,作用于不同对象时,可产生不同执行结果 在java等面向对象语言中,将需要实现多态的方法作为父类的抽象方法, 子类通过重写父类的抽象方法,进而在调用时系统会根据对象运行时类型决定调用哪个方法 js中实现多态不是这么灵活,只能模拟, 如果纯粹的站在面向对象编程的角度去看待,...原创 2018-08-03 14:33:34 · 301 阅读 · 0 评论