02 2021 档案
摘要:CSS选择器汇总(清爽版) 1、元素选择器 标签名{ } 2、id选择器 #id属性值{ } 3、类选择器 ·class属性值{ } 4、选择器分组(并集选择器) 作用:通过它可以同时选中多个选择器对应的元素(通常用于集体声明) 语法:选择器1,选择器2,选择器n{ } 5、复合选择器(交集选择器)
阅读全文
摘要:一、选择器的优先级排序 1. !important 在属性后面写上这条样式,会覆盖掉页面上任何位置定义的元素的样式。 2. 行内样式,在style属性里面写的样式。 3. id选择器 4. class选择器 5. 标签选择器 6. 通配符选择器* 7. 浏览器的自定义属性和继承
阅读全文
摘要:一、开发环境:开发环境是程序猿们专门用于开发的服务器,配置可以比较随意, 为了开发调试方便,一般打开全部错误报告。通俗的讲,项目尚且在编码阶段,我们的代码一般在开发环境中,不会在生产环境中,生产环境组成:操作系统 ,web服务器 ,语言环境。 二、测试环境:一般是克隆一份生产环境的配置,一个程序在测
阅读全文
摘要:一、axios的封装 在vue项目中,和后台交互获取数据这块,我们通常使用的是axios库,它是基于promise的http库,可运行在浏览器端和node.js中。他有很多优秀的特性,例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。所以我们的尤大大也是果断放弃了对其官方库vue-r
阅读全文
摘要:背景 作为一个前端工程师,跨域是无论如何都绕不过的问题,在我有限的工作经历中,接触最多的还是vue和webpack,如何配置跨域着实让我抓耳挠腮了好一阵,好在大大小小的坑都踏过了,写一篇文章总结下,让自己印象深刻的同时,希望也能帮助到有同样困惑的小伙伴,在前端的道路上走的更加稳健~Fight~ 本文
阅读全文
摘要:前端面试几个重要知识点 分类 编程技术 1、 viewport <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=
阅读全文
摘要:常用 JS 函数 各种业务开发都离不开对数据的处理,然而遇到的很多数据都是不好处理的。这个时候就需要寻求搜索引擎的帮助。这种方法效率是非常低下的,而且根据作者的个性不能保证其对自己的口味。因此这篇文字包含了一份 JS 常用业务函数手册,例如时间格式的处理、用的是哪个手机浏览器,手机号、邮箱的验证,以
阅读全文
摘要:一、枚举是什么 枚举指对象的属性是否可以遍历出来,简单点说就是是否可以被列举出来。可枚举性决定了这个属性能否被for…in查找遍历到。 js中基本包装类型的原型属性是不可枚举的,比如: 基本包装类型:Boolean,Number和String,就是即是基本类型,也是引用类型。基本包装类型还可以像引用
阅读全文
摘要:全局var的属性,一旦经历了var的操作所得到的的属性,成为window上的属性,这种属性叫做不可配置性属性,不可配置的属性,delete不掉可删除: 不可删除:
阅读全文
摘要:语法:Object.create(proto, [propertiesObject])//方法创建一个新对象,使用现有的对象来提供新创建的对象的proto。 参数: proto : 必须。表示新建对象的原型对象,即该参数会被赋值到目标对象(即新对象,或说是最后返回的对象)的原型上。该参数可以是nul
阅读全文
摘要:JavaScript 中 call()、apply()、bind() 的用法 分类 编程技术 其实是一个很简单的东西,认真看十分钟就从一脸懵B 到完全 理解! 先看明白下面: 例 1 obj.objAge; // 17 obj.myFun() // 小张年龄 undefined 例 2 shows(
阅读全文
摘要:一、Object.prototype.toString() 的调用 对于 Object.prototype.toString() 方法,会返回一个形如 "[object XXX]" 的字符串。 如果对象的 toString() 方法未被重写,就会返回如上面形式的字符串。 ({}).toString(
阅读全文
摘要:js代码: <!doctype html> <html> <head> <meta charset="utf-8"> <title>三级联动</title> <style> select{ width:150px; height:35px;} </style> </head> <body> <sel
阅读全文
摘要:JavaScript的特点JavaScript是一门直译式脚本语言,是一种动态类型、基于原型的语言。 JavaScript的灵活性不亚于C++,你可以使用JavaScript尝试不同的程序设计范型。比如类jQuery风格的函数式编程、基于过程的指令式编程、以及基于原型的面向对象编程。不同于Java、
阅读全文
摘要:1、 :称为等同符,当两边值的类型相同时,直接比较值,若类型不相同,直接返回false; 2、==:称为等值符,当等号两边的类型相同时,直接比较值是否相等,若不相同,则先转化为类型相同的值,再进行比较; 类型转换规则:1)如果等号两边是boolean、string、number三者中任意两者进行比较
阅读全文
摘要:概述 从输入URL到页面加载的主干流程如下: 1、浏览器构建HTTP Request请求 2、网络传输 3、服务器构建HTTP Response 响应 4、网络传输 5、浏览器渲染页面 构建请求 1、应用层进行DNS解析 通过DNS将域名解析成IP地址。在解析过程中,按照浏览器缓存、系统缓存、路由器
阅读全文
摘要:摘要: 总有一款合适的通信方式。 作者:浪里行舟 Fundebug经授权转载,版权归原作者所有。 前言 组件是 vue.js 最强大的功能之一,而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互引用。一般来说,组件可以有以下几种关系: 如上图所示,A 和 B、B 和 C、B 和 D
阅读全文
摘要:dispatch:含有异步操作,例如向后台提交数据,写法: this.$store.dispatch('action方法名',值) commit:同步操作,写法:this.$store.commit('mutations方法名',值) 区别: 1.Action提交的是mutation,而不是直接变更
阅读全文
摘要:jQuery-入口函数,$冲突问题 原生js和jQuery加载模式不同 原生js会等DOM加载完成,图片等资源也加载完成再执行; jQuery会等DOM加载完成,但不会等图片等资源加载完成就会执行。 多个入口函数 原生js如果编写了多个入口函数,后面编写的会覆盖前面编写的。 window.onloa
阅读全文
摘要:添加js的静态方法和实例方法 - 1.定义一个类 - 2.给这个类添加一个静态方法:直接添加给类的就是静态方法.结晶态方法直接通过类调用. - 3.给这个类添加一个实例方法:在类的原型上添加.实例方法通过类的实例调用,创建一个实例(创建一个对象) //1.定义一个类 function AClass(
阅读全文
摘要:JS预编译 js运行三部曲 语法分析 预编译 解释执行 ** 预编译 ** 预编译发生在函数执行前的一刻。 简单现象:函数声明整体提升, 变量 声明提升(定义赋值不提升) ** 预编译过程(四部曲):**1.创建AO对象(Activated Object)(执行期上下文)2.找形参和变量声明,将变量
阅读全文
摘要:1.函数 定义 1.函数声明 function test(){函数体}; 2.函数表达式: - 命名函数表达式 - ```java var fn = function test(){}; (匿名)函数表达式 var fn = function(){}; #### 组成形式 1.函数名称 2.参数(形
阅读全文
摘要:js原型、原型链、call apply 原型 1.定义:原型是function对象的一个属性,它定义了构造函数构造出的对象的共同祖先,通过这个构造函数创建的对象可以继承该原型的属性和方法。原型也是对象。2.利用原型的特点和概念,可以提取共有属性。3.对象如何查看原型:隐式属性 .proto4.对象如
阅读全文
摘要:继承模式 继承发展史 1、传统形式--原型链 过多的继承了没用的属性 2、借用构造函数 不能继承借用构造函数的原型 每次构造函数要多走一个函数 3、共享原型 不能添加自己原型的自定义属性,会把共享原型的对象的原型的属性也更改。 4、圣杯模式 //1.原型链 Grand.prototype.lastN
阅读全文
摘要:js-arguments arguments arguments是函数执行时的一个对象,用开存储传进函数的参数,下标从0开始存储。arguments是对象,不是Array,但它有点类似Array,它不具备除了length之外的其他方法。 callee:arguments对象的一个属性。1)它用来指向
阅读全文
摘要:js-克隆 浅克隆 浅克隆的对象的引用值是拷贝对象里的引用,这两个对象里面的引用(如对象里的数组或者内嵌对象)指向的地方是一致的。 var obj = { name:"chen", age:18, gender:"female", card:['visa','cb'], wife:{ name:'a
阅读全文
摘要:js-数组 数组的定义 new Array(length/content) 字面量 区别:当只传一个参数时,new Array会把参数当成是长度,即创建一个限定长度的值为undefined的数组;字面量则认为这一个参数是数组第一个元素。 //数组的定义 var arr = [1,2,3];//数组字
阅读全文
摘要:js-try catch、ES5.0严格模式 try...catch try{}catch{}finally{},用以捕捉错误而不影响后面代码的执行。即try里面的代码如果报错了,不会影响try catch后面代码块的执行。 try{ console.log('a');//a console.log
阅读全文
摘要:js-DOM DOM定义 DOM -- Document Object Model DOM定义了表示和修改文档所需的方法。DOM对象即为宿主对象,由浏览器厂商定义,用来操作html和xml功能的一类对象的集合。也有人称DOM对象是对HTML及XML的标准编程接口。 DOM基本操作 节点的类型 节点名
阅读全文
摘要:js-定时器(setInterval, setTimeout) setInterval() 表示没间隔一定时间执行一次函数 清除方法:clearInterval(timer) var cnt = 0; var timer = setInterval(function(){ cosole.log(cn
阅读全文
摘要:获取DOM尺寸、位置 查看滚动条的滚动位置 window.pageXOffset / window.pageYOffset(IE8及其以下版本不支持) document.body/documentElement.scrollLeft/scrollTop 兼容性比较混乱,使用时通常取两个属性值相加,因
阅读全文
摘要:脚本化CSS 1.读写CSS属性 domEle.style.prop 可读写行间样式,没有兼容性问题;像float这样的关键字属性应在前面加css。 float --> cssFloat; 复合属性必须拆解,组合单词采用小驼峰式写法 写入值必须是字符串格式 2.查询计算样式 window.getCo
阅读全文
摘要:1. JSON json是一种传输数据的格式(以对象为样板,本质上就是对象,但用途有区别,对象是本地的,JSON是用于传输的。 JSON.parse();//string --> json JSON.stringify();//json --> string 2. 页面渲染 randerTree =
阅读全文
摘要:参考正则表达式教程 正则表达式 作用: 对字符串执行模式匹配,匹配特殊字符或有特殊搭配原则的字符。 创建方式 直接量:/expression/gim;-->两个斜杠中间书写正则表达式,右边的i代表ignore case忽略大小写;g代表全局匹配;m代表多行匹配模式。 new RegExp(patte
阅读全文
摘要:1.什么是事件 HTML页面与JS之间的交互时通过事件来完成的。事件,就是文档与浏览器窗口发生的一些特定的交互瞬间。可以使用侦听器(处理程序)来预订事件,以便事件发生时执行相应的程序代码。 2.如何绑定事件 elem.onxxx = function(event){}; 兼容性很好,但是一个元素只能
阅读全文
摘要:属性的增、删、改、查 增加属性:ojb.newProp = “what";删除属性:delete ojb.Prop 对象的创建方法 var obj = {} plainObject 对象字面量/对象直接量 构造函数1)系统自带的构造函数 new Object()2)自定义构造函数。构造函数结构上和函
阅读全文
摘要:codewars.com https://leetcode-cn.com/ 牛客网:https://www.nowcoder.com/intelligentTest
阅读全文
摘要:一、若是基本数据类型返回对应的基本类型 <script> // 1.number类型 var num = 1; console.log(typeof num);//返回的是number // 2.string 类型 var str = 'jack'; console.log(typeof str);
阅读全文
摘要:柯里化(Currying) 柯里化(Currying)[1]是一种关于函数的高阶技术。它不仅被用于 JavaScript,还被用于其他编程语言。 柯里化是一种函数的转换,它是指将一个函数从可调用的 f(a, b, c) 转换为可调用的 f(a)(b)(c)。 柯里化不会调用函数。它只是对函数进行转换
阅读全文
摘要:JS 中深拷贝的几种实现方法 1、使用递归的方式实现深拷贝 //使用递归的方式实现数组、对象的深拷贝 function deepClone1(obj) { //判断拷贝的要进行深拷贝的是数组还是对象,是数组的话进行数组拷贝,对象的话进行对象拷贝 var objClone = Array.isArra
阅读全文
摘要:JavaScript是一个绝冠全球的编程语言,可用于Web开发、移动应用开发(PhoneGap、Appcelerator)、服务器端开发(Node.js和Wakanda)等等。JavaScript还是很多新手踏入编程世界的第一个语言。既可以用来显示浏览器中的简单提示框,也可以通过nodebot或no
阅读全文
摘要:在JavaScript中,delete操作符用的比较少,但是还是比较重要的,我本人面试的时候就遇到过关于delete的问题,下面总结一下delete的具体用法。 作用: delete 操作符用于删除对象的某个属性。 语法: 直接使用delete操作符 delete object.property 或
阅读全文
摘要:众所周知,在组件式开发中,最大的痛点就在于组件之间的通信。在 Vue 中,Vue 提供了各种各样的组件通信方式,从基础的 props/$emit 到用于兄弟组件通信的 EventBus,再到用于全局数据管理的 Vuex。 在这么多的组件通信方式中,provide/inject 显得十分阿卡林(毫无存
阅读全文
摘要:find() 该方法主要应用于查找第一个符合条件的数组元素。它的参数是一个回调函数。在回调函数中可以写你要查找元素的条件,当条件成立为true时,返回该元素。如果没有符合条件的元素,返回值为undefined。 以下代码在myArr数组中查找元素值大于4的元素,找到后立即返回。返回的结果为查找到的元
阅读全文
摘要:最近公司需要使用vue重构以前的项目,为了节省时间快速开发选择了使用element 不得不说,咋一看element的功能很全面样式,该有的都用,但是我们的项目对性能要求比较高,特别是表格 开发过程比较顺利各功能实现都很不难,但是性能测试确成了问题,分页的情况下单页100条就不怎么流畅了,更别说要求不
阅读全文
摘要:大家都知道,vue中点击事件直接在元素中使用@click="click"即可,但是有时在一个元素中包含了子元素,而且父元素和子元素都有点击事件,此时我们希望的点击效果就是:点击子元素区域的的时候,不触发父级元素的点击事件,此时就要用到@click.stop="subclick"。 @click.st
阅读全文
摘要:1|0组件化 1|1注册组件的基本步骤 创建组件构造器 (调用Vue.extend()方法) 注册组件 (调用Vue.component()方法) 注册组件语法糖 省去了调用Vue.extend()的步骤,而是可以直接使用一个对象来代替 使用组件 (在Vue实例的作用范围内使用组件) 1|2组件模板
阅读全文
摘要:1、base64加密 在页面中引入base64.js文件,调用方法为: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>base64加密</title> <script type="text/javascript" src="b
阅读全文
摘要:报错信息: ValidationError: Invalid options object. Sass Loader has been initialised using an options object that does not match the API schema. 报错写法如下: {
阅读全文
摘要:路由是:/path/:type真正路径是:/path/list path匹配路径: /path/list fullPath匹配路由: /path/:type 先理解什么是路由记录 : 路由记录就是 routes 配置数组中的对象副本 (还有在 children 数组)。 上方代码中的路由记录见下方:
阅读全文
摘要:深拷贝 JSON方法实现 2.用for…in实现遍历和复制 2.用for…in实现遍历和复制 function deepClone(obj) { let result = typeof obj.splice "function" ? [] : {}; if (obj && typeof obj 'o
阅读全文
摘要:vue的计算属性get和set 1.计算属性是用来存储数据,但具有以下几个特点: a.数据可以进行逻辑处理操作。 b.对计算属性中的数据进行监视。 2.计算属性和普通属性的区别: a.计算属性是基于它的依赖进行更新的,只有在相关依赖发生改变时才能更新变化 b.计算属性是缓存的,只要相关依赖没有改变,
阅读全文
摘要:Vue3中eslint代码格式化prettier和standard规则比较(为什么推荐使用prettier) 前言 在 vue-cli 创建项目时,对于 eslint 代码格式化一般我们会选 standard 或 prettier 方案,他们有什么区别和优缺点呢? 插件准备 eslint 使用 es
阅读全文
摘要:由于在项目中需要对数据进行可视化处理,也就是用图表展示,众所周知echarts是非常强大的插件。一开始想在网上找一个基于vue封装好的(懒省事),eg:vue-echarts ,但是拉取下来发现,跟项目中使用的类型有点偏差,而且他们的数据大多都是定制好的,我很难在此基础上进行更改(惹不起),于是选择
阅读全文