- 博客(69)
- 收藏
- 关注
RSS订阅原创 JavaScript 常用符号
JavaScript是一门基础性的编程语言，常用于web开发中。JS中有许多特殊的符号，这些符号的用法十分重要，直接影响代码的正确性和可读性。在日常编写中，我们会频繁使用以下几个符号。
2023-11-21 17:11:49
459
原创 Windows、程序员必装的工具
Typora 是一款由 Abner Lee 开发的轻量级 Markdown 编辑器，与其他 Markdown 编辑器不同的是，Typora 没有采用源代码和预览双栏显示的方式，而是采用所见即所得的编辑方式，实现了即时预览的功能，但也可切换至源代码编辑模式。
2023-11-02 11:36:44
219
原创 HTML&CSS中的树形结构图
有两个维度影响树视图的布局: 行间距(等于文本的行高)和标记的半径。.tree{虽然我们通常使用相对单位来缩放基于文本大小的用户界面控件，但对于标记，这可能导致控件过小或过大，所以我们使用一个合理的固定大小。
2023-05-29 10:36:43
5611
4
原创 bind传参、类、原型链、_proto_ 等等... (进阶)
obj 继承 Object.prototype (Object.prototype是obj它爹);arr 继承 Array.prototype (Array.prototype是arr它爹);纯对象继承 Object.prototype数组对象继承 Array.prototypeObject.prototype构成了一个'家族'.Object是家族名.Array.prototype构成了另一个'家族'.Array是家族名.obj是Object家族的一个一份子(实例)
2023-05-25 17:12:40
1153
原创 关于forin、JSON格式、eval、ES6的新特性（进阶）
左边写了{},浏览器就把=右边当成对象来解构.除非右边是undefined或者null,其他情况都不会报错。= 左边写了[],浏览器就把=右边当成数组来解构.不能当数组处理的,会报错。能写进parse方法的参数的字符串,必须是复合json格式的字符串。1:第一个字符串只能是{或者[.最后一个字符,只能是}或者].2:属性名必须都是双引号.属性值如果是字符串也必须是双引号。...的操作数除对象外,都是一些可以当成数组看待的数据.可以用于暂开数组,对象,甚至是字符串.因此必须保证eval的内容是可信的.
2023-05-25 16:56:13
1105
原创 事件传参、递归、浅拷贝、深拷贝、JSON对象（进阶）
其中object可以分为:array,function,plain object,Math,arguments,node(节点),Date,....1:基本类型.(number,string,boolean,undefined,null)(存储在栈中).js有6种数据类型:number,string,boolean,undefined,null,object。JSON => 是一个不标准的对象 => 但是现在大多数浏览器都支持,因此都习惯当成标准的对象来用.递归的性能不好.递归次数越多,性能越不好.
2023-05-25 16:37:20
948
原创 关于作用域的那些事（进阶）
程序运行之前,浏览器会把函数声明和var声明的变量提升到本作用域的最前面. (变量提升)2: 沿着这个作用域链查找变量声明(形参也算声明),找到就停止查找.(就近原则),a: 块级作用域 => 函数{}之外的其他大括号.b: 函数作用域 => 函数{}内部.把fn的返回值赋值给show.则show和fn就同一个函数.1: 写出作用域链.(使用变量所在代码行的作用域链)1:(function(形参){})(实参)2:(function(形参){}(实参))广东省广州市海珠区。块级作用域和函数作用域的区别。
2023-05-25 16:08:41
1038
原创 函数（封装、调用、回调）、map、filte、every和some、reduce、 方法使用（进阶）
reduce() 方法对数组中的每个元素执行一个由您提供的reduce函数(升序执行)，将其结果汇总为单个返回值。reduce方法可做的事情特别多，就是循环遍历能做的，reduce都可以做，比如数组求和、数组求积、数组中元素出现的次数、每个元素传入回调函数中，回调函数中有return返回值，若返回值为true，这个元素保存到新数组中；表示当前正在处理的数组元素的索引，若提供 init 值，则起始索引为- 0，否则起始索引为1；数组遍历 => 数组循环 => 不用for循环来遍历数组的方法。
2023-05-20 01:39:57
575
1
原创 定时器（serTimeout()）的用法（进阶）
setTimeout()是属于window的一个方法，我们都会去省略掉window这顶曾容器名称，setTimeout方法用处比较多，通常用在“页面刷新，延迟执行等等”。但是很多javaScript新手对setTimeout的用法不是很了解。今天就对setTimeout方法做个总结，我们来看下面的例子。
2023-05-19 17:18:05
1732
原创 function函数、参数、对象、字符串的使用方法（基础）
splice(要删除的元素的下标(要插入的元素的下标), 要删除的元素个数, 要替换的元素的值 )// 数学对象 => 处理一些数学问题.求幂,求绝对值问题,求随机数问题,求四舍五入问题。内置对象 => js本身就有的对象.(例如: window,document);返回的num, 应该是每次调用的时候都初识为0,因此不能写在函数外面.函数的作用 => 函数表示一个功能,这个功能可以重复使用.如果传递成参数,x的值就以传递的参数为准.没有一定的.只取决于写函数的人如何定义.如何学习对象的方法 =>
2023-05-17 22:59:05
1147
原创 函数【声明、调用、阅读、出参、形参、实参】、封装函数（基础）
π*r*r 已知太阳的半径是127348728km.把127348728km带入公式计算.相当于是把r变成127348728km来计算。π*r*r 已知篮球的半径是15cm.把15cm带入公式计算.相当于是把r变成15cm来计算。不同的函数调用有不同的返回值.有些函数没返回值.(undefined)x写在函数声明的()里,就相当于是声明过了.不需要再手动声明.=> 代数.函数调用时x才会有具体的值.想知道形参的值 => 只能在调用时和实参的值一致.功能就是弹100 => 功能特别单一.不够强大.
2023-05-17 22:26:53
655
原创 数组、for循环(基础)
表达式1 => 表达式2 => 表达式4 => 表达式3 => 表达式2 => 表达式4 => 表达式3 => .... => 直到表达式2返回false...以下三种形式，前两种是用简单的硬代码来写最后一种用for循环，可想而知使用for循环代码量的简化也会大大提高了工作效率。循环 => 批量处理相同的代码逻辑 => 可以减少重复的代码。continue => 跳过当前循环，继续后面的循环。break => 终止整个循环。增 => 数组[下标] = 新的值。改 => 数组[下标] = 新的值。
2023-05-17 22:19:39
1477
原创 隐式转换、IF判断、逻辑【与、或、非】、三目运算的用法（基础）
if ( 条件1 && 条件2 ) => 条件1和条件2都是true,判断条件才是true, 只要有一个是false,条件就是false。if ( 条件1 || 条件2 ) => 条件1或者条件2为true,判断条件就是true.两个条件都是false,条件就是false。逻辑&& => 操作数1是true,就返回第二个操作数,否则返回第一个操作数.逻辑|| => 操作数1是true,就返回第一个操作数,否则返回第二个操作数.运算规律 => 操作数1是true,就返回操作数2,否则返回操作数3.
2023-05-17 22:15:16
1220
原创 IF、SWTICH判断、赋值&&取模等问题（基础）
1:if (条件) {条件为真做的事情2:if (条件) {条件为真做的事情} else {条件为假做的事情3:if (条件1) {条件1为真做的事情}else if (条件2) {条件1为假,条件2是真做的事情...else {所有条件都是假做的事情}4:switch (值1) {case 值2: 值1===值2时做的事情;break;case 值3: 值1===值3时做的事情;break;case 值4: 值1===值4时做的事情;break;
2023-05-17 21:38:10
1821
原创 如何用JS操作HTML（基础）
delete oYm.name => delete是操作符, oYm.name是操作数.修改style属性的backgroundColor属性,就可以让页面上的div的背景色改变.3:函数调用.每次方法的使用,都是在写函数调用表达式. => 先不考虑。数据属性都以on开头。双目运算符 => 操作数是2个的运算符.(大多数运算符都是双目)2:操作符表达式 => 不同操作符返回的值不一样的.没有=的属性是布尔属性.这种属性的属性值用js表示就是布尔值.以下对style对象的修改，实际上修改的是标签的行间样式。
2023-05-17 18:01:40
1928
2
原创 标识符命名规则（基础）
1：数据类型+单词。表示oDiv的数据类型是对象，它的值是一个div标签。标识符：编程中的各种名字，例如变量名，属性名，函数名，方法名，数组名，对象名等等。多个单词构成一个标识符，则第一个单词首字母小写，后续单词首字母大写。例如：getElementsByTagName。
2023-05-17 17:43:34
251
原创 变量与常量（基础）
变量的概念：变量用于存储编程所使用的数据和方法。声明一般变量关键字：var，let，const。其中let和const是es6的语法。声明其他特殊变量关键字：function，class，import等
2023-05-17 17:41:45
1145
原创 如何在Win11调出IE11浏览器？
由于在开发过程中，不得不用到IE浏览器来调试系统，但现在Win11系统用户早已经见不到IE浏览器了，所以才不得不使用某些插件来把IE浏览器调出来进行测试。链接：https://pan.baidu.com/s/1O7jp2hYIDJv7LfyptbhX6w。1.打开Edge > 打开设置 > 默认浏览器 > Internet Explorer 兼容性设置【以下步骤配置好后直接点开，就可以看到IE浏览器了，插件直接放到桌面就可以了！切换到 【高级】=> 拉到浏览找到【启用第三方浏览器扩展】
2023-03-15 16:48:52
1431
原创 JS封装函数
封装函数 => 用入参、出参以及循环判断等语法，去设计一个功能。以下我们来设计一个功能，可以计算任意两个数字的乘积。我们不管封装什么函数，都需要写声明和调用。封装函数应该先写调用。然后根据调用去写声明。
2022-10-13 15:23:18
169
原创 CSS的扩展语言使用的穿透使用方法
对于现在来说，前端也在迅速的发展中了，我们在使用一些框架或修改语言的时候，也有不少我们在修改第三方框架的样式的时候，修改到头皮发麻也无法成功的修改出来自己想要的效果。其实在原生CSS中就已经有很多方法去修改了，比如：!important（这个方法就是在样式中无法体现的时候加上它可以有一个优先体现的特点）。而在修改一些的组件库时，我们可以使用穿透来去实现。从而成功的去修改好想要修改的样式。以上三种方法可能会在项目中可以经常看到或用到，掌握这一个技能也是有必要的。第一种：CSS >>>
2022-10-13 15:19:36
175
原创 JS函数出参、实参和形参
一、出参函数出参它可以是任意表达式，我们了解出参之前可以先回顾一下表达式的各种用法，下面先介绍几种常用的表达式。表达式：1：原始表达式，单个常量和变量2：运算符表达式3：函数调用表达式表达式都会有返回值，函数调用也有返回值，所以先来接下来先来几个例子：注：不同的函数调用有不同的返回值，有些函数没返回值.自动返回（undefined）. 如何让一个函数有返回值，我们先来定义一个fn函数，这个fn有返回值，返回值就是return后面的表达式的值，而return后面的值我们称之为函数的“出
2022-06-07 16:40:50
1421
原创 JS函数的语法及调用的关系
函数调用和声明的关系： 函数调用声明内的代码只有在遇到函数调用时才会被执行，反过来说函数调用会去执行函数声明内的代码。语法：1：（普通函数 ES5）：function 函数名称 （）{功能代码}2：（匿名函数 [没有名称的函数就做匿名函数]）：function () {功能代码} 3：（箭头函数也属于匿名函数的一种ES6写法 （推荐经常使用））：（） => {功能代码}4：（函数表达式）：const fn =（）=> {}; const fn = function() {}1
2022-06-06 13:43:26
1233
原创 Git的使用
做程序员的应该都知道Git是什么了，它就是我们在开发项目当中用到的项目管理工具的其中之一【Git版本管理工具】。说白了就是在远程仓库，拉代码与提交代码到远程仓库。拉代码：在工作中，项目代码需要从某个服务器(远程仓库)下载到本地仓库上，再进行开发的工作。提交代码：把你开发的代码上传到这个服务器（远程仓库）上，更新项目代码，以供别人下载。在工作开发中，至少要有三种服务器环境本地环境（自己的电脑） 测试环境（请求的地址服务器） 生产环境（线上环境）（互联网上的服务器）常见的代码...
2022-05-11 15:24:52
243
原创 node.js以及Vue的脚手架安装过程
一、安装node.js1）实际的工作项目都是模块化项目，模块化的项目需要node.js环境。因此在开始项目之前需要先安装node.js.2）安装node.js需要操作DOS窗口（终端，命令行，小黑窗）。3）DOS窗口打开方式：win键+R。然后输入cmd确定。二、常见DOS命令：1）dir:用于列出当前文件夹下的所有文件及文件目录2）cd: 进入当前文件夹下的某个目录3）cd.. :回退当上一级目录4）ctrl+c：取消操作.5）方向键向上：复制上一条命令。.
2022-04-29 14:16:05
3754
转载 前端chrome浏览器调试总结
引言“工欲善其事，必先利其器” 恩，这句话我觉得说的特别有道理，举个例子来说吧，厉害的化妆师都有一套非常专业的刷子，散粉刷负责定妆，眼影刷负责打眼影，各司其职，有了专业的工具才能干专业的事，这个灵感要来源于之前我想买化妆品时，店里的海报标语，由此联想到，如果你想在某个事情上做好，并且做的专业，那么你一定要把你的工具用好，这样才能事半功倍，我见过很多师兄师姐，他们写了很多代码，他们能够很快的完成工作，能够处理很多复杂的业务逻辑，但是对于浏览器的调试掌握的并不全面和熟悉，说说我自己吧，我的编程调试起源于自学
2022-01-13 16:42:55
317
原创 JavaScript进阶（十二）
一、bind有bind的this是特殊的情况bind和call,apply功能类似. call和apply是临时的改变this. bind是永久改变this. call是"改变this",bind叫"绑定this"。 bind返回的函数,内部的this,永远指向bind的第一个参数.(不管以何种方式调用) bind的优先级比call高.bind方法: 用来干嘛=>永久绑定this. 参...
2021-09-16 14:30:14
127
原创 JavaScript进阶（十一）
一、forin<body> <div></div> <div></div></body><script> const aDiv1 = document.querySelectorAll('div'); const aDiv2 = document.getElementsByTagName('div'); const obj = { name: 'mimi',
2021-09-15 20:43:06
435
原创 JavaScript进阶（十）
一、静态作用域如何确定作用域链js的作用域链如何确定,取决于函数声明写在哪里,而不是函数调用写在哪里 js的作用域链和函数调用写在哪里没有任何关系=>静态作用域,词法作用域 js的作用域属于静态作用域(词法作用域). let x = 20; function fn() { let x = 10; show(); // fn => 全局 } function show() { ...
2021-09-11 15:37:20
244
原创 JavaScript进阶（九）
一、作用域原理：作用域=>房子=>除了对象的{}都构成一个作用域 作用域=>为了区别变量.不同作用域内声明的变量是各不相同的.(就算名字相同).作用域语法:letx=10;(全局变量). if(){块级作用域lety=20;(局部变量)} for(){块级作用域lety=20;(局部变量)} switch(){块级作用域lety=20;(局部变量)}...
2021-09-10 20:22:01
388
原创 JavaScript进阶（八）
一、为什么要封装函数函数可以把某些代码逻辑”封装“起来，在需要的时候通过调用函数来使用这些逻辑。 函数可以复用代码，让开发可以写更少的代码，翻遍后期维护代码。1.0 数组拼接let str = 'get-elments-by-class-name'; let arr = str.split('-'); for(let i = 1; i < arr.length; i++){ arr[i] = arr[i][0].toUpperCase(.
2021-09-04 15:51:28
150
原创 JavaScript进阶（七）
一、不定参定参：函数的参数固定。（一般不超过4个）不定参：函数的参数是不固定。（理论可以有无数个） 不定参的函数如何封装。 列如:console.log(1,2,3,4...);arguments是一个数组.(argments[不定参]) arguments存储着所有的实参.console.log(arguments); // 实参的个数 console.log(arguments.length) ...
2021-08-20 19:42:46
516
原创 Vue框架（九）
一、路由守卫某商场详情页=>点击购买 如果登录了，直接跳转到付款页。 如果没登录，直接跳转到登录页，登录后直接跳转到付款页。如何实现上面的功能?可以通过路由守卫实现。路由守卫一定会用到的api路由守卫也叫路由钩子，路由生命周期=>路由守卫其实都是在路由跳转的特定阶段触发的函数。路由跳转都会经历那些阶段?从路由Home跳转到路由News路由跳转流程。 路由触发，准备跳转 ...
2021-08-20 16:22:05
112
原创 Vue框架（八）
一、路由组件通信1.0<body> <div id='app'> </div></body>路由组件间通信,用bus通信会变得和麻烦因我目标路由组件默认情况下没有创建<script src="../js/vue.js"></script><script src="../js/vue-router.js"></script><script> ..
2021-08-19 16:56:30
1529
原创 Vue框架（七）
一、is属性<body> <div id='app'></div></body><script src="js/vue.js"></script> <script> // 挂载时，可以通过is属性知道组件名来挂载 const listItem = { template: `<li>111111111111</li>` }
2021-08-18 17:45:17
194
原创 Vue框架（六）
一、销毁前后<body> <div id='app'></div></body>destroyed => 组件销毁后的善后处理,例如停止定时器 销毁发送了什么事情?组件实例变null了吗? 组件销毁只是让数据不驱动视图更新了而已.组件实例还是存在的.<script src="js/vue.js"></script> <script> const box = {
2021-08-17 17:46:10
215
原创 JavaScript进阶（六）
一、函数声明函数的两个基本概念函数声明 函数调用 函数=>功能(function) 函数声明=>设计功能. 函数调用=>使用这个功能。 想要弹窗功能=>alert('你好'),'你好'叫函数的参数. alert函数=>alert功能=>弹窗功能写函数语法=>1(函数声明):function函数()...
2021-08-17 16:55:44
113
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人