摘要: 1.1 网站的组成 网站应用程序主要分为两大部分:客户端和服务器端。 客户端:在浏览器中运行的部分,就是用户看到并与之交互的界面程序。使用HTML、CSS、JavaScript构建。 服务器端:在服务器中运行的部分,负责存储数据和处理应用逻辑。 1.2 Node网站服务器 能够提供网站访问服务的机器 阅读全文
posted @ 2021-10-30 20:48 codejing 阅读(134) 评论(0) 推荐(0) 编辑
摘要: 什么是计算属性? 计算属性是指通过一系列运算之后,最终得到一个属性值。这个动态计算出来的属性值可以被模版结构或methods方法使用。 计算属性的好处: 只要计算中依赖的数据源变化了,则计算属性会自动重新求值。可以用来实现代码的复用 计算属性的特点: 计算属性以方法的格式定义到与data同层级的co 阅读全文
posted @ 2021-10-07 09:50 codejing 阅读(178) 评论(0) 推荐(0) 编辑
摘要: Gulp是基于node平台开发的前端构建工具,作用是将机械化的操作编写成任务,想要执行机械化操作时,执行一个命令行命令任务就能自动执行了。用机器代替手工,提高开发效率。 Gulp能做以下的事情 项目上线,HTML、CSS、JS文件压缩合并 语法转化(es6转换为es5 ,虽然es6已经出现了很长一段 阅读全文
posted @ 2021-10-06 12:26 codejing 阅读(89) 评论(0) 推荐(0) 编辑
摘要: watch侦听器允许开发者监视数据变化,从而针对数据的变化做特定的操作。 侦听器是定义在watch节点下的。 侦听器本质上是一个函数,函数名是要监听的数据名,当数据发生变化时就触发这个侦听器。 侦听器有两种格式: 方法格式的侦听器 对象格式的侦听器 方法格式的侦听器: <input type='te 阅读全文
posted @ 2021-10-06 00:50 codejing 阅读(185) 评论(0) 推荐(0) 编辑
摘要: 过滤器是为vue开发者提供的功能,常用于文本的格式化,过滤器本质上是一个函数,可以用在两个地方:插值表达式和v-bind属性绑定。过滤器仅在vue2.x和vue1.x中受支持,在vue3.x的版本中剔除了过滤器相关功能。 在企业级项目开发中,如果使用的是vue2.x版本的vue,则依然可以使用过滤器 阅读全文
posted @ 2021-10-05 21:50 codejing 阅读(716) 评论(0) 推荐(0) 编辑
摘要: 今天在开发的过程中,遇到了数组的filter方法,有很多需要记住的小细节,进行以下总结。 filter翻译成中文是过滤器的意思,也就是说这个方法可以帮助我们过滤掉一些不符合条件的数组。在实际开发过程中,我们可以利用这个数组进行删除操作。 filter方法的语法: array.filter(funct 阅读全文
posted @ 2021-10-04 23:31 codejing 阅读(2019) 评论(0) 推荐(0) 编辑
摘要: vue 提供了v-for列表渲染指令,用来辅助开发者基于一个数组来循环渲染一个列表结构。v-for指令需要使用item in items形式的特殊语法。其中,items是待循环的数组,item是被循环的每一项。 v-for指令还支持一个可选的第二参数,即当前项的索引,语法格式为:(item,inde 阅读全文
posted @ 2021-10-04 17:26 codejing 阅读(172) 评论(0) 推荐(0) 编辑
摘要: 条件渲染指令是用来辅助开发者控制DOM的显示与隐藏。条件渲染指令有如下两个,分别是: v-show v-if v-show和v-if的区别: v-show是通过动态的为元素添加或移除display:none来进行显示与隐藏。如果需要频繁切换元素的显示状态,用v-show性能会更好。 v-if是通过动 阅读全文
posted @ 2021-10-04 15:00 codejing 阅读(680) 评论(0) 推荐(0) 编辑
摘要: 事件修饰符 在事件处理函数中调用event.preventDefault()或event.stopPropageation()是非常常见的需求。因此vue提供了事件修饰符的概念,来辅助程序员更方便的对事件的触发进行控制。例如:@click.prevent = "方法" 常用的2个事件修饰符如下: 事 阅读全文
posted @ 2021-10-04 14:36 codejing 阅读(71) 评论(0) 推荐(0) 编辑
摘要: vue提供了v-model双向数据绑定指令,用来辅助开发者在不操作DOM的前提下,快速获取表单的数据。 v-model指令与能在页面上进行修改的表单元素(例如:input textarea select)一起使用才有意义,不与 div p 等标签一起使用。 阅读全文
posted @ 2021-10-04 14:19 codejing 阅读(39) 评论(0) 推荐(0) 编辑