暂时未有相关云产品技术能力~
暂无个人介绍
全排列,
【CSS3】
媒体查询技术
BOM操作
基础项目实用案例
js其他方法
jQuery补充
事件委托,数组去重
vue3(二)
vue3知识点(一)
vue项目打包
【vue2项目总结】——mixins 复用
【vue2项目总结】——相关功能
【vue2项目总结】—— vuex相关
【vue2项目总结】——动态渲染
【vue2项目总结】——路由相关总结
【vue2项目总结】——接口配置
【vue2项目总结】——路由配置
【vue2项目总结】——vant-ui的使用
正则表达式
js题解(四)
ES11,ES12,ES13
ES9,ES10
ES7,ES8
es6补充知识
es6相关知识
- 使用let,声明的变量仅在块级作用域内有效 - var命令声明的,在全局范围内都有效 - const声明一个只读的常量。一旦声明,常量的值就不能改变。 - const的作用域与let命令相同:只在声明所在的块级作用域内有效。 - let命令改变了语法行为,它所声明的变量一定要在声明后使用,否则报错。 - let不允许在相同作用域内,重复声明同一个变量。 - 什么时候用 let,什么使用用 const——如果不知道用什么的时候,就用 const
js相关题目
Vue Router 是 Vue.js 的官方路由。它与 Vue.js 核心深度集成,让用 Vue.js 构建单页应用变得轻而易举。功能包括: 嵌套路由映射 动态路由选择 模块化、基于组件的路由配置 路由参数、查询、通配符 展示由 Vue.js 的过渡系统提供的过渡效果 细致的导航控制 自动激活 CSS 类的链接 HTML5 history 模式或 hash 模式 可定制的滚动行为
vue是数据驱动视图更新的框架, 我们平时开发,都会把页面不同模块拆分成一个一个vue组件, 所以对于vue来说组件间的数据通信非常重要,那么组件之间如何进行数据通信的呢? 首先我们需要知道在vue中组件之间存在什么样的关系, 才更容易理解他们的通信方式。 一般我们分为如下关系: 父子组件之间通信 非父子组件之间通信(兄弟组件、隔代关系组件等)
产生原因 跨域是是因为浏览器的同源策略限制,是浏览器的一种安全机制,服务端之间是不存在跨域的。 所谓同源指的是两个页面具有相同的协议、主机和端口,三者有任一不相同即会产生跨域。
对于vue中的过渡与动画,官网上是这样概述的: Vue 在插入、更新或者移除 DOM 时,提供多种不同方式的应用过渡效果。包括以下工具: 在 CSS 过渡和动画中自动应用 class 可以配合使用第三方 CSS 动画库,如 Animate.css 在过渡钩子函数中使用 JavaScript 直接操作 DOM 可以配合使用第三方 JavaScript 动画库,如 Velocity.js 简言之:vue动画就是 操作 css 的 trasition 或 animation vue 会给目标元素添加/移除特定的 class
vuex是什么? 官方给出的解释是: Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 看完官方解释后,你可能对状态管理模式很疑惑,对于状态管理模式,官方给出了详细的解释。 这个状态自管理应用包含以下几个部分: 状态,驱动应用的数据源; 视图,以声明方式将状态映射到视图; 操作,响应在视图上的用户输入导致的状态变化。
在组件编译过程中,有时候不能确定组件内不确定具体要写什么,这时候就需要插槽,插槽是什么?在官方文档中是这样定义的 插槽(slot)是 vue 为组件的封装者提供的能力。允许开发者在封装组件时,把不确定的、希望由用户指定的部分定义为插槽。 其实插槽就是子组件中的提供给父组件使用的一个占位符,用 表示,父组件可以在这个占位符中填充任何模板代码,如 HTML、组件等,填充的内容会替换子组件的标签。
v-if 是“真正”的条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。 v-if 也是惰性的:如果在初始渲染时条件为假,则什么也不做——直到条件第一次变为真时,才会开始渲染条件块。 相比之下,v-show 就简单得多——不管初始条件是什么,元素总是会被渲染,并且只是简单地基于 CSS 进行切换。
vue中出现这种错误导致这种错误产生的原因是在选项 property 或回调上使用箭头函数 created: () => console.log(this.a) 或 vm.$watch('a', newValue => this.myMethod()) 1 2 因为箭头函数并没有 this,this 会作为变量一直向上级词法作用域查找,直至找到为止
收集表单数据: 若:<input type="text"/>,则v-model收集的是value值,用户输入的就是value值。 若:<input type="radio"/>,则v-model收集的是value值,且要给标签配置value值。 若:<input type="checkbox"/> 1.没有配置input的value属性,那么收集的就是checked(勾选 or 未勾选,是布尔值) 2.配置input的value属性: (1)v-model的初始值是非数组,那么收集的就是checked(勾选 or 未勾选,是布尔值) (2)v-model的初始值是数组,那么收集的的就是valu
事件修饰符 prevent 阻止默认事件(常用) stop 阻止事件冒泡 once 事件只触发一次 capture 使用事件的捕获模式 self 只有 event.target 是当前操作的元素才触发事件 passive 事件的默认行为立即执行,无需等待事件回调执行完毕
文章目录 引入 post请求 get请求 实例
介绍 安装 渲染模板 语法 标准语法 原始语法 输出 原文输出 条件 循环 变量 模板继承 子模版 过滤器 和express结合使用 安装 例子 使用步骤
初始化路由模板 数据库和前端页面交互 编写注册的后台接口 先连接数据库 和前台进行数据交互 文章的后台接口 先查询所有的文章内容 发文章 一些验证方法 邮箱验证 用户名随机生成
文章目录 启动 Mongoose 操作 字段类型 CURD 增加 插入一条 插入多条 删除 删除一条 删除多条 更新 更新一条 更新多条 查询 查询一条 查询多条 启动 以 mongodb 中 bin 目录作为工作目录,启动命令行 运行命令 mongod Mongoose
简介 什么是模板化 将一个复杂的程序文件依据一定规则(规范)拆分成多个文件的过程称之为 模块化 好处 下面是模块化的一些好处: 防止命名冲突 高复用性 高维护性 暴露数据 如何暴露两种方式
fs模块 文件写入 writeFile 异步写入 writeFileSync 同步写入 appendFile / appendFileSync 追加写入 createWriteStream 流式写入 文件读取 readFile 异步读取 readFileSync 同步读取 createReadStream 流式读取 文件移动与重命名 文件删除 文件夹操作 mkdir 创建文件夹 readdir 读取文件夹 rmdir 删除文件夹 查看资源状态 path模块
项目介绍 利用原生js实现,主要分为三个部分。 导入图片 定义层级数 格式 第一部分为格式的生成,定义层数,行数,列数,元素组数以及图片数组,动态生成div,把利用模板字符串图片插入到动态生成的div里,再利用随机数打乱排列。
解构赋值 1. 数组的解构赋值 2. 对象的解构赋值 3. 字符串的解构赋值 4. 数值和布尔值的解构赋值 ES6 字符串的扩展 1. 模板字符串 2.String.raw() 3.实例方法:padStart(),padEnd() ES6 函数的扩展 1. 函数参数的默认值 2.与解构赋值默认值结合使用 3. 函数的 length 属性 4. rest 参数 5. 箭头函数 ES6 数组的扩展
DOM DOM获取元素 事件三要素 鼠标事件 元素改变 修改属性 表单属性设置 元素样式改变 通过class类名改变 排他思想 获取自定义属性 父节点操作 子节点操作 兄弟节点 创造和添加节点 删除节点 复制节点 注册事件 删除事件 阻止默认行为 阻止事件冒泡 事件委托 常用鼠标事件 键盘事件 BOM事件 页面加载 调整窗口事件 定时器 停止计时器 Location对象 History对象 Offsetleft获取元素偏移 Offset与style的区别 可视区client系列 滚动scroll系列 Mouseover和mousenter区别 动画原理 实现 动画封装 给不同对象添加定时器
为什么学习JS JavaScript 是 web 开发者必学的三种语言之一: HTML 定义网页的内容 CSS 规定网页的布局 JavaScript 对网页行为进行编程如何使用 在 HTML 中,JavaScript 代码必须位于 标签之间。
媒体查询(Media Query)是CSS3新语法。 使用@media查询,可以针对不同的媒体类型定义不同的样式 @media可以针对不同的屏幕尺寸设置不同的样式 当你重置浏览器大小的过程中,页面也会根据浏览器的宽度和高度重新渲染页面 目前针对很多苹果手机、Android手机,平板等设备都用得到媒体查询
CSS3 弹性盒( Flexible Box 或 flexbox),是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。 引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间