- 博客(29)
- 收藏
- 关注
RSS订阅原创 JS的设计模式（笔记）
以上代码中，我们可以发现，class这种写法是兼顾构造器模式和原型模式的，constructor中放构造器所写的变量，在Employee中写原型上的变量和方法。缺点：当我们需要创建更多类型的对象时，工厂函数就会成为一个超级庞大的函数，难以维护，所以工厂函数只适用于创建的对象数量少、对象的创建逻辑不复杂时使用。定义：将一个复杂对象的构建与它的表示分离，使得同样的构建过程可以创建不同的表示。建造者模式关心的是创建这个对象的整个过程，甚至创建对象的每一个细节。，而抽象工厂模式返回的是具体的。需求：录入员工信息。
2024-03-26 14:22:41
156
原创 参与项目——各个模块系统（包含智能养护、调试系统、智控系统、四代建筑安装系统、统一登录等）
vue2、sass、element-ui、webpack、vue3、typescript、element-plus、vant-ui、vite、百度地图、echarts等…智能养护模块中用户的打点定位、行程轨迹绘制、分区的电子围栏绘制、地图搜索、用户头像在地图中的偏移等，调试系统中数据组件递归，智控系统echarts数据可视化配置…数据可视化环境参数，百度地图绘制用户。后续的开发项目中，通过传入。以及其他字段参数访问。
2023-03-23 17:01:55
189
原创 参与项目——智美庭院
智美庭院是专为别墅庭院、小型园林、公园广场等场景进行。用户可根据场景需求，通过手机APP或。，对场景中的设备进行控制。目前主要用于浏阳经开区。
2023-03-16 17:32:53
205
转载 前端安卓、ios和pc的兼容性问题
安卓和ios的兼容性问题一、日期安卓：年月日中间使用 "-" 和 "/" 都可以ios：年月日中间只能使用 "/"二、 input框聚焦，ios出现outline或者阴影，安卓显示正常ios解决办法input:focus{outline:none}input:{-webkit-appearance: none;}三、关于flex布局的换行问题对于低版本的安卓，不支持flex-wrap:wrap属性，但是ios系统支持换行属性解决办法：不使用换行如果你的布局必须要用到换行，那就
2021-12-13 15:51:48
509
原创 ES6知识学习总结
ES6的兼容性IE10+ChromeFirefox移动端Node.jsES6的新特性变量函数数组字符串面向对象Promisegenerator模块化1.变量()
2020-12-09 16:54:04
350
原创 原型和原型链以及call和apply
一、原型1. prototype原型是 function 对象的一个属性，它定义了构造函数制造出的对象的公共祖先。通过该构造函数产生的对象，可以继承该原型的属性和方法。原型也是对象。可能大家对这个定义不太理解，下面我们来举一个例子：//Person.prototype --原型//该原型在构造函数创建的时候就被定义好了，为一个属性，是祖先//Person.prototype = {}Person.prototype.name = "alex";function Person(){}l
2020-12-09 10:25:58
318
原创 v-for中key属性的作用
提高渲染性能避免数据混乱的情况出现（如果元素中包含了有临时数据的元素，如果不用key就会产生数据混乱）<div id="app"> <ul> <li v-for="item in teachers" :key="item.id">{{ item.name }}</li> </ul></div> <script> const vm = new Vue({ el: "#app",
2020-12-02 11:27:36
211
转载 module.exports和exports的区别
通常来讲, 我们在node模块中输出变量有两种方法：1.module.exportsfunction hello() { console.log('Hello, world!');}function world(name) { console.log('Hello, ' + name);}module.exports = { hello: hello, world: world};2.exportsfunction hello() { cons
2020-12-02 11:11:28
1417
转载 import和require的区别
1.模块加载时间（1）require：运行时加载（2）import：编译时加载（效率更高）【由于是编译时加载，所以import命令会提升到整个模块的头部】test();import { test} from '/test';上面的代码不会报错，正常执行2.模块的本质require：模块就是对象，输入时必须查找对象属性import：ES6 模块不是对象，而是通过 export 命令显式指定输出的代码，再通过 import 命令输入（这也导致了没法引用 ES6 模块本身，因为它不是对象）。由于
2020-12-02 10:42:25
113
原创 Node.js知识学习总结
一、什么是node.js？Node.js是一个Javascript运行环境。实际上它是对Google V8引擎进行了封装。V8引 擎执行Javascript的速度非常快，性能非常好。Node.js对一些特殊用例进行了优化，提供了替代的API，使得V8在非浏览器环境下运行得更好。node.js的本质：是一个能编译你写的js代码并让计算机识别并执行的编译环境，一般我们会用的到浏览器的内核来编译解析我们的JS代码，而Node是另一种运行环境（所以Node.js是一个平台，不是一种语言，更不是什么后端语言，也不
2020-12-02 10:30:57
1157
原创 vue的生命周期
1、八个阶段：（1）beforeCreate()：创建前状态（2）created()：创建完毕状态（3） beforeMount()：挂载前状态（4）mounted()：挂载结束状态（5）beforeUpdate()：更新前状态（6）updated()：更新完成状态（7）beforeDestroy() ：销毁前状态（8）destroyed() ：销毁完成状态2、另外三个：当组件是路由组件时，还会注入与路由相关的生命周期：（1）activated：开启keep-alive时调用（2）d
2020-12-01 17:01:15
112
原创 浏览器地址栏输入URL到显示页面发生了什么？
1.DNS 域名解析2.浏览器与目标服务器建立一条 TCP 连接（三次握手）3.浏览器向服务器发送一条 HTTP 请求报文4.服务器返回给浏览器一条 HTTP 响应报文5.浏览器进行渲染6.关闭 TCP 连接（四次挥手）...
2020-12-01 14:08:55
88
原创 前端优化的方法有哪些？
一、面向内容的优化1.减少 HTTP 请求2.减少 DNS 查找3.避免重定向4.使用 Ajax 缓存5.延迟载入组件6.预先载入组件7.减少 DOM 元素数量8.切分组件到多个域9.最小化 iframe 的数量10.不要出现http 404 错误二、面向server优化11.缩小Cookie12.针对 Web 组件使用域名无关性的...
2020-11-30 22:17:27
1679
1
转载 改变原数组的方法和不改变原数组的方法
1.改变原数组的方法var arr = []arr.splice()arr.reverse()arr.fill()arr.copyWithin()arr.sort()arr.push()arr.pop()arr.unshift()arr.shift()2.不改变原数组的方法var arr = []arr.slice()arr.map()arr.forEach()arr.every()arr.some()arr.filter()arr.reduce()arr.entr
2020-11-30 22:05:30
2493
原创 JS中返回数据类型的几种方法
1.typeof返回一个字符串，用来判断数据所属的基本类型（null除外），但引用类型的判断结果都为object（function除外）console.log(typeof 1); //numberconsole.log(typeof '1,2'); //stringconsole.log(typeof false); //booleanconsole.log(typeof undefined); //undefinedconsole.log(typeof null); //o
2020-11-30 21:26:58
4683
原创 前端动画相关笔记
一、过渡(transiton)1.四个属性（1）transition-property：规定设置过渡效果的css属性的名称。（2）transition-duration：定义过渡效果花费的时间。默认是 0。（3）transition-timing-function：规定过渡效果的时间曲线。默认是 “ease”。（4）transition-delay： 规定过渡效果何时开始。默认是 0。2.实例<!DOCTYPE html><html lang="en"><he
2020-11-29 12:38:28
174
1
原创 弹性布局知识学习总结
一 、给父级元素添加display:flex/inline-flex属性1.主轴 在弹性布局中，我们会通过属性规定水平/垂直方向为主轴2.交叉轴 与主轴垂直的另一方向称为交叉轴3.弹性布局的使用 （1）
2020-11-29 12:37:13
724
1
原创 直接赋值和引用赋值的区别
1.直接赋值和引用赋值的区别？（1）直接赋值let str = "aaa";let str2 = str; //这里是直接赋值str2 = "aaa222";console.log(str); //输出aaaconsole.log(str2); //输出aaa222（2）引用赋值：主要是数组跟对象的变量之间的赋值let arr=['1','2','3']; //数组let arr2 = arr; //这里是引用赋值arr2[0] = '2';console.log(arr)
2020-11-29 12:36:12
2386
原创 Vue框架知识学习总结
JS前端三大框架1、Angular2、Vue（最流行：45%-50%）3、React（流行：40%）Vue框架Vue 是一套用于构建用户界面的渐进式框架。被设计为可以自底向上逐层应用。 Vue 的核心库只关注视图层，另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。Vue的使用简单的可以直接当成JQuery来的使用就是了。<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js
2020-11-29 12:32:53
652
3
原创 前端学习知识点总结（2）
1.JS中常见的一些HTML事件？（1）onclick：用户点击了HTML元素（2）onchange：HTML元素已被改变（3）onmouseover：用户把鼠标移到HTML元素上（4）onmouseout：用户把鼠标移出HTML元素（5）onkeydown：用户按下键盘按键（6）onload：浏览器已经完成页面加载2....
2020-11-21 20:01:34
225
原创 this关键字在JS中的使用方法
一、this是js的一个关键字，在不同的使用场合，它的值也会发生变化；但是无论怎么变化，它本质上指的就是调用函数的那个对象二、this在js中主要的四种用法：1.在普通函数中使用；2.作为对象方法来使用；3.作为构造函数来使用；4.call和applay调用；1.在普通函数中的调用在这里this指的是全局性调用；它的指针指向是window。function test1(){ this.x1 =1; //相当于window.x1 =1; console.log
2020-11-16 21:32:36
546
原创 前端学习知识点总结（1）
1.你做页面在哪些浏览器测试过？这些浏览器的内核是什么？（1）IE浏览器：Trident内核（2）火狐浏览器：Gecko内核（3）Safari浏览器：Webkit内核（4）Opera浏览器：Presto内核（5）谷歌浏览器：Blink内核浏览器的内核是分为两个部分的，一是渲染引擎，另一个是JS引擎。现在JS引擎比较独立，内核更加倾向于说渲染引擎。2.HTML开头的Doctype是用来干嘛的？（1）告知浏览器浏览文档要使用的HTML规范 , 告知浏览器以何种规范解析页面（2）声明对大小写不敏
2020-11-09 15:27:02
1238
2
转载 程序员的年龄天花板
https://mp.weixin.qq.com/s?__biz=MzAxMzUzNzYyNA==&mid=209716959&idx=1&sn=c8b881e82d21ecd8379039813fa5ebdb&scene=20#rd
2020-11-03 15:47:26
116
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人