程序员的快乐你不懂-CSDN博客

原创巧用sort()方法给数组中的对象，按照年龄排序。

首先了解下sort的用法1.默认情况下根据字符编码进行排序2.sort排序允许接受一个参数（函数），这个函数接受2个形参a,b,并且通过冒泡的方式比较。3.数组在原数组上进行排序，不生成副本。返回值规则：若 a 小于 b，在排序后的数组中 a 应该出现在 b 之前，则返回一个小于 0 的值。若 a 等于 b，则返回 0。若 a 大于 b，则返回一个大于 0 的值。升序：arr.sort(function(a,b){ if(a>b){ //当返回值为正数时，那

2021-03-11 15:40:55 1815

原创来瞧一瞧unshift和push的用法及“性能“对比

用法unshift() ：向数组最前方添加一个或者多个元素，并且会返回新的数组长度。shift() : shift()方法和unshift()方法相反。shift()把数组的第一个元素从其中删除，并返回被删除的值。如果数组是空的，将不进行任何操作，返回undefined。push(): 向数组末尾添加一个或者多个元素，并返回新的长度。pop(): 删除数组的最后一个元素，把数组的长度减1，并且返回它被删除元素的值，如果数组变为空，则该方法不改变数组，返回undefine值。性能对比从用法上

2021-01-06 11:09:09 3022 1

原创 Vue和React中diff算法的区别

虚拟DOM在说diff算法之前先来了解一下虚拟DOM：虚拟DOM只保留了真实DOM节点的一些基本属性，和节点之间的层次关系，它相当于建立在javascript和DOM之间的一层“缓存”。虚拟DOM其实就是用一个对象来描述DOM，通过对比前后两个对象的差异，最终只把变化的部分重新渲染，提高渲染的效率。什么是diff算法React需要同时维护两棵虚拟DOM树：一棵表示当前的DOM结构，另一棵在React状态变更将要重新渲染时生成。React通过比较这两棵树的差异，决定是否需要修改DOM结构，以及如何修

2020-11-23 17:14:54 2971

原创 Python基础简单的数据类型转换

话不多说上代码：列：# 浮点转整数型a1 = 1.11b1 = int(a1)print(f"{b1}类型为：{type(b1)}")# 浮点型a2 = 3b2 = float(a2)print(f"{b2}类型为：{type(b2)}")a3 = 6b3 = str(a3)print(f"{b3}类型为：{type(b3)}")# 将序列转换为aa = {1,2,3,4,5}print(aa)bb = list(aa) #转换为列表print(bb)cc =tu

2020-11-23 15:32:03 156

原创一个日期处理类库moment.js

简介:“Moment.js 是一个JavaScript 日期处理类库，用于解析、检验、操作、以及显示日期.”使用安装npm install moment --save日期格式化moment().format('MMMM Do YYYY, h:mm:ss a'); // 十一月 11日 2020, 3:53:48 下午moment().format('dddd'); // 星期三moment().format("MMM Do YY");

2020-11-11 16:20:35 114

原创关于Example的基础使用

ExampleExample是什么：Example是基于 Node.js 平台，快速、开放、极简的 Web 开发框架安装：安装前需要安装并配置好node环境，然后进入此目录并将其作为当前工作目录1.通过 npm init 命令为你的应用创建一个 package.json 文件。$ npm init2.安装 Express 并将其保存到依赖列表中 --save$ npm install express --save文件结构：bin:服务的配置文件；routes:路由配置文件；vie

2020-11-11 15:58:04 1888

原创精简vue面试

VUE谈谈你对MVVM开发模式的理解MVVM分为Model、View、ViewModel三者。Model 代表数据模型，数据和业务逻辑都在Model层中定义；View 代表UI视图，负责数据的展示；ViewModel 负责监听 Model 中数据的改变并且控制视图的更新，处理用户交互操作；Model 和 View 并无直接关联，而是通过 ViewModel 来进行联系的，Model 和 ViewModel 之间有着双向数据绑定的联系。因此当 Model 中的数据改变时会触发 View 层的刷新，

2020-11-11 15:03:19 307

原创初入React小结

React核心虚拟DOM（Virtual DOM）Diff算法（虚拟DOM的加速器，提升React性能的法宝）在虚拟DOM上实现虚拟DOM（Vitural DOM）React将DOM抽象为虚拟DOM，虚拟DOM其实就是用一个对象来描述DOM，通过对比前后两个对象的差异，最终只把变化的部分重新渲染，提高渲染的效率为什么用虚拟dom，当dom反生更改时需要遍历而原生dom可遍历属性多大231个且大部分与渲染无关更新页面代价太大React 不是一个 MVC 框架，仅仅是视

2020-11-10 11:01:57 607

原创 vue生命周期

包含了8个生命周期钩子，也叫生命周期函数beforeCreate( 创建前 )使用这个钩子，组件的选项对象并没有创建，el和data都还没初始化，所以data、methods和computed等都用不了。一般用来在组件挂在之前渲染一些东西。created ( 创建后）这时候上面的data、methods、computed都已经创建完成了，数据观测，属性和方法的运算，watch/event事件回调都完成了，但这时候挂载阶段mount还没开始，是el并没有完成。这是最常用的生命周期钩子，可以调用met

2020-11-10 10:04:25 113

原创 attr 与prop 的区别

attr 和 prop 的本质attr 是 attribute 的缩写,prop 是 property 的缩写，都有属性的意思，只不过 attr 是操作 html 文档节点属性，prop 是操作 js 对象属性. attr 在 js 中使用的是 setAttribute 和 getAttribute 而 prop 直接使用原生 js 的 element[value] 和 element[value]=key。区别attr 设置的属性值只能是字符串类型,如果不是字符串类型，也会调用其 toString(

2020-11-06 15:25:48 6424

转载 JS面向对象——继承

在JS中一切皆对象，但JS并不是一种真正的面向对象(OOP)的语言，因为它缺少类(class)的概念。虽然ES6引入了class和extends，使我们能够轻易地实现类和继承。但JS并不存在真实的类，JS的类是通过函数以及原型链机制模拟的，本小节的就来探究如何在ES5环境下利用函数和原型链实现JS面向对象的特性在开始之前，我们先回顾一下原型链的知识，后续new和继承等实现都是基于原型链机制。很多介绍原型链的资料都能写上洋洋洒洒几千字，但我觉得读者们不需要把原型链想太复杂，容易把自己绕进去，其实在我看来，原

2020-11-03 15:47:14 125

原创前端开发规范小结

1.工作目录构建规范：一、前端目录构建规范的作用目的是与项目开发的目录结构保持一致，便于项目的构建与管理。二、资源分类1、源代码资源指开发者编写的源代码，包括html、css、template等2、内容资源指希望作为内容提供给访问者的资源，包括图片、字体、flash、pdf等，最常用的应该就是readme.md文件三、目录命名规则1、简洁　　有习惯性的缩写单词，采用容易理解的缩写。如源代码目录src，不要写成source2、常用的一些文件名称img：图片　　不要使用image、imag

2020-11-03 15:13:32 198

原创前端面试宝典（更新）

img 的 alt 与 title 有何异同？ strong 与 em 的异同？img标签其中的两个属性alt和title有相似的地方，但是在不同的情况下要使用不同的属性的。alt属性和title属性相同点：它们都会出现浮层，显示自己设置的图片相关的内容。alt属性和title属性不同点：alt属性:1.当图片加载不出来的时候，就会在图片未显示的地方出现一段alt设置的属性内容。这个属性的作用是为了给未加载的图片显示提示信息，即使在网络比较差的时候，用户也可以知道图片的内容，方便用户浏览网页。同时

2020-10-26 00:13:23 785

原创数组扁平化

数组扁平化将一个多维数组变为一个一维数组 let arr = [1, [2, [3, [4, 5]]], 6];使用flat() 方法会按照一个可指定的深度递归遍历数组，并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。//Infinity无穷console.log(arr); let res1 = arr.flat(Infinity) console.log(res1);利用正则但数据类型都会变为字符串//JSON.stringi

2020-09-26 14:46:00 124

原创 JavaScript线程同步异步宏任务微任务

JavaScript 是单线程JavaScript语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。那么，为什么JavaScript不能有多个线程呢？这样能提高效率啊。JavaScript的单线程，与它的用途有关。作为浏览器脚本语言，JavaScript的主要用途是与用户互动，以及操作DOM（文档对象模型，获取创建修改元素，事件）。这决定了它只能是单线程，否则会带来很复杂的同步问题。比如，假定JavaScript同时有两个线程，一个线程在某个DOM节点上添加内容另一个线程删除了这个节点，

2020-09-17 21:10:52 138

qq_45932447的博客

原创巧用sort()方法给数组中的对象，按照年龄排序。

原创来瞧一瞧unshift和push的用法及“性能“对比

原创 Vue和React中diff算法的区别

原创 Python基础简单的数据类型转换

原创一个日期处理类库moment.js

原创关于Example的基础使用

原创精简vue面试

原创初入React小结

原创 vue生命周期

原创 attr 与prop 的区别

转载 JS面向对象——继承

原创前端开发规范小结

原创前端面试宝典（更新）

原创数组扁平化

原创 JavaScript线程同步异步宏任务微任务

原创 slice，SubString和SubStr 的用法与区别

原创 webpack

原创 Es6 模块化(Module) 与Babel、Browserify使用

原创 npm sass框架的使用与问题

原创 meat 标签

原创常见前端面试题

原创 js中this指向与改变

原创 VsCode 修改默认HTML样式

原创 Adobe photoshop cc 打不开图片

空空如也

空空如也