01 2021 档案

摘要:使用Vue实现todolist案例,如有不对敬请大佬多多指教 功能: 1、增加功能:在新增版块里面的输入框内输入数据,点击后面的“添加”按钮,将输入的数据添加到列表中,默认是未完成的 2、点击列表里面每一项后面的“完成”按钮,完成按钮会消失并且文字会出现删除线 3、在操作版块点击按钮,进行切换列表, 阅读全文
posted @ 2021-01-24 17:37 小小的少年 阅读(1712) 评论(0) 推荐(0)
摘要:作用:根据一组数组或对象的选项列表进行渲染。 语法: 情况1:v-for="当前循环到的元素 in 待循环的数据" :key="唯一值" 情况2:v-for="(当前循环到的元素,当前的索引) in 待循环的数据" :key="索引" vue中,循环的时候,key属性加不加不会报错,只是为了提高页面 阅读全文
posted @ 2021-01-23 19:59 小小的少年 阅读(1006) 评论(0) 推荐(0)
摘要:v-show指令 v-show指令是控制元素的display属性判断是否显示的,当v-show的属性值是true的时候,元素进行显示,否则是不显示 v-show是根据表达式的真假值切换元素的displayCSS属性(根据表达式得出的布尔值进行判断) v-if指令 v-if是通过控制标签是否存在于页面 阅读全文
posted @ 2021-01-23 19:14 小小的少年 阅读(1870) 评论(0) 推荐(2)
摘要:v-text指令 v-text指令是填充纯文本,简略写法就是插值表达式,不会存在闪动问题,插值表达式和v-text都可以使用表达式进行运算 v-html指令 v-html指令是填充HTML片段,简略写法是“{{{ }}}”,但是在Vue1.x之后的版本已经去除了 存在一定的安全问题,本网站内部的数据 阅读全文
posted @ 2021-01-23 18:36 小小的少年 阅读(1042) 评论(0) 推荐(0)
摘要:Vue2.x和VUe3.x是两条线路,都会进行迭代更新。 前端三大框架是:Vue、react和Angela,其中Vue最大的特点是双向数据绑定。 双向指的是视图和数据;dom将数据传递给Vue实例,Vue实例的属性会传递给dom vue的概述 vue.js是一套构建用户界面的渐进式框架,Vue采用自 阅读全文
posted @ 2021-01-23 16:00 小小的少年 阅读(135) 评论(0) 推荐(0)
摘要:querystring模块 在nodejs最终querystring模块适用于解析和格式化URL查询字符串的工具,查询字符串是值url后面带的参数 // 将内置模块进行导入 const querystring = require('querystring') // 将字符串转化成对象的形式进行输出 阅读全文
posted @ 2021-01-12 20:43 小小的少年 阅读(170) 评论(0) 推荐(0)
摘要:在使用内模块的时候需要先将所需的内置模块进行引入、 OS模块 在nodejs中OS模块提供了与操作系统相关的属性和方法 // 导入OS内置模块,必须先进行导入,否则无法使用 const os = require("os") // 根据操作系统生成对应的换行符 console.log(os.EOL); 阅读全文
posted @ 2021-01-11 21:19 小小的少年 阅读(337) 评论(0) 推荐(0)
摘要:运行js文件 在使用nodejs文件之前先确定本机电脑安装node是否成功,在运行命令中进行查看,代码是 node - v。启动运行命令 win+r门出入cmd,然后在命令窗口中输入node -v,如果在命令窗口中显示node的版本号表示安装成功 在运行nodejs文件的时候可以使用绝对路径也可以使 阅读全文
posted @ 2021-01-11 14:40 小小的少年 阅读(261) 评论(0) 推荐(0)
摘要:node.js介绍 相关网址: https://nodejs.org/zh-cn/ http://nodejs.cn/ Node.js 是一个开源与跨平台的JavaScript运行时环境。它是在浏览器外运行,它是一个事件驱动异步I/O单进程的服务端JS环境,基于Google的V8引擎,V8引擎执行J 阅读全文
posted @ 2021-01-11 14:10 小小的少年 阅读(115) 评论(0) 推荐(0)
摘要:①、v-text 填充纯文本 - 相比插值表达式更加简洁 - 不存在插值表达式的闪动问题 ②、v-html 填充HTML片段 - 存在安全问题 - 本网站内部数据可以使用,来自第三方的数据不可使用 ③、v-pre 填充原始信息 - 跳过表达式的编译过程,显示原始信息 在插值表达式中插入的是什么就直接 阅读全文
posted @ 2021-01-06 10:28 小小的少年 阅读(363) 评论(0) 推荐(0)
摘要:将数据编写完成,通过插值表达式输出到视图,在刷新的时候出现很短的源代码,如图: 指令v-cloak的作用就是用来解决浏览器在加载页面时因存在事件差而产生的闪动问题,她的原理是先隐藏文件挂载位置,处理渲染好后在显示最终结果。这个指令需要与css规则一起使用才可以 官方文档地址:https://cn.v 阅读全文
posted @ 2021-01-06 10:17 小小的少年 阅读(4409) 评论(0) 推荐(0)
摘要:一、插值表达式 插值表达式是vue框架提供的一中在HTML模板中绑定数据的方式,使用“{{变量名}}”方式进行绑定Vue实例中data的数据变量,会将绑定的数据实时的在视图(HTML)中显示出来。 插值表达式支持使用变量名称和部分js表达式以及三元表示式 <!DOCTYPE html> <html 阅读全文
posted @ 2021-01-06 09:28 小小的少年 阅读(183) 评论(0) 推荐(0)