基础
文章平均质量分 61
oldfour_0830_9674
这个作者很懒,什么都没留下…
展开
-
js树形结构数据处理
【代码】js树形结构数据处理。原创 2023-05-19 14:46:24 · 345 阅读 · 0 评论 -
html中的js(script标签中的常用属性)
要包含外部 JavaScript 文件,必须将 src 属性设置为要包含文件的 URL。文件可以跟网页在同一台服务器上,也可以位于完全不同的域。 所有元素会依照它们在网页中出现的次序被解释。在不使用 defer 和 async 属性的情况下,包含在元素中的代码必须严格按次序解释。 对不推迟执行的脚本,浏览器必须解释完位于元素中的代码,然后才能继续渲染页面的剩余部分。原创 2022-09-14 17:19:34 · 674 阅读 · 0 评论 -
filter的理解是使用(日常复习)
filter():对数组每一项都运行传入的函数,函数返回 true 的项会组成数组之后返回原创 2022-07-01 16:51:45 · 102 阅读 · 0 评论 -
利用map的特性对数组进行操作
map的使用原创 2022-06-28 15:11:31 · 252 阅读 · 0 评论 -
作用域是什么?如何理解作用域。(日常笔记)
这个建筑代表程序中的嵌套作用域链。第一层楼代表当前的执行作用域,也就是你所处的 位置。建筑的顶层代表全局作用域。例子:包含着整个全局作用域,其中只有一个标识符:foo。包含着 foo 所创建的作用域,其中有三个标识符:a、bar 和 b。 包含着bar 所创建的作用域,其中只有一个标识符:c。函数作用域匿名和具名函数表达式:这种叫做:匿名函数表达式...原创 2022-06-17 16:41:51 · 496 阅读 · 0 评论 -
js的策略模式(日常笔记)
条条大路通罗马策略模式的定义是:定义一系列的算法,把它们一个个封装起来,并且使它们可以相互替换。初探策略模式问题:绩效为 S 的人年终奖有 4 倍工资,绩效为 A 的人年终奖有 3 倍工资,而绩效为 B 的人年终奖是 2 倍工资。代码实现:// 定义一个方法var calculateBonus = function(performanceLevel,salary){ if(performanceLevel==='S'){ return salary*4 }.原创 2022-03-22 17:18:20 · 283 阅读 · 0 评论 -
单例模式(日常笔记1)
定义单例模式的定义是:保证一个类仅有一个实例,并提供一个访问它的全局访问点。生活中例子当我们在电脑上玩经营类的游戏,经过一番眼花缭乱的骚操作好不容易走上正轨,夜深了我们去休息,第二天打开电脑,发现要从头玩,立马就把电脑扔窗外了,所以一般希望从前一天的进度接着打,这里就用到了存档。每次玩这游戏的时候,我们都希望拿到同一个存档接着玩,这就是属于单例模式的一个实例。使用的场景有一些对象我们往往只需要一个,比如线程池、全局缓存、浏览器中的 window 对象等。实现单例模式要实现一个标准原创 2022-03-11 17:53:16 · 1448 阅读 · 0 评论 -
动态数据和鸭子模型(笔记)
编程语言按照数据类型大体可以分为两类,一类是静态类型语言,另一类是动态类型语言。静态类型语言在编译时便已确定变量的类型,而动态类型语言的变量类型要到程序运行的时候,待变量被赋予某个值之后,才会具有某种类型。静态类型语言的优点首先是在编译时就能发现类型不匹配的错误,编辑器可以帮助我们提前避免程序在运行期间有可能发生的一些错误。其次,如果在程序中明确地规定了数据类型,编译器还可以针对这些信息对程序进行一些优化工作,提高程序执行速度。静态类型语言的缺点首先是迫使程序员依照强契约来编写程序,为每个变量规原创 2022-03-01 17:11:13 · 93 阅读 · 0 评论 -
apply,call,bind的理解和使用
call、apply 和 bind 是挂在 Function 对象上的三个方法,调用这三个方法的必须是一个函数。原创 2022-02-09 16:27:25 · 595 阅读 · 0 评论 -
常见面试题记录
前端需要注意哪些SEO1.合理的标签使用2.合理的title、description、keywords3.语义化的HTML代码,符合W3C规范4.非装饰性图片必须加altimg的title和alt有什么区别title:图片名称,鼠标滑过图片时展示的名称alt:图片在不显示的时候,解释说明使用HTTP的几种请求方法用途get,put,delect,postget:明文传输,通常放在url后面post:向URL指定的资源提交数据或附加新的数据PUT方法跟POST方法很像,也是想原创 2022-02-08 16:21:28 · 54 阅读 · 0 评论 -
重新理解prominse(巩固基础)(一)
同步编程与异步编程同步行为和异步行为的对立统一是计算机科学的一个基本概念。异步行为是为了优化因计算量大而时间长的操作。同步行为与异步行为同步操作的例子可以是执行一次简单的数学计算:let x = 3;x = x + 4;异步操作的例子可以是在定时回调中执行一次简单的数学计算:let x = 3;setTimeout(() => x = x + 4, 1000);同步行为对应内存中顺序执行的处理器指令。每条指令都会严格按照它们出现的顺序来执行,而每条指令执行后也能立即获得存储原创 2022-01-18 18:01:55 · 720 阅读 · 0 评论 -
es5程序设计(如何把代码写到一眼看不懂)
案例:计算器的实现代码普通人怎么写的:html部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&g原创 2021-10-15 16:14:33 · 124 阅读 · 0 评论 -
你需要知道的 JavaScript 优化技巧(大自然搬运工)
多个条件的判断//普通写法if (x === 'abc' || x === 'def' || x === 'ghi' || x ==='jkl') {//logic}//简写方法if (['abc', 'def', 'ghi', 'jkl'].includes(x)) { //logic}If true … else简写方法// 普通方法let test= boolean;if (x > 100) {test = true;} else {test = fa.原创 2021-10-09 18:07:48 · 98 阅读 · 0 评论 -
es6中class一些简单用法
ES6 的class可以看作只是一个ES5生成实例对象的构造函数的语法糖。它参考了java语言,定义了一个类的概念,让对象原型写法更加清晰,对象实例化更像是一种面向对象编程。Class类可以通过extends实现继承。它和ES5构造函数的不同点类的内部定义的所有方法,都是不可枚举的///ES5function ES5Fun (x, y) { this.x = x; this.y = y;}ES5Fun.prototype.toString = function () { return .原创 2021-10-08 16:06:20 · 505 阅读 · 0 评论 -
前端性能优化(笔记)
经典面试题:你有做过什么性能优化吗?content方面减少HTTP请求:合并文件、CSS精灵、inline Image减少DNS查询:DNS缓存、将资源分布到恰当数量的主机名减少DOM元素数量Server方面使用CDN配置ETag对组件使用Gzip压缩Cookie方面减小cookie大小css方面将样式表放到页面顶部不使用CSS表达式使用不使用@importJavascript方面将脚本放到页面底部将javascript和css从外部引入压缩java.原创 2021-08-30 16:55:18 · 73 阅读 · 0 评论 -
apply/call/bind 原理
callapplybind参数多个单个数组多个功能改变this指向改变this指向改变this指向返回结果直接执行直接执行返回待执行函数call、apply 和 bind 是挂在 Function 对象上的三个方法,调用这三个方法的必须是一个函数。在浏览器里,在全局范围内this 指向window对象; 在函数中,this永远指向最后调用他的那个对象;构造函数中,this指向new出来的那个新的对象; call、apply、bind中的t...原创 2021-08-13 11:45:32 · 162 阅读 · 0 评论 -
每天一道面试题——闭包
一个函数和对其周围状态(lexical environment,词法环境)的引用捆绑在一起(或者说函数被引用包围),这样的组合就是闭包(closure)。也就是说,闭包让你可以在一个内层函数中访问到其外层函数的作用域。在 JavaScript 中,每当创建一个函数,闭包就会在函数创建的同时被创建出来。闭包其实就是一个可以访问其他函数内部变量的函数。创建闭包的最常见的方式就是在一个函数内创建另一个函数,创建的函数可以 访问到当前函数的局部变量。简单的例子 function bibao() .原创 2021-07-29 11:55:33 · 414 阅读 · 0 评论 -
数组常见的es5的方法,不包含遍历方法(toString,jion,pusp,pop,unshift,shift)
/** * pusp 在数组最后一位添加 返回数组增加后的长度 * pop 在数组最后一位删除 返回被删除的值 * * unshift 在数组第一位添加 返回数组增加后的长度 * shift 在数组最后一位删除 返回被删除的值 */原创 2021-05-13 19:19:53 · 286 阅读 · 1 评论