weixin_53985543-优快云博客

原创使用声波通信技术实现wifi配网

本文讲述了如何使用声波通信技术来实现wifi配网，通过分析其原理和优缺点，可以确定声波通信技术是实现wifi配网的最佳方案。

2024-10-22 14:28:55 712

原创 Chrome 的开发者工具（F12、devtools）开启缓慢解决方法

发现打开devtools的时候变慢了，我去devtools的设置看了一下，没怎么搞明白，直接给它恢复默认了事。现在可以用来然后就是这样，看不懂英文就换个语言吧，~~，然后往下划，滑到底现在就变成了这样...

2021-11-03 08:16:30 969

原创 Chrome devtools 打开耗时

Chrome(94.0.4606.61) 的devtools的语言选择"English (UK)"时, 打开会耗时 6秒, 选择 “English (US)” 和中文, 不会有这个问题

2021-11-03 08:12:12 230

React 是手动挡，Vue 是自动挡。Vue 是响应式的，React 是手动setState。有很多人说React 比Vue 难，其实难在哪了，React 本身不难，但是React 需要用到很多js原生写法，你不管干什么都要去自己手动去操作，所以js基础很重要。而Vue 是一个渐进式框架，你js基础可能不太好，但是也可以用vue 照着文档去开发一些业务，但是如果你想用好vue 你就要熟练vue 的这套语法，你得清楚各项配置。当你用熟练了，vue 是要比react 开发效率高的。React 的定位就

2021-09-07 16:34:52 408

原创 js基础-函数上2

函数上1 函数的概念: 可重复执行的代码块2 函数的两个阶段（重点）函数的定义声明式: function 函数名(){ }赋值式: var 变量名 = function(){ }函数的调用函数不调用不执行函数可以多次调用函数名()匿名函数的调用: (函数体)()3 形参和实参（重点）定义函数的时候，函数后面()里面就是形参，就是在函数里面定义的变量名调用函数的时候，函数后面()里面就是实参，就是函数的形参赋值的多个参数用逗号隔开形参和实参是一一对应的4

2021-05-28 16:29:48 105

原创 js基础-函数上

