- 博客(11)
- 收藏
- 关注
原创 Vue组件化 的理解
定义:组件是什么?组件是可复用的Vue实例,准确来说,组件是Vue component 的实例,继承自vue。优点:组件的优点?组件可以提高代码的可复用性、可维护性、可测试性。应用:什么时候使用组件?换言之,组件的分类?第一类:通用组件,如:按钮、输入框组件等第二类:业务组件,如:登录组件、轮播图组件等,用于完成具体的业务。第三类:页面组件,如:商品列表页组件、详情页组件等,需要时在不同的页面组件之间切换。基本使用:组件的定义、通信、内容内发?1 组件定义: Vue.component(‘
2021-10-21 10:48:17
206
原创 浏览器的组成和工作原理
浏览器的工作原理1、User Interface 用户界面,我们所看到的浏览器。2、Browser engine 浏览器引擎,用来查询和操作渲染引擎。3、Rendering engine 用来显示请求的内容,负责解析HTML、CSS。4、Networking 网络,负责发送网络请求。5、JavaScript Interpreter(解析者) JavaScript解析器,负责执行JavaScript的代码。6、UI Backend UI后端,用来绘制类似组合框和弹出窗口。7、D
2021-10-08 15:42:22
182
原创 HTTP状态码
在HTTP1.1协议下,HTTP状态码总共可分为5大类分别以1~5五个数字开头,由3位整数组成具体的Http状态码分别以1~5五个数字开头,由3位整数组成1xx:信息响应类,表示接收到请求并且继续处理2xx:处理成功响应类,表示动作被成功接收、理解和接受3xx:重定向响应类,为了完成指定的动作,必须接受进一步处理4xx:客户端错误,客户请求包含语法错误或者是不能正确执行5xx:服务端错误,服务器不能正确执行一个正确的请求具体的Http状态码100——客户必须继续发出请求101——客户要求服
2021-09-02 09:07:24
153
原创 Vue cli脚手架生成的项目结构
Vue cli脚手架生成的项目结构 node_modules: 依赖包目录 public: 静态资源目录 src: 源码目录 src/assets: 资源目录 src/components: 组件目录 src/views: 视图组件目录 src/App.vue: 根组件 src/main.js: 打包入口js文件 src/router.js: 路
2021-07-12 11:12:28
61
原创 基于vue cli 脚手架创建Vue项目
基于vue cli 脚手架创建Vue项目使用命令行 创建Vue项目 命令:vue create my-project(勾选特性可以用空格进行勾选。)选择Manually select features(选择特性以创建项目),是否选用历史模式的路由:nESLint选择:ESLint + Standard config何时进行ESLint语法校验:Lint on savebabel,postcss等配置文件如何放置:In dedicated config files(单独使
2021-07-12 11:10:34
74
原创 webpack安装和基本配置的步骤
webpack安装和基本配置的步骤:安装webpack创建并配置webpack.config.js修改项目中的package.json文件运行dev命令进行项目打包
2021-07-12 10:59:02
66
原创 vue-router的使用步骤
vue-router的使用步骤1. 导入文件2. 添加路由链接3. 添加路由占位符4. 定义路由组件5. 配置路由规则并创建路由实例6. 将路由实例挂载到根vue实例中1. 导入文件<script src="./lib/vue_2.5.22.js"></script><script src="./lib/vue-router_3.0.2.js"></script>2. 添加路由链接3. 添加路由占位符<div id="app">
2021-07-06 21:06:46
74
原创 Vue.js is detected on this page. Devtools inspection is not available becaus...的解决方法
Vue.js is detected on this page. Devtools inspection is not available becaus…【的详细解决方法】问题描述:在已经下载Vue的Devtools工具之后,初次使用发现报错信息:Vue.js is detected on this page.Devtools inspection is not available because it’s in production mode or explicitly disabled b
2021-05-14 10:51:43
11945
原创 求数组最大值 |apply方法
求数组最大值常规方法简单代码方法运行结果分析总结常规方法for循环遍历数组求最大值var arr = [1, 23, 4, 5, 6, 7, 99, 8]; var max = arr[0]; for (var i = 1; i < arr.length; i++) { if (max < arr[i]) { max = arr[i]; } } c
2021-04-13 10:57:56
643
原创 DOM核心重点 | 学习总结
DOM核心重点 | 学习总结DOM接口简介改变HTMLDOM操作创建元素添加元素删除元素改变元素查找元素属性操作事件操作DOM接口简介文档对象模型(Document Object Model,简称 DOM),是W3C组织推荐的 用于处理可扩展标记语言(如:HTML、XML)的标准编程接口。W3C已经定义了一系列的DOM接口,通过这些DOM接口可以改变网页的内容、结构、样式。改变HTML对于HTML,DOM使得html形成一颗DOM树,包括:文档document、元素element、节点node。
2021-04-02 14:22:56
340
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人