摘要:
vue提供了v-on:事件绑定指令,用来辅助程序员为DOM元素绑定事件监听。 绑定事件 v-on:click="定义在vue中的方法" v-on:input="定义在vue中的方法" v-on:keyup="定义在vue中的方法" 定义在vue中的方法在与data同层级的 methods 里 met 阅读全文
摘要:
v-bind:指令 为元素的属性动态绑定值。 简写为英文 : 如果需要拼接字符串,则需要给字符串加引号。 阅读全文
摘要:
内容渲染指令: v-text 只能渲染纯文本内容,指令会覆盖元素内默认值 <p v-text="username">姓名:</p> //会把 姓名: 覆盖掉,只显示username {{}} 语法的专业名称是插值表达式 和v-text一样只能渲染纯文本内容,但是它可以解决 v-text 会覆盖默认文 阅读全文
摘要:
vue.js是一套用于构建用户界面(用vue向html页面中填充数据)的渐进式框架,也就是说我们可以由浅入深的、从简单到复杂的来使用这个框架。 vue.js的核心是一个允许使用简洁的模版语法,来声明式地将数据渲染进DOM的系统。 vue的优点: vue体积小,被压缩后只有33K 使用简单的命令加数据 阅读全文
摘要:
安装webpack插件的作用 通过安装和配置第三方插件,可以拓展webpack的能力,从而让webpack用起来方便。最常用的webpack插件有如下两个: webpack-dev-server 类似于node.js阶段用到的nodemon工具 每当修改了源代码,webpack会自动进行项目的打包和 阅读全文
摘要:
webpack的默认约定 在webpack4.x和5.x的版本中,有如下的默认约定: 默认的打包入口文件为src->index.js 默认的输出文件路径为dist->main.js ⚠️可以在webpack.config.js中通过entry和output来修改打包的默认约定。 在webpack.c 阅读全文
摘要:
实际前端开发应遵守: 模块化(js的模块化(把可复用的js方法或者功能抽取出来形成一个独立的js文件)、css的模块化、资源的模块化) 组件化(复用现有的U I结构、样式、行为) 规范化(目录结构的划分、编码规范化、接口规范化、文档规范化、git分支管理) 自动化(自动化构建、自动部署、自动化测试) 阅读全文