- 博客(15)
- 收藏
- 关注
RSS订阅原创 JavaScript与设计模式———适配器模式（含ts代码）
意义介绍旧接口格式和使用者不兼容中间加个适配转换接口类UML类图TypeScriptclass Adaptee { specificRequest(): string { return '香港插座'; }}// 适配器类，适配 Adapteeclass TargetAdaptee { public adaptee; constructor() { this.adaptee = new Adaptee(); }
2020-11-29 16:47:31
205
2
原创 JavaScript与设计模式———单例模式（含ts代码）
意义介绍系统中被唯一使用一个类只有一个实例数据同步类和UML类图TypeScriptclass SingleObject { // 私有化构造函数能防止被意外 new private constructor () {}; // 标识这个实例 private static instance: SingleObject; // 创建实例的唯一方式在类内部 public static getInstance(): SingleObject {
2020-11-29 16:08:59
252
原创 JavaScript与设计模式———工厂模式（含ts代码）
意义将创建产品实例的代码用工厂实例封装起来，后续若需要创建产品实例只需要调用工厂实例的方法。将创建操作封装起来，能够对后续的操作友好。类和UML类图TypeScript// 产品class Product { constructor(public name: string) { this.name = name; } init() { console.log('init'); } func1() { c
2020-11-29 15:14:24
231
原创 JavaScript与设计模式———面向对象的设计模式（含ts代码）
意义代码结构化类和类图TypeScriptclass People { constructor(protected name: string) { this.name = name; } eat(): void { console.log(`${this.name}吃饭了`); }}继承子类 能够使用 父类的 可访问变量 和 方法。关键字 extents super// 父类class People {
2020-11-27 15:25:33
151
原创 构造函数、原型和原型链（极其重点）
构造函数、原型和原型链（极其重点）对象的属性和方法被称为成员首字母要大写function Star(name, age) { // 实例成员 this.name = name this.age = age this.sing = () => { console.log("sing"); }}let ldh = new Star('ldh', 18)ldh.sing() // 访问实例成员的方法Star.sex = 'man'
2020-11-15 23:36:29
96
原创 JavaScript内置方法-Date对象
Date对象》介绍是一个构造函数，使用时需要new，实例化主要看常用方法console.log(new Date()); //返回电脑当前的时间console.log(new Date(2009, 7, 6)); //2009-08-05T16:00:00.000Zconsole.log(new Date("2009, 7, 6")); //2009-07-05T16:00:00.000Zconsole.log(new Date("2009/7/6")); //2009
2020-11-12 21:10:08
134
原创 JavaScript内置方法-Array对象
Array对象属性描述返回值constructor返回创建数组对象的原型函数。[Function: Array]length设置或返回数组元素的个数。prototype允许你向数组对象添加属性或方法。undefined方法描述是否有详解 concat()看详解1 copyWithin()看详解1entries()返回数组的可迭代对象。every()检测数值元素的每个元素是否都符合条件。1fil
2020-11-12 12:38:37
107
原创 JavaScript内置方法-Math对象
Math对象》介绍不是构造函数，不需要new使用， 而是直接使用里面的属性和方法即可》知识点若是传入的参数非数值型，那么将返回 NaN若是不传入参数，那么将返回 -Infinity 或者 NaN，与方法有关属性描述E返回算术常量 e，即自然对数的底数（约等于2.718）。LN2返回 2 的自然对数（约等于0.693）。LN10返回 10 的自然对数（约等于2.302）。LOG2E返回以 2 为底的 e 的对数（约等于 1.442695040888
2020-11-12 12:33:20
95
原创 JavaScript中的变量和函数提升，以及函数表达式与函数声明式的区别
预解析JS引擎运行js分为两步：预解析 和 代码执行》知识点引擎会将所有 变量的声明 和 函数 提升到当前作用域最前面变量提升受到作用域的限制，不能超出所在作用域变量提升引擎会将所有变量的声明提升到当前作用域最前面》注意不会同时执行赋值 所以此时都是undefined// 1console.log(a) // undefinedvar a = 10// 2var a;console.log(a) // undefineda = 0//以上 代码1 的拆解为 代码2 .
2020-11-09 22:59:50
170
原创 ES6中函数的形式参数的扩展
ES6中函数的形式参数的扩展适合观看群体：想要快速了解ES6中对函数的扩展的人，如：要面试的前端求职者默认值》扩展ES6 允许为函数的形式参数设置默认值》好处简洁，阅读代码者能够立即意识到哪些参数是可以省略的// 例一function name(x, y = 5) { console.log(x, y)}name(2) // 2 5name(3, 8) // 3 8 name(2, "") // 2 name(2, undefined) // 2 5/
2020-11-09 20:44:16
306
原创 快速掌握前端页面布局思维要点
快速掌握前端页面布局思维要点所要达到的标准：对于前端的布局能做到信手拈来的程度，就说明已经初见成效了。（到了这种程度，自己会知道的）底层：浏览器会将HTML标签渲染成 dom 树，形成一种树形的结构，再由渲染引擎解析绘制。对于布局指导视为归结为以下步骤整体结构分块，如弹性盒子局部结构分块，如弹性盒子自顶向下、逐步细化谨记：不要着急动手！！！越早规划好整体布局，后期修改的代码就越少，成本就越低。实际项目产品经理和UI/UE设计好原型图划分好整体
2020-11-08 22:13:42
1082
原创 网站样式参考库
中规的：1.http://www.caas.cn/农科院的网站(门户网站）2.http://www.gdlwhb.com.cn/index水禽重点实验室的网站
2019-09-21 12:14:38
441
原创 vue.js急速理解
理解难度@1.html css 基础面向人群：刚开始想要了解vuev-****（嵌入标签元素）v-cloak：【解决闪烁问题】为了不让用户见到加载未完成时的代码<style >[v-cloak]{ display：none;}</style>...
2019-08-06 16:11:00
102
原创 Vue.js目录结构
简单的目录结构介绍node_modules：导入的依赖包、插件等第三方下载的库文件夹（自动生成）.src：放置源码（自己写的代码就放这）componets：存放组件的集合，方便管理imgs/images：导入的图片lib：放置一些只能手动导入的库App.vue：主构建的界面，rootindex.html：主htmlmain.js：入口文件导入，创建实例router.js：路由配...
2019-08-05 14:35:06
123
原创 Vue.js的常见用途
vue.js 介绍—前端最火框架—只关注视图层—主要工作是和构建界面—借助Weex开发手机app。用途：一句话总结：用数据绑定的思想，vue可以简单写单个页面，也可以写一个大的前端系统，也可以做手机app的界面vue是一个框架，组件化开发使得代码变得非常容易修改vue不推荐直接操作dom，对后期的维护非常友好。嵌套变得简单vue能够实现一些动画效果vue能够做过滤器vue能...
2019-08-04 21:15:27
889
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人