循环结构1 循环的组成初始条件条件判断要执行的代码自身的改变2 while循环(了解)while(条件){ // 条件为true执行此处 // 条件为false退出循环}3 do…while循环(了解)do{ // 先不进行条件判断执行一次 // 其他和while类似}while(条件)4 for循环（重点）for(1初始条件;2条件判断;4自身的改变){ // 3条件为true执行的代码}// 执行顺序:1234-234-2

2021-05-28 16:29:13 75

原创 js基础-循环结构2

循环结构: 把一段代码重复执行多次1 while（了解）while(条件){ // 条件为true执行的代码 // 条件为false，就退出循环}2 do…while（了解）do{ // 先执行一次 // 条件为true在执行里面代码 // 条件为false，就退出循环}while(条件)4 for循环（重点）for(1初始条件;2条件判断;4自身的改变){ 3执行的代码}// 1初始条件for(;;){ // 3执行的代码

2021-05-28 16:27:43 77

原创 js基础-循环结构

1 逻辑运算符(重点)&&:并且的意思两边都为true结果就是true两边只要有一个是false结果就是false||两边有一个是true结果就是true两边都是false结果才是false!取反2 比较运算符（重点）–这句话是正确的就是true，是错误的就是false,>=,<,>= :比较的是值==,!= ：比较的是值=,! ：比较的是值和类型3 运算符的优先级 (了解)()>单目>算术

2021-05-28 16:27:02 91

原创 js基础-语法-分支结构

分支结构1 比较运算符:计算结果都是布尔值（重要）==,!=:比较的是值=,!:比较的是值和类型,<,<=,>=: 比较的是值2 逻辑运算符（重点）&& :并且的意思如果&&左边为false,右边的就不计算了,直接返回左边的值如果&&左边为true，直接返回右边的值||: 或者的意思如果||左边为true，右边的就不计算了,直接返回左边的值如果||左边为false，直接返回右边的值!

2021-05-28 16:25:23 153

原创 js基础-语法组成

JS语法基础1 js的组成ECMAScript:语法BOM:浏览器对象模型DOM:文档对象模型2 注释单行://多行:/**/3 变量定义变量:var 变量名;给变量赋值:变量名 = 值;var 变量名 = 值;变量名:字母数字下划线$,不能以数字开头,不能是关键字和保留字,区分大小写规范:驼峰命名，语义化命名变量可以重复赋值，原来的值会被覆盖4 数据类型基本数据类型number:数字/NaNstring:引号包裹boolean:true/false

2021-05-28 16:23:59 100

原创 JS基础-语法

JS基础语法1 发展历史（了解）2 能干什么（了解）表单验证网页特效3 js的组成（重点）ECMAScript 语法BOM 浏览器对象模型DOM 文档对象模型4 注释（掌握）// 单行注释/* */ 多行注释5 变量（重点）var 变量名 = 值变量名由:a-zA-Z,0-9,$,_组成，不能以数字开头语义化命名，驼峰命名区分大小写不能是关键字和保留字6 数据类型（重点）基本数据类型数值类型number字符串类型string布尔类型boole

2021-05-28 16:21:35 86

原创 js基础-函数下总结

函数下1 作用域(重点)全局作用域定义在函数外部的变量，可以在任意位置使用局部作用域在函数内部定义的变量只能在函数里面使用2 变量的使用规则(重点)访问规则现在自己作用域找，找到了，就获取值没找到去上级作用域找，找到了，就获取值没找到去上级作用域找，以此类推如果到全局作用域都没找到，报错赋值规则现在自己作用域找，找到了，就给他赋值没找到去上级作用域找，找到了，就给他赋值没找到去上级作用域找，以此类推如果到全局作用域都没找到，就定义成全局变量，然后赋

2021-05-28 16:20:17 77

原创 js基础-函数下

函数1 概念:可以重复执行的代码块2 函数的定义阶段（重点）// 声明式function fn(){ console.log("hello world")}// 赋值式var fun = function(){ console.log("hello world")}// 没有名字的函数叫做匿名函数// 函数名代表函数体// 函数在定义阶段里面的代码不执行console.log(fun)3 函数的调用阶段（重点）fn();fun();// 函数名()v

2021-05-28 16:18:55 79

原创再聊预解析

<!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"> <title>Do.

2021-05-28 11:12:41 79

原创为抵抗洪水，战士连续作战89小时，编程计算共多少天零多少小时？

预备知识：1、1天是24小时；2、parseInt是对一个数字进行取整，比如：parseInt(3.6)得出结果是3，parseInt(5.2)得出结果是5；3、在数学运算中,“/”是除法，“%”是求余，比如：5/2结果为2.5；5%2结果为1；16/8结果为2；16%8结果为0；18/5结果为3.6；18%5结果为3；4、一个“=”号表示赋值；如a=6,意思就是把6赋值给a，b=8/5,意思就是把8/5计算后的值赋值给a，即b=1.6；实战应用：已知时间是89个小时，那么先定义

2021-05-24 17:50:36 1876

原创 JS基础-初识

JavascriptHTML:标记语言Javascript:编程语言序言Javascript 发展历史1994年网景公司(Netscape)发布了Navigator浏览器0.9版，这是世界上第一款比较成熟的网络浏览器，轰动一时。但是这是一款名副其实的浏览器–只能浏览页面，浏览器无法与用户互动,当时解决这个问题有两个办法，一个是采用现有的语言,许它们直接嵌入网页。另一个是发明一种全新的语言。liveScript ==> javaScript ==> ECMAscript能干什

2021-05-24 17:29:08 99

原创 JS基础-强制类型转换

/** 强制类型转换* - 指将一个数据强制转换为其他的数据类型* - 类型转换主要指,将其他的数据类型,转换为* String Number Boolean* *//** 将其他的数据类型转更换String* 方式一:* -调用被转换的数据类型的toString()方法* */var a = 123;//调用aconsole.log(typeof a);//numberconsole.log(a)//123...

2021-05-22 16:46:55 100

原创 JS基础-Null和Undefined

/** Null(空值)类型的值只有一个,就是null* null这个值专门用来表示一个为空的对象* 使用typeof检查一个null值时,会返回object* * Undefined类型的值只有一个,就undefined* 当声明一个变量,但是并不是给变量赋值时,它的值就是undefined* 使用typeof检查一个undefined时也会返回undefined*/var a = null;var b;//console.log(typeof a);//object//conso

2021-05-22 15:43:40 88

原创 JS基础-布尔值

/** Boolean 布尔值* 布尔值只有两个,主要用来做逻辑判断* 布尔值只有两个* true - 表示真* false - 表示假*/var bool = true;console.log(bool);//trueconsole.log(typeof bool);//booleanvar bool = false;console.log(bool);//falseconsole.log(typeof bool);//booleanvar bool = "false";c

2021-05-22 15:22:47 371

原创 JS基础-Number

/** var str2 = "hello";//第一次声明变量* //var str2 = "你好";* str2 = "你好";* str2 = 3;* * alert("hello,你好");* * console.log("我就是不出来~~");*//** 在JS中所有的数值都是Number类型* 包括整数和浮点数(小数)* * JS中可以表示的数字的最大值* Number.MAX_VALUE* 1.2342342e+308* * Number.MIN_VA

2021-05-22 15:10:32 82

原创 JS基础-字符串

/** 数据类型指的是字面量的类型* 在JS中一共六种数据类型* String 字符串* Number 数值* Boolean 布尔值* Null 空值* Undefined 未定义* Object 对象* 其中String Number Boolean Null Undefined 属于基本数据类型* 而Object 属于引用数据类型*//** String 字符串* - 在JS中字符串需要使用引号引起来* - 使用双引号或单引号都可以,但是不要混着用*/.

2021-05-22 13:49:00 80

原创 JS基础-标识符

/** 标识符* - 在JS中所有的可以由我们自主命名的都可以称为是标识符* - 例如:变量名,函数名,属性名都属于标识符* - 命名一个标识符时需要遵守如下的规则:* 1.标识符中可以含有字母,数字,_,$* 2.标识符不能以数字开头* 3.标识符不能时ES中的关键字或保留字* 4.标识符一般都采用驼峰命名法（不是强制要求）* - 首字母小写,每个单词的开头字谜大写,其余字母小写例如:helloWorld* - JS底层保存标识符时实际上时采用的Unicode编码* 所以理论

2021-05-22 12:42:25 184

原创 JS基础-字面量和变量

/**字面量,都是一些不可改变的值* 比如:1 2 3 4 5 * 字面量都是可以直接使用,但是我们一般都不会直接使用字面量* 123123123123123* 变量变量可以用来保存字面量,而且变量的值是可以任意改变的* 变量更加方便我们使用,所有在开发中都是通过变量去保存一个字面量;* 而很少直接使用字面量* 可以通过变量对字面量进行描述*///声明变量//在js中使用var关键字来声明一个变量var a;//为变量赋值//下面会覆盖上面的值a = 123;a =

2021-05-22 12:09:32 69

原创 js基础-基本语法

/*JS注释*多行注释,注释中的内容中不会被执行,但是可以在源代码中查看要养成良好的编写注释的习惯,也可以通过注释来对代码进行一些简单的测试*///单行注释//alert("hello");//document.write("hello");//console.log("hello");//该语言用来在控制台输出一个日志/**1.JS中严格区分大小写*2.JS中每一条语句以分号(;)结尾*如果不写分号,浏览器会自动添加,但是会消耗一些系统资源而且有些时候，浏览器会加错分号,所以在开

2021-05-22 11:54:36 79

原创 js编写基础

<script type="text/javascript" src="js/script.js"></script>//可以

2021-05-22 11:35:49 169

原创 javascript初识

什么是语言计算机就是一个由人来控制的机器，人让它干什么，它就得干嘛我们要学习得语言就是人和计算机交流得工具，人类通过语言来控制，操作计算机编辑语言和我们说的中文，英文本质上没有区别，只是语言比较特殊语言的发展：纸带机：机器语言汇编语言：符号语言现代语言：高级语言起源Javascript诞生于1995年,它的出现主要于是用于处理网页中的前端验证所谓的前端验证，就是指检查用户输入的内容是否符合一定的规则比如：用户名的长度，密码的长度，邮箱的格式等参与的公司：Netscape Sun

2021-05-22 10:27:35 98

原创 HTML5的新标签和CSS3新特性

HTML5新标签header,nav,article,footer,section,aside,audio,video,embedCSS3新特性border-redius,box-shadow,border-image,background-image,transitionhtml5的新特性（记住九大模块内容）添加了video,radio标签添加了canvas画布和svg,渲染矢量图片添加了一些列语义化标签header，footer,main,secton,aside,nav等in.

2021-05-21 10:44:14 121

原创 WEB前端开发人员须知的常见浏览器兼容问题及解决技巧

常见的浏览器内核:常见的浏览器内核可以分为Trident，Gecko,Blink，WebkitIE浏览器 Trident内核，也成为IE内核Chrome浏览器 Webkit内核，现在是Blink内核Firefox浏览器 Gecko内核，俗称Firefox内核Safari浏览器 Webkit内核Opera浏览器最初是自己的Presto内核，后来加入谷歌大军，从Webkit又到了Blink内核；常见的兼容性问题：不同浏览器的标签默认的外部(margin)和内部(padding)不同解决

2021-05-20 19:28:24 138

原创 JS学习之——原型，原型链

js中一切皆对象对象包含普通对象和函数对象基本包装类型var boo = truevar num = 123var str = 'abc对象可以直接设置一个属性，但是基本包装类型不能,那么var letter = str.charAt(0)上述的charAt()方法是哪里来的呢？**解释：**底层做了三个工作根据当前的数据类型,生成一个临时的类型对应的对象_str = new String('abc')对象那个上有方法,使用对象执行方法var letter = _

2021-05-20 15:41:09 76

原创 box-sizing：border-boxing；第一次使用

1 当一个div设置box-sizing之前<div class="box"></div>.box { margin-top: 200px; margin-left: 200px; background-color: black; width: 200px; height: 200px; border: 10px solid red; }效果是这样的2 当一个div设置box-sizing之后给css加上box-sizing: border

2021-05-17 08:45:43 183

原创 VS Code注释快捷键

单行注释：Ctrl + / 或先按CTRL+K，再按CTRL+U 取消单行注释： Ctrl + / 或先按CTRL+U，再按CTRL+K块注释Alt + Shift + A

2021-04-26 09:03:23 169

原创 css overflow属性，display和visibility的区别

overflow规定当内容溢出元素框时发生的事情。overflow：visible 默认值，内容不会被修剪，会呈现在元素框之外。overflow：hidden 内容会被修剪，并且其余内容是不可见的。overflow：scroll 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。overflow：auto 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。overflow：inherit 规定应该从父元素继承overflow的属性。display：none 这时元素实际上就从页面中被

2021-04-16 21:14:06 155

原创 npm init -y nodejs 项目初始化

npm init -y-y 的含义：yes的意思，在init的时候省去了敲回车的步骤，生成的默认的package.jsonversion 版本号，一般从0.1.0开始description描述keywords 关键词用逗号隔开author名字加邮箱license UNLICENSE，一般不授权公用使用 npm 命令安装模块npm 安装 Node.js 模块语法格式如下：$ npm install 以下实例，我们使用 npm 命令安装常用的 Node.js web框架模块 express:

2021-03-23 07:55:26 1471

原创 node学习之——NodeJS 的 API

NodeJS APIURLurl.parse(urlString[,parseQueryString[,slashesDenoteHost]])参数说明：urlString 转换的urlparseQueryString如果为true,query属性会变成对象，默认为falseslashesDenoteHost如果为true,默认为false ,考虑以下例子 //for/bar,会被转换成{host:'foo',pathname:'/bar'}而不是{pathname:'//foo/bar

2021-03-19 17:59:06 564

原创 node学习之——NPM入门

NPM使用入门NPM是随同NodeJS一起安装的包管理工具常用的npm命令查看版本信息npm -v // 查看版本信息本地安装和全局安装npm install express //本地安装npm install express -g //全局安装查看所有全局安装的模块npm list -g查看某个模块版本号npm list grunt卸载模块npm uninstall express更新模块npm update express使用nrm进行包管理npm ins

2021-03-19 17:38:32 84

原创 node学习之——模块与包管理器③

模块与包管理器模块化一般在前端我们讲组件开发，在node中讲模块化分三种：内置模块第三方模块自定义模块1.内置模块直接可以用的，引入要使用的模块，再使用想要的方法即可。const fs=require('fs')//同步读取文件在关键位置捕获错误信息try{ let dirs=fs.readdirSync('./') console.log(dirs)}catch(err){ console.log('出错了') console.log(err)}conso

2021-03-19 17:23:40 89

原创 Vue前端开发学习之——Vue双向数据绑定的原理②

Vue前端开发学习之——Vue双向数据绑定的原理Vue 数据双向绑定的原理核心：数据代理+发布订阅描述：当把一个普通的JavaScript对象传给Vue实例的data选项，Vue将遍历此对象所有的属性，使用Object.defineProperty把这些属性全部转为 getter/setter（数据劫持/数据映射）。在属性被访问和修改时通知变化。每个组件实例都有相应的watcher实例对象，它会在组件渲染的过程中把属性记录为依赖，之后当依赖项的setter被调用时，会通知watcher重新计算，从

2021-03-19 16:54:16 79

原创 Vue前端开发学习之——Vue常见指令①

Vue前端开发学习之——Vue常见指令(1)Vue指令问：什么是指令?指令的本质就是标签中的vue自定义属性。指令格式以“v-”开始，例如：v-cloak,v-text,v-html等[注意]：v-html尽量少用甚至不用，因为可能引发XSS攻击。问：指令有什么作用?当表达式的值改变时，将其产生的连带影响，响应式地作用于DOM。(简化操作)常用指令1. v-cloak作用：解决浏览器在加载页面时因存在时间差而产生的闪动问题原理：先隐藏元素挂载位置，处理好渲染后再显示最终的结果注意：

2021-03-19 16:18:14 163

空空如也

空空如也