08 2022 档案
摘要:输出以下代码的执行结果并解释为什么 var a = {n: 1}; var b = a; a.x = a = {n: 2}; console.log (a.x); console.log (b.x); 分析:这种连等号是从右往左去赋值的,但是“.”的优先级大于赋值运算符的优先级,所以先定义a.x,再
阅读全文
摘要:更完整的参考 在服务器上下载nginx 项目打包的命令:npm run build 将生成的dist文件夹里的内容放到nginx
阅读全文
摘要:参考 真实DOM的渲染 在讲虚拟DOM之前,先说一下真实DOM的渲染。 浏览器真实DOM渲染的过程大概分为以下几个部分: 构建DOM树。通过html parser解析处理html标记,将它们构建为DOM树(DOM tree),当解析器遇到非阻塞资源(图片,css),会继续解析,但是如果遇到scrip
阅读全文
摘要:vue项目的创建与开发 节流和防抖(实现的函数也看下)BFCflex布局(语法篇,实例篇):总结在纸上,有时间发到博客园上。盒模型(2、CSS尺寸 ,开始不用看了) css选择器的优先级,具体的计算规则,style的优先级在哪 css实现页面元素隐藏的方法? css的高度塌陷是怎么引起得?
阅读全文
摘要:参考:vue2和vue3的区别 总结:1)Vue3支持碎片(Fragments),就是说在组件可以拥有多个根节点。 2)vue2实现响应式用Object.defineProperty,vue3使用Proxy vue2的响应式数据写在data中,vue3用reactivity API创建。 *使用以下
阅读全文
摘要:GET和POST是HTTP请求的两种基本方法,要说它们的区别,接触过WEB开发的人都能说出一二。最直观的区别就是GET把参数包含在URL中,POST通过request body传递参数。你可能自己写过无数个GET和POST请求,或者已经看过很多权威网站总结出的他们的区别,你非常清楚知道什么时候该用什
阅读全文
摘要:》》vue项目的创建与开发、发布 》》输出题 html,css,js加载顺序及执行情况 》》自己整理的一定背的面试题 》》面试题记录 》》vue题目: 1、vue温故知新,不背 2、vue常见面试题 3、 vue2和vue3的区别 4、 组件封装的原则 5、补充:new Vue()做了什么(vue初
阅读全文
摘要:登录权限 我们给系统添加一个登录凭证叫"tocken",这个tocken在登录的时候通过接口请求将用户名和密码传给后端,后端在数据库中匹配成功后返回一个凭证,前端将tocken缓存起来,再调用接口时传给后端验证就建立了登录权限验证。 1.安装js-cookie npm i js-cookie 2.新
阅读全文
摘要:中文文档:Handbook - Apache ECharts api,可在搜索栏搜索感兴趣的字段、函数等,像vuex一样:Documentation - Apache ECharts 1、安装 npm i echart@5.1.2 2、使用 import * as echarts from "ech
阅读全文
摘要:中文文档:http://www.axios-js.com/ mock模拟请求响应: 1、安装 npm i axios 2、二次封装 3、编写请求文件
阅读全文
摘要:mockjs文档:http://mockjs.com/0.1/ mockjs示例:http://mockjs.com/examples.html# Mock.js 是一款模拟数据生成器,旨在帮助前端攻城师独立于后端进行开发,帮助编写单元测试。提供了以下模拟功能: 根据数据模板生成模拟数据 模拟 Aj
阅读全文
摘要:1、安装: npm i vuex (yarn add vuex) 2、使用: 1.新建store文件夹,在下面新建index.js文件,作为store文件的总出口。 2.在main.js文件中引入store文件夹,在vue中使用。 3.vue文件使用store 获取数据:this.$store.st
阅读全文
摘要:1. [Vue warn]: Error in render: "TypeError: Cannot read properties of undefined (reading 'state')" 原因:如果不是语法错误,可能的原因是vuex的版本不匹配 解决办法:安装合适版本的vuex。我改安装成
阅读全文
摘要:1.安装 npm install less less-loader --save-dev 若是报错说:Failed to resolve loader: less-loader,解决办法是用cmd,用cd指令定位到项目文件夹,再运行yarn add less-loader,就能安装成功了。 若是报错
阅读全文
摘要:1) 安装vue router npm i vue-router@3.2.0 2) 编写router文件 下图中Home是一个页面组件,routes里面定义路径对应的组件。 3)在main文件中全局引router 4)router-view放置在App.vue中,router-view位置的内容由路
阅读全文
摘要:1、安装环境,安装vue脚手架,初始化项目 1)安装nodejs(终端中指令:node -v能显示版本号即安装成功) 2)安装yarn(yarn优于npm) npm install -g yarn 3)安装脚手架(vue-cli) yarn global add @vue/cli(npm insta
阅读全文