前端
关注
分享
扫一扫
前端相关基础知识
△卡卡西
这个作者很懒，什么都没留下…
展开
-
输出当前日期时间
代码源码：vardate=newDate();varyear=date.getFullYear();varmon=date.getMonth()+1;varda=date.getDate();varh=date.getHours();varm=date.getMinutes();vars=date.getSeconds();varday=date.getDay();if(mon>=1&&mon<=9){...原创 2021-09-02 12:02:08 · 344 阅读 · 0 评论 -
操作符（一看就懂）
//加法number相加vara=5;varb=a+8;console.log(b);//输出：13//将定义好的变量相连(字符串间的连接)str1="hello";str2="world";str3="";console.log(str1+str3+str2);//输出：helloworld//变量连接（数字与字符串）num1=10;num2=11;str1="15";str4="nihao";console.log(num1+...原创 2021-09-01 20:25:58 · 132 阅读 · 0 评论 -
数组的栈操作、队列操作及其相关函数
什么是数组的栈操作、队列操作？相关函数是哪些？例如varmyPop=function(){};栈操作：就是在对数组末尾进行增加删除操作队列操作：就是在对数组前端进行增加删除操作相关函数： 栈操作 push push:在数组的末尾新增任意个数据 push:数组长度 ...原创 2021-09-06 17:28:27 · 138 阅读 · 0 评论 -
Null和undefined的区别
最主要来说，null是没有值，空的，但是undefined是缺少值，应该有值只是没定义。记住这句话就完事了。不同之处：Number类型数值转换不同console.log(Namber(null)); //0console.log(Namber (undefined)); //NANtypeof 运算输出值不同null： null类型，代表“空”，代表一个空对象指针，使用typeof运算得到"object"。undefined：undefined类型，当一个声明了一个变量未..原创 2021-08-30 22:44:52 · 135 阅读 · 0 评论 -
闭包解析及其优缺点
作用域链：函数必须能执行情况下，到父类中去找如果父类中找不到，一层层向外找，如果找不到，undefined闭包：函数内部包裹函数，作用域链得不到释放，造成内存消耗，代码执行效率降低。优点：1.函数内变量安全，防止变量污染, 2.内存中维持变量，可以做缓存，缺点消耗内存。 3.匿名自执行函数减小内存消耗。缺点：1.被引用的私有变量不能销毁，增大了内存消耗，造成内存泄漏（手动赋null） 2.闭包涉及跨域...原创 2021-08-30 22:36:37 · 555 阅读 · 0 评论 -
API概括
1.forEach:单纯遍历,无法break，可以用try/catch中thrownewError来停止 2.map:遍历数组，返回回调返回值组成的新数组 3.filter:过滤 4.some:有一项返回true，则整体为true 5.every:有一项返回false，则整体为false 6.join:通过指定连接符生成字符串 7.push/pop:末尾新增(任意)和删除(一个)，改变原数组，返回新增/删除项...原创 2021-09-06 19:08:54 · 104 阅读 · 0 评论 -
JS去重简单明了的代码（建议第二种）
代码展示：vararr1=[1,2,3,2,3,4,5,6,3,4,5,6,7,8,9];functionnewArr(arr1){for(vari=0;i<arr1.length;i++){for(varj=i+1;j<arr1.length;j++){if(arr1[i]==arr1[j]){arr1.splice(j,2);j--;...原创 2021-09-06 17:31:57 · 129 阅读 · 0 评论 -
水仙花数简单
原创 2021-09-06 19:04:53 · 121 阅读 · 0 评论 -
有1、2、3、4个数字，能组成多少个互不相同且无重复数字的三位数？都是多少？
有1、2、3、4个数字，能组成多少个互不相同且无重复数字的三位数？都是多少？思路解析：可填在百位、十位、个位的数字都是1、2、3、4。组成所有的排列后再去掉不满足条件的排列。...原创 2021-09-06 19:08:16 · 266 阅读 · 0 评论 -
js 实现九九乘法表
原创 2021-08-31 18:40:35 · 182 阅读 · 0 评论 -
数据类型的转换
其他类转换到StringNumber---->String+号拼接’’如果两边都是基本数据类型就进行字符串拼接console.log(123);Consol.log(123+’‘); // ‘123’boolean---->string +号拼接’‘Console.log(true + ‘‘); // ‘true’null --> string +号拼接'' undefined --> string 'und...原创 2021-08-26 18:43:41 · 80 阅读 · 0 评论 -
一张图概括 javascript
原创 2021-09-02 10:08:03 · 133 阅读 · 0 评论 -
Ajax中get.post
1.get无参数//1.创建实例对象varxhr=newXMLHttpRequest();//2.打开一个连接xhr.open("get",'http://47.93.206.13:8002/index/findAllCategory');//3.发送请求xhr.send();//4.接收响应xhr.onreadystatechange=function()...原创 2021-09-26 20:30:42 · 86 阅读 · 0 评论 -
数组的解构
//数组的不完全解构let[a,b]=[1,2,3];console.log(a,b);//1 2let [a,b,c]=[1,[2,3],4];//完全解构console.log(a,b,c);//1 [ 2, 3 ] 4// 拓展运算符（集合解构）// ...等号左边，有聚合作用,返回新的数组或对象// ...等号右边，拆分.剥离的作用let [a,...b]=[1,2,3];console.log(a,b);//1 [ 2, 3 ]// 设置数组默认值(可以为函数)let..原创 2021-09-28 16:38:41 · 276 阅读 · 0 评论 -
let与const区别
let用于声明一个变量1变量不会提升,即在变量声明之前无法使用该变量2.不可以重复声明3.具有块级作用域，只在当前作用域有效const用于声明一个常量1.变量声明不会被提升，即在变量声明之前无法使用该变量2.不允许重复声明。3.具有局部作用域，即const声明的变量只能在对应代码块中使用4.const声明的变量在声明的时候就需要赋值，并且只能赋值一次，不能修改。...原创 2021-09-28 16:34:09 · 246 阅读 · 0 评论 -
拓展运算符
简单来说就一句话概括对象中的扩展运算符(...)用于取出参数对象中的所有可遍历属性，拷贝到当前对象之中例一//拓展运算符（集合解构）//...等号左边，有聚合作用,返回新的数组或对象//...等号右边，拆分.剥离的作用let [a,...b]=[1,2,3];console.log(a,b);//1 [ 2, 3 ]例二//后来者居上，替换前面key值let obj1={ name:'zs', age:12}let obj2={ ....原创 2021-09-26 17:24:27 · 237 阅读 · 0 评论 -
关于es6的那点知识
一、ES6-day01 1.ES6介绍 ES6是ES2015、ES2016、ES2017他们的统称 官方名字：《ECMAScript 2015 标准》=> ES6 2.包管理机制（npm） npm init -y 初始化nodejs项目 生成一个package.json文，该文件中保存了项目所有相关信息 全局依赖 cnpm install xxx --global 简写: cnpm i xxx -g 局部依赖...原创 2021-09-26 13:54:19 · 140 阅读 · 0 评论 -
对象的解构
//对象解构简写形式，省略key值保留value对应变量let {name:username,age:userage}={name:'zs',age:12}console.log(username,userage); //name:name key:value 省略key值// 嵌套解构let obj={p:['hello',{y:'world'}]};let {p:[a,{y:b}]}=obj;console.log(a,b);//hello worldconsole.log(a..原创 2021-09-28 16:41:08 · 146 阅读 · 0 评论 -
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"> <title>防原创 2021-09-27 14:18:48 · 194 阅读 · 0 评论 -
选择器（详细代码解释）
具体代码展示，去除繁琐唠叨元素选择器：<style> div{ background-color: rgb(17, 201, 115); } p{ color: tomato; background-color: aqua; } li{ border: 1px solid violet; }..原创 2021-09-28 23:29:03 · 308 阅读 · 0 评论 -
关于HTML的理论基础
1.HTML是什么?超文本标记语言原创 2021-08-02 21:30:31 · 241 阅读 · 0 评论 -
奥运五环(一键复制)
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title&...原创 2021-09-16 19:11:10 · 3221 阅读 · 0 评论 -
display
display的三个值inline ， block， inline-blockinline（行内元素）: 使元素变成行内元素，拥有行内元素的特性，即可以与其他行内元素共享一行，不会独占一行. 不能更改元素的height，width的值，大小由内容撑开. 可以使用padding上下左右都有效，margin只有left和right产生边距效果，但是top和bottom就不行. block（块级元素）: 使元素变成块级元素，独占一行，在不设置自己的宽度的情况下，块级元素会默认...原创 2021-10-05 17:02:29 · 100 阅读 · 0 评论 -
BFC特性和作用
1.可以避免外边距重叠html代码 <div class="cube"></div> <div class="cube"></div>css代码 .cube{ width: 100px; height: 100px; background-color: cyan;...原创 2021-09-28 15:41:48 · 121 阅读 · 0 评论 -
关于CSS3盒子模型
1.width & height内容区的宽高，显示内容。2.padding 内容区外边界与外边框内边界距离。3.border 边框宽度。4.margin 盒子外的宽度。W3C盒子（默认盒子、内容盒子、content-box）盒子的宽 width+paddingLeft+paddingRight+borderLeft+borderRight盒子的高 height+paddingTop+paddin...原创 2021-08-18 08:44:10 · 109 阅读 · 0 评论 -
元素相关状态
元素状态相关的 :hover 鼠标悬浮的状态 :visited a标签已被访问的状态 :link a标签未被访问的状态 :active 活动时的状态 :focus 聚焦时的状态 :checked 按钮被选中时的状态 :default 默认选中的时的状态 :enabled 表单项可用时的状态...原创 2021-10-08 08:59:35 · 132 阅读 · 0 评论 -
生命周期历程
什么是生命周期？ vue实例从创建到挂载到更新，最后销毁，这整个流程叫做vue的生命周期生命周期钩子函数 // 初始化构建阶段 beforeCreate vue实例初始化完成之前，完成了vue事件、属性的初始化，但是访问不到vue实例中的data、methods created vue实例初始化完成，可以访问实例内部的数据和方法 // 挂载阶段 beforeMount 完成了模板的解析，但是数据/dom节点没有绑定到模板上 mounted...原创 2021-10-09 08:47:08 · 105 阅读 · 0 评论 -
Vue,Anagle和React形象化比喻
渐进式框架: 根据自身需求，选择框架的中的工具,VUE不强求你一次性接受并使用它的全部功能特性 Vue 数据驱动框架 渐进式框架 O Dom操作 React 框架逻辑性更加严谨，适用于大型项目 学习成本比较高，对于入门级开发者不够友好 Anagle 适用于大型项目的开发 内置规则较多、较复杂 使用起来较为笨重，不够灵活 Vue与jquery的区别（扫地，清洁）...原创 2021-10-09 08:54:18 · 260 阅读 · 0 评论 -
迭代方法重构
### every 如果有不满足的直接返回false,不再继续往后判断。如果全部满足，返回trueArray.prototype.myEvery=(fun,obj)=>{ for(i=0;i<arr.length;i++){ if(!(obj?fun.bind(obj)(this[i]):fun(this[i]))){ return false } //如果有第二个参数，需要修改this指向 ...原创 2021-10-11 10:45:40 · 202 阅读 · 0 评论