摘要:
JavaScript作用域:全局作用域、局部作用域(块级作用域)形成的作用域链。 JavaScript变量:全局变量、局部变量。 函数内部可以读取全局作用域下的变量,全局作用域下不能读取到函数内部声明的变量。 要想从函数外部读取到函数局部变量就要使用到闭包知识: 在函数中定义一个子函数(可以访问到父 阅读全文
摘要:
马上又到了一年一度的520了,程序猿们赶紧创建对象过520吧!!! JavaScript创建对象的几种方式: 一:字面量方式: var obj = {name: '程序猿'}; 二:通过new操作符: var obj = new Object(); obj.name = '程序猿过520'; 创建对 阅读全文
摘要:
vue项目随着代码量、业务组件、路由页面等的丰富,出于性能要求考虑不得不使用代码分割技术实现路由和组件的懒加载,这看似没什么问题 当每次通过npm run build构建生产包并部署到服务器后,操作页面就经常会遇到点击无反应、路由已跳转但页面没动静或页面错乱等情况,此时打开控制台会看到报错信息Err 阅读全文
摘要:
首先介绍(同源策略) 同源策略是浏览器最核心且基本的安全约定,要求协议、域名、端口都相同为同源,如果非同源时请求数据浏览器会在控制台抛出跨域异常错误,同源策略是浏览器的行为,即使客户端请求发送了,服务端也响应了,但是会拦截,浏览器无法接收到响应数据,保证了数据的安全,避免XSS攻击 跨域的解决办法: 阅读全文
摘要:
element-ui项目中经常遇到需要使用v-if指令来根据情况动态显示隐藏某些列情况,这时就会出现滚动条样式异常、列错乱、列宽错乱等问题 解决办法:在el-table上添加:key="Math.random()"但这会在某些操作下每次重新渲染table,例如获取选择行、一些操作交互等情况,因为Ma 阅读全文
摘要:
使用create-react-app脚手架创建的项目默认隐藏了webpack等配置文件信息,使用npm run eject命令暴露这些隐藏的配置文件信息 项目默认有两个环境:开发环境(npm start)、生产环境(npm run build) 日常项目开发中分为开发环境、测试环境、正式环境三个环境 阅读全文
摘要:
使用create-react-app脚手架搭建初始化项目 > npm install -g create-react-app > npx create-react-app my-app create-react-app构建的项目默认使用css语法,但是隐藏的webpack配置中配置支持了css/sa 阅读全文
摘要:
JavaScript模块化实现方案:CommonJS、CMD规范、AMD规范、ES6-module CommonJS:node.js模块机制参照者,用于服务端编程,模块是同步加载的,因为在服务器本机所以模块间读写速度快。 CMD规范:sea.js,推崇依赖就近原则,CMD的依赖是按需加载的,定义一个 阅读全文
摘要:
上一篇博客介绍了vue-cli2.x配置build命令构建测试包和正式包,但现在前端开发vue项目大多数使用新版@vue/cli脚手架搭建vue项目(vue create project-name) 通过@vue/cli构建的项目无build和config配置文件夹,采用vue.config.js替 阅读全文
摘要:
项目开发中常分为开发环境、测试环境、正式环境 通过vue-cli或者@vue/cli脚手架搭建的项目默认提供了开发环境和正式环境的配置。可通过js获取当前域名或其他信息来判断当前为测试环境还是正式环境来加载执行对应的东西,例如请求的服务端地址、不同的图片资源等等,但这样很不方便,可通过配置build 阅读全文