- 博客(15)
- 收藏
- 关注
RSS订阅原创 项目中常见的一些问题
iframes内嵌网页：在项目中我们常常会使用到一些老前辈写好的页面，所以会使用到iframes内嵌网页，但是问题也随之而来，如果iframes网页与项目网页同源，就不会存在跨域的情况，反之，则会存在的跨域的问题同源：我们可以给iframes绑定一个id或者name，使用获取节点的方式获取iframes，跨域对其内容进行一系列的操作不同源：同上，获取iframes节点，但是对其内容进行操作的时候回出现跨域的情况，此时，我们可以使用postMessage来解决跨域问题，代码如下： var..
2021-01-15 14:04:56
200
原创 高阶函数
什么叫高阶函数？高阶函数就是一个函数传递的形参中含有函数或者return出去的是一个函数类型 function fn(f) { f && f(); } fn(() => { var a = 10; }); function fn() { return function fun() { console.log(a); };
2020-10-27 10:22:01
145
原创 闭包
闭包什么叫闭包？一个函数作用域块中定义的变量在另一个函数作用域快中可以使用，简单来说就是，函数嵌套函数，闭包就是一个函数，被访问的局部变量所存在的函数就是闭包函数，下面代码中fn就是一个闭包函数 function fn() { var a = 100; function fun() { console.log(a); } fun(); } fn();闭包的作用：变量作用域的
2020-10-27 10:17:08
161
原创 严格模式与非严格模式的区别
严格模式与非严格模式的区别什么叫严格模式？我们常规的js代码属于非严格模式，因为js是弱类型语言，存在许多类型错误，因此为了以后的js发展，添加了严格模式严格模式如何实现？整个js脚本实现严格模式,只需要在js最顶部加上 use strict 即可，函数中实现严格模式只需要在函数头部添加即可<script>'use strict'</script><script>(functione(){'use strict'})()</sc
2020-10-27 09:36:44
1173
原创 实现继承的方法
实现继承的方法ES5之前，并没有extends继承，所以我们使用构造函数、原型对象、call来实现继承 继承父构造函数的属性，代码如下图所示 function Father(name, age) { this.name = name; this.age = age; } function Son(name, age) { Father.call(this, name, age); } var
2020-10-26 15:02:04
325
原创 vuex基础知识理解
vuex理解什么是vuex？Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式，它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化如何安装vuex？npm i vuex --savecnpm i vuex --save如何引入vuex？在src下面创建一个store的文件夹，其里面创建一个index.js，js文件中代码如下import Vue from "vue";import Vuex from "vuex";V
2020-10-23 11:27:04
95
原创 构造函数、原型、原型链
构造函数 、原型 、原型链构造函数：ES6之前不存在类的概念，我们创建对象是使用三种方法创建字面量创建let obj = {}使用new Object()创建let obj = new Object()使用构造函数创建function Food (name,effect){this.name = name;this.effect = effecteffect(){console.log(this.effect)}}构造函数的成员可以分为两大类：...
2020-10-21 10:45:29
349
原创 前端常见样式梳理
前端常见样式梳理 小三角形 width:0;height；0；border-top: 0.133333rem solid transparent;border-left: 0.133333rem solid #fff;border-bottom: 0.133333rem solid transparent; 箭头向右width:0;height；0；border-top: 0.133333rem solid transparent;border-right: 0.133333
2020-10-21 09:20:21
974
原创 按需引入ui框架
按需引入ui框架在一个项目中，我们往往需要使用到ui框架，因此我们需要下载依赖，引入ui框架库，但是开发过程中，我们只需要使用到一部分组件，为了缩小打包后的文件大小，我们需要按需引入我们需要使用的组件 下载依赖 有多种下载方式 npm i vant --save cnpm i vant --save 全局引入vant 在项目中的main.js中import vant from 'vant'import 'vant/lib/index.css'Vue.use(vant).
2020-10-20 17:10:24
288
原创 前端api代理跨域
前端api代理跨域首先在项目根目录下面创建一个vue.config.js文件，该文件的作用是配置打包方式以及一些项目配置// 除了以上这些，我们最好还要将router下的index.js中的mode设置成hash，不要设置成historymodule.exports = { // 公共路径(必须有的) publicPath: "./", // 输出文件目录 outputDir: "dist", // 静态资源存放的文件夹(相对于ouputDir) // assetsDi
2020-10-20 16:56:11
743
原创 Es6与javascript5基本区别
Es6与javascript5基本区别let const var三者区别let const 两者都有作用域 且没有变量提升 var具有变量提升 可重复定义 赋值等操作 let定义完成 不可重新定义该变量 可改变值 const不可重复定义 且定义基本数据类型的值不可改变箭头函数与普通函数相比，箭头函数的实用性会更高 普通函数this指向问题比较复杂 大概分为以下几种情况全局调用：指向window 事件源调用：指向事件源本身 例如button单击事件改变this指向的方法 大概...
2020-10-20 14:19:35
622
原创 vue知识梳理
vue知识梳理作为三大框架之一，vue相比于其他框架，有着简单、易用、灵活等特点生命周期init：初始化时最先进入的生命周期函数，可在此函数中进行一些操作 beforeCreated：页面创建前进入的周期函数 created：页面创建后进入的周期函数，一般在此调取接口获取后端数据等等操作 beforeMount：节点挂载前进入的周期函数 mounted：节点挂载后进入的生命周期函数 beforeUpdate updated：页面数据发生改变时进入的周期函数 beforeDestro
2020-10-20 09:26:03
109
原创 前端优化
页面结构优化1:dom树简介明了 语义化明确 没有多余的节点亢余;2:选择器使用高级选择器 加快运行效率;3:使用es6语法来简化js操作;4:使用less,sass等预处理器来加快开发效率,减少代码量;5:页面组件化封装,事件模块化封装,来达到页面代码量精简,易于维护的目的;6:多小图标时,尽量使用精灵图来替代常规的png图片操作;7:能css处理的效果就别拿js来处理,减少dom操作;8:减少重排与重绘;9:在js中尽量减少闭包的使用(内存泄露);10:减少css表达式的使用;
2020-10-19 10:31:26
97
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人