前端
文章平均质量分 53
荒年1010
这个作者很懒,什么都没留下…
展开
-
数组对象api汇总
数组对象常用api1.concat(连接两个或多个数组,并返回结果)var a = [1,2,3]; var b = a.concat(6,7); console.log(b); //[1,2,3,6,7]2.join(把数组的所有元素用str分隔,默认逗号分隔)var a = [1,2,3] var b = a.join('|'); console.log(a); //[1,2,3] console.log(b); //"1|2|3"3.pop(删除并返回数组的最后原创 2022-01-08 15:56:10 · 577 阅读 · 0 评论 -
vue九大优化方法
函数型组件由于组件的生命周期处理在框架层面上十分耗时,所以,建议平常尽量使用函数型组件。这样,可以避免不必要的性能损失。只要在模板上声明functional属性,就可以实现函数式组件了:<template functional> <div> <div v-if="value" class="on"></div> <section v-else class="off"></section>转载 2021-10-19 22:25:49 · 3001 阅读 · 0 评论 -
webpack
初始化WebPack一、为什么会有webpack?因为开发者编写的代码是模块化开发,.less .scss .vue .js等文件开发者编写的代码是工程化因为浏览器不能解析vue、react 、less 、scss 等工程化,模块化的代码,所以需要webpack 工具,将编写的模块化代码,进行编译/打包,然后在浏览器中运行的编译后或者打包后的代码。二、webpack是什么?webpack是自动化构建工具三、怎么搭建使用webpack的环境依赖node.js npm 下载原创 2021-07-22 23:00:00 · 185 阅读 · 0 评论 -
Es6新特性
let const 与 var 的区别1: var声明的变量有变量提升let const没有2: let 声明为变量const 为常量3:const赋值对象或者数组,对象与数组可以被改变,因为const保证的指针不变4: let const变量为块级作用域5: let const变量不能重复6: let const会形成暂时性死区详细介绍promise1:因为传统异步是通过回到函数方式结果的,为了解决回调地狱导致代码可读性差,可维护成本,所以有了promise2: promise 三种状态原创 2021-07-19 21:36:20 · 93 阅读 · 0 评论 -
async函数
1.什么是async函数 <script> async function foo() { return 123 } let res = foo() console.log(res); // promise res.then(res => { console.log(res); // 123 }) let foo1 = async原创 2021-07-17 10:33:23 · 222 阅读 · 0 评论 -
正则表达式
正则入门正则表达式:验证字符串是否满足某个规则// 创建正则表达式 var reg = new RegExp(/'123'/); console.log(reg); //===>/'123'/ var reg1 = /clx/ // replace(regwx,''/function) var str = '一半,两半,三半'; // 找到str中所有的'半' 并替换成'个'原创 2021-07-17 10:11:32 · 143 阅读 · 0 评论 -
promise
首先,为什么会有promise ?下面,我们来看一段代码: function foo(callback) { //函数1 console.log('111'); callback(function (callback) { console.log('222'); callback('你好') }) } foo(function (call) { //函数3 console原创 2021-07-17 10:08:34 · 78 阅读 · 0 评论 -
2021-07-13
1:你学会了什么 ?在开始写项目之前,先要对项目所要涉及到的内容进行分类部署。如分为:css、img、js、、view、index.html等文件。在部署好文件分类后,需要对各个页面的整体框架简单分析,在脑海中有一个大致的框架图,如何进行页面布局等。学会了自定义打印,可以设置颜色与背景等。可以更加清晰的查看打印的信息。console.log(`\n%c ${msg} ↓ `, 'background:#67c23a;color:#fff;padding:1px;border-radiu原创 2021-07-13 10:03:23 · 73 阅读 · 0 评论 -
Es6入门
1 声明 // es5 var function 可以提升变量 // es6 let count 没有变量提升 // import class 模块化开发 类 var a; if (true) { var b = 123; } for (var i = 0; i < 12; i++) { var data = 123; } function foo() { var bar原创 2021-07-13 00:24:50 · 124 阅读 · 0 评论 -
本地储存及权限验证
本地储存<body> <a href="./url.html?test:qwe&name:dd=clx">跳转到b页面</a> <button id="btn">点击sessionstorage</button></body><script> /* 1.存在一条需要多个html共享的数据 这里是有数据的界面 1.将数据存到localStorage中原创 2021-06-28 21:38:39 · 505 阅读 · 0 评论 -
深拷贝与浅拷贝及如何实现深拷贝
先记住两句话,帮助你简单理解一下深拷贝和浅拷贝的区别:1 深拷贝拷贝后,产生数据是两条数据2 浅拷贝拷贝后,多个变量共用一条数据下面,我们来看个例子:var a = [1,2,3]; var a1 = a; a1[0] = 2; console.log(a); // ==>Array(3) [ 2, 2, 3 ]是不是很奇怪,明明改变的是数组a1中的值,为什么数组a中的值也跟着改变了,这就不得不让人深思了。那么这里,就需要引入基本数据类型和引用数据类型的概念了。原创 2021-06-24 23:31:42 · 710 阅读 · 0 评论 -
this指向
如何判断this 指向哪一个对象?一.首先得看this在哪?若是在全局中,this则指向window在function函数中(谁触发指向谁)① 普通对象调用(this指向触发它的对象)var a = 'hello'function foo() { var a = 'world' console.log(this.a) console.log(this)}foo()// 相当于执行 window.foo()// "hello"// Window 对象原创 2021-06-23 22:17:38 · 84 阅读 · 0 评论 -
jQuery实现轮播图
<!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-06-22 21:17:53 · 62 阅读 · 0 评论 -
DOM操作
原创 2021-06-22 21:11:47 · 59 阅读 · 0 评论 -
javascript学习
原创 2021-06-22 21:08:50 · 64 阅读 · 0 评论 -
HTML元素分类
原创 2021-06-22 21:07:08 · 47 阅读 · 0 评论 -
css常用属性
原创 2021-06-22 21:04:28 · 60 阅读 · 0 评论 -
js实现轮播图效果
动画效果js部分:function animate(obj, target,callback) { clearInterval(obj.timer); obj.timer = setInterval(function () { var step = (target - obj.offsetLeft) / 10; step = step > 0 ? Math.ceil(step) : Math.floor(step); if (obj.o原创 2021-06-22 20:47:42 · 331 阅读 · 0 评论 -
css实现导航栏下划线向两边展开效果
<html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>css实现导航栏下划线向两边展开效果</title> <style> ul { height: 80px; line-height: 80px;原创 2021-06-22 20:53:53 · 294 阅读 · 0 评论