前端
小白搬运
这个作者很懒,什么都没留下…
展开
-
vue3+ts+webpack+router+vuex
vue3+ts+webpack创建项目原创 2022-10-15 11:14:02 · 371 阅读 · 1 评论 -
Vue多标签输入框
vue实现输入框输入多个标签值的场景聚焦输入状态原创 2022-06-11 11:50:38 · 1837 阅读 · 1 评论 -
vue中使用使用阿里云的iconfont
①创建阿里云账号②在阿里云iconfont中搜索自己喜欢的icon③加入购物车,添加至项目④下载到本地,主要是下载fontclass的,至于三者的区别,大家可以上网搜搜看⑤在项目目录src/assets下创建iconfont文件夹,将刚刚加载好的东西复制到iconfont文件下⑥在main.js中引入import './assets/iconfont/iconfont.css'⑦使用class名可以在刚刚复制的文件中的iconfont.css文件里面找到,注意前面一定要加多一个i原创 2021-02-21 22:22:26 · 674 阅读 · 0 评论 -
vue项目安装sass
npm安装sasscnpm install node-sass --save-dev //安装node-sasscnpm install sass-loader --save-dev //安装依赖包sass-loadercnpm install style-loader --save-dev //安装style-loader安装完依赖后需要去到bulid目录下的webpack.base.conf.js文件里的module 的rules下添加{ test:原创 2021-02-21 11:36:56 · 821 阅读 · 0 评论 -
前端命名规范
该文章将列举前端编辑代码时变量及方法的命名规范命名模式A/HC/LC模式nameprefixAHCLCgetUserUsergetUserMessagegetUserMessagehandlerClickOutsidehandleClickOutsideshouldDisplayMessageshouldDisplayMessage动作类型函数名称的动词部分,是描述函数作用的最重要的部分,如:getXXX,表示获取原创 2021-02-18 14:04:45 · 177 阅读 · 0 评论 -
Map与Set
Map键值存储的集合类型创建map集合let m = new Map()let m1 = new Map([["m1","1"],["m2","2"],["m3","3"]]) //带有初始值,必须为二维数组Map的方法方法描述返回值set(“key”,“value”)添加键/值对返回更新后的map集合get(“key”)获取键值对对应的键的值has(“key”)查询键值对booleansize()获取Map长度,及键值对数量长度d原创 2020-12-03 11:22:49 · 82 阅读 · 0 评论 -
Object.defineProperty理解
对象属性的定义与赋值语法Object.defineProperty(target,property,descriptor)target:目标对象property:引用的目标对象上的字符串属性descriptor:用于描述属性, 包含可选的enumerable(设置属性是否可遍历),configurable(设置属性是否可被修改或删除),writable(设置属性是否可写),value(属性值),get和set定义的对象描述属性默认值属性名默认值enumerablefal原创 2020-12-02 18:12:51 · 146 阅读 · 0 评论 -
浏览器对get请求缓存问题
这两天学习缓存接触到才知道有部分浏览器会对get请求进行缓存的,小编试了一下谷歌跟火狐不会对get请求进行缓存,到那时ie会对get请求进行缓存客户端①在发送get请求的时候,加上一个时间轴或者随机数②在发送请求的时候设置if-Modifed-Since服务端客户端跟服务端通信有个跨域的问题,不会的可以看一下我之前的一篇关于跨域的文章const http = require('http')const port = 3000const server = http.createServer原创 2020-11-10 00:12:18 · 2531 阅读 · 1 评论 -
HTTP缓存机制
缓存的作用提高资源加载速度减少网络请求,提高页面渲染速度缓存的分类前端缓存主要包括http缓存,浏览器缓存HTTP缓存常见的 HTTP 缓存只能存储 GET 响应,对于其他类型的响应则无能为力。浏览器在每次GET URL时都会先检查URL对应的缓存,除非你指定不使用缓存(强制刷新或者在控制台勾选Disable Cache等)HTTP缓存流程图强缓存不请求服务器,直接用,返回状态码200Pragma包括实现特定的指令,它可应用到响应链上的的任何接收方no-cache指定不缓原创 2020-11-08 18:36:47 · 138 阅读 · 0 评论 -
http请求头及响应头字段含义
http请求头有哪些? 今天我们来总结一下http请求头。在这之前,看到请求头信息那么多,看着都很让人发愁啊,所以在这里做了一些总结,什么时候忘记了,可以来这里翻一翻!首先说一下http请求头怎么组成吧 HTTP请求头提供了关于请求,响应或者其他的发送实体的信息。HTTP的头信息包括通用头、请求头、响应头和实体头四个部分。每个头域由一个域名,冒号(:)和域值三部分组成。来解释一下这四部分是什么意思吧 通用头标:即可用于请求,也可用于响应,是作为一个整体而不是特定资源与事务相关转载 2020-11-08 11:08:54 · 2808 阅读 · 1 评论 -
js数组(三)
js数组之1.concat()语法array1.concat(array2,array3,...,arrayX)参数参数可以是具体值也可以是数组对象,可以是任意多个返回值返回的是一个新的数组实例操作 let arr =[1,2,3,4] let arr1 = [5,6,7,8] let str ='name' console.log(arr.concat(arr1)) console.log(arr.concat(str))2.copyWithin(原创 2020-11-08 00:25:51 · 242 阅读 · 0 评论 -
js数组方法(二)
参考链接:MDN Web文档js数组方法之——遍历操作1.forEach()语法arr.forEach(callback(currentValue [, index [, array]])[, thisArg])参数callback为数组中每个元素执行的函数,该函数接收一至三个参数:currentValue数组中正在处理的当前元素。index 可选数组中正在处理的当前元素的索引。array 可选forEach() 方法正在操作的数组。thisArg 可选可选参数。当执行回调原创 2020-11-06 18:09:02 · 189 阅读 · 0 评论 -
js数组方法(一)
参考链接:MDN Web文档1.Array.from()语法:Array.from(arrayLike [, mapFn [, thisArg]])参数:arrayLike类数组或可迭代对象,可转换为数组。mapFn 可选的映射函数调用数组的每个元素。(比如:Array.from(arrayLike,item=item+1)将一个类数组活则可迭代对象转换成数组的时候,对每一个元素都加1,item代表当前元素)thisArg 可选的this执行时用作的值mapFn。返回值一个新A原创 2020-11-06 11:00:19 · 234 阅读 · 0 评论 -
js全局作用域与函数作用域
在es6之前,js是只有全局作用域与函数作用域 var n=2 function fn() { console.log(n) a=1 console.log(a) var b=10 console.log(b) } fn() // 2, 1, 10 console.log(n)//2 console.log原创 2020-11-03 18:13:10 · 319 阅读 · 0 评论 -
treeSelect树形选择器使用
vue-treeselect树形选择器treeSelect是Vue的一个插件,用于进行一个树形选择的场景,这个组件可以满足大部分场合的使用。官方文档1.安装npm install --save @riophae/vue-treeselect安装完成之后可以在package.json文件中看到2.引用,在需要使用的组件上引用3使用关于组件属性,大家可以去官方文档看一下,这里着重说一下normailzer,normailzer的意思就是是规范化,意思就是使你的数据格式规范化treese原创 2020-11-02 23:50:38 · 30571 阅读 · 5 评论 -
8种数组去重方法
需要去重的数组var arr= [2,4,5,2,3,4,2,4,4,5,6,7,2,8];1.js第三方库https://underscorejs.net/这是小编用的比较好用的js第三方库,大家可以看一下,也还有很多第三方库可以实现数组去重,有兴趣了解的可以百度 //1.调用第三方库 function getUniqueArray() { var result = _.uniq(arr) console.log(result) }2.利原创 2020-10-29 22:05:56 · 640 阅读 · 0 评论 -
前端面试常见问题——css布局
css布局题目:假设高度已知,请写出三栏布局,其中左栏,右栏高度各为300px,中间自适应①浮动方式(优点:兼容性好,缺点:清楚浮动脱离文档流)<!-- //浮动方法 --> <section class="layout float"> <style media="screen"> .layout.float .left{ float: left;; width原创 2020-07-24 11:32:22 · 160 阅读 · 0 评论 -
jsonp,cors,nginx跨域
前端跨域JSONPCORSnginxJSOP浏览器端 <script> function foo(data){ console.log(data) } </script> <script src="http://localhost:8080/jsonp?callback=foo"></script>服务器端let http = require('http')let原创 2020-10-28 22:06:33 · 111 阅读 · 0 评论