shencailing-CSDN博客

原创 3、js 移动端网页特效：touch触摸事件 ,回到顶部

js 移动端网页特效：touch触摸事件 ,回到顶部

2022-08-23 14:04:00 545 1

原创笔记2、JS：DOM 和 BOM的区别；BOM：浏览器对象模型；onload、resize、setTimeout、location、offset、动画、本地存储

DOM 和 BOM的区别；BOM：浏览器对象模型；onload、resize、setTimeout、location、offset、动画

2022-08-22 09:59:10 487

原创笔记1、JS:基础 + Web APIs 获取元素 document.querySelector DOM事件流：冒泡阶段附加： javascript:；

获取元素 document.querySelector DOM事件流：冒泡阶段附加： javascript:；

2022-08-12 15:32:53 780

原创十一、 store

什么时候用：多个界面间的共享：比如登录状态、用户的头像

2022-07-30 09:16:52 782

const let var一、const let var 使用场景和修改1.1 var1.2 let1.3 const二、使用优先级一、const let var 使用场景和修改1.1 varvar是最早学到的，var 不太使用。1、预解析//在声明前也不会报错console.log(a); //undefinedvar a = 6;2、在循环体外面也是可以使用的1.2 let1、不会预解析2、不可以重复的定义,let a = 0;...let a

2022-05-28 11:21:16 138

原创一、js 数据类型；二、深拷贝和浅拷贝

深拷贝和浅拷贝的区别一、 js 数据类型1.1 基本数据类型1.2 引用数据类型二、深拷贝浅拷贝2.1 浅拷贝的方法2.1.1 `slice`2.1.2 `assign`2.1.3 `concat`2.2 深拷贝一、 js 数据类型1.1 基本数据类型1、字符串（String）类型；2、数字（Number）类型；3、布尔（Boolean）类型；4、空（Null）类型；5、未定义（Undefined）类型；6、Symbol类型。1.2 引用数据类型1、对象（Object

2022-05-28 10:16:44 82

原创 element ui中：1、 table 多选，可以实现翻页多选；选项限制条件，是否可以选择：:selectable 2、table翻页序号

table 多选，可以实现翻页多选一、element ui 官网地址二、自己项目代码实现2.1 `:row-key="getRowKeys"` 要写2.2 ` :reserve-selection="true"` 写上2.3 `:selectable="checkCpMoreSelectable"`控制当前行是不是可以选2.4 注意清选中的样式表格代码：一、element ui 官网地址参考地址二、自己项目代码实现2.1 :row-key="getRowKeys" 要写 //渲染

2022-05-17 16:09:31 648

原创 scss 在项目中的模块化、scss的使用

scss一、在对应目录下创建文件夹二、对应文件的内容三、在main.js 中引入 index.scss四、全局引入（如variable.scss文件）一、在对应目录下创建文件夹二、对应文件的内容三、在main.js 中引入 index.scssimport "@/assets/scss/index.scss";四、全局引入（如variable.scss文件）在vue.config.js中引入：module.exports = { css: { load

2022-04-04 16:09:00 1642

原创 sass 版本太高导致api不兼容

sass 报错报错信息 ERROR Failed to compile with 1 error 上午10:45:42

2022-04-04 10:54:56 490

原创 vue3项目新建有好多格式的警告:`Delete ␍ eslintprettier/prettier` `missing return type on function`

一、安装好后代码中有很多警告警告1：警告： Delete ␍ eslintprettier/prettier修复：npm run lint --fix警告2：警告：missing return type on function修复：在 .eslintrc.js 文件里面添加："rules": { "@typescript-eslint/explicit-module-boundary-types": "off" },...

2022-04-04 10:38:02 1273

原创十、过渡动画一、基础， 1.1 过渡： transition；1.2 变形 transform；1.3动画 animation；二、vue动画贝塞尔曲线

过渡动画一级目录二级目录三级目录一级目录二级目录三级目录

2022-04-01 09:28:01 1007

原创九、Vue 组件

组件一、解析 DOM 模板时的注意事项：1.1 元素位置受限1.2 大小写不敏感二、通过`prop`向子组件传递数据2.1 props2.2 Prop验证一、解析 DOM 模板时的注意事项：解析 DOM 模板时的注意事项网址1.1 元素位置受限1.2 大小写不敏感比如：<ceshi-zujian> </ceshi-zujian>二、通过prop向子组件传递数据2.1 props网址2.2 Prop验证网址............

2022-03-08 13:49:51 468

原创八、表单输入绑定修饰符.lazy .trim .number

表单输入绑定一、基础用法官方参考文档一、基础用法可以看官方举得例子：复选框 checkbox单选框 radio选择框 select

2022-03-07 15:57:46 102

原创七、 Vue学习事件处理

事件处理一、事件处理1.1 事件修饰符一、事件处理1.1 事件修饰符官方参考网址

2022-03-07 08:34:14 155

原创五、Vue学习 Class 和 Style 绑定

官方参考网址

2022-03-05 15:30:13 220

原创六、Vue学习条件渲染列表渲染

这里写目录标题一、条件渲染二、列表渲染2.1 数组更新检测2.1.1 会改变数组2.1.2 显示过滤/排序后的结果2.1.2.1 计算属性实现==2.1.2.2 计算属性不适用的情况下，如下：====2.1.3 在template 中使用v-for====2.1.4 在组件上使用 v-for==一、条件渲染注意不要将 v-if 和v-for 放在同一个元素使用可用 template 修正：<template v-for="todo in todos" :key="todo.nam

2022-03-05 15:08:18 223

原创四、Vue 计算属性和侦听器

这里写目录标题一、计算属性二、侦听器2.1 普通监听方式2.1.1 监听一个变量的值变化2.1.2 监听一个对象中的单个属性值的变化2.2、深度监听2.2.1 immediate2.2.2 deep一、计算属性存在缓存：计算属性只会在相关响应式依赖发生改变时重新求值即：多次调用并且值没有变化计算属性只会调用一次；计算属性有变化时才会再一次调用二、侦听器介绍在watch中对一个单独变量、对象中的某个属性、对象整体的监听的一般方法，以及深度监听的方法定义：watch侦听器允许开发者监

2022-03-05 13:44:10 392

原创笔记二、Vue学习模板语法

这里写目录标题一、插值1.1 文本插值： “Mustache” (双大括号)==1.2 使用 JavaScript 表达式==二、指令2.1 参数2.2 动态参数2.3 修饰符模板语法官方网址一、插值1.1 文本插值： “Mustache” (双大括号)<p> Message: {{ txt }}</p>1.2 使用 JavaScript 表达式{{ number + 1 }}{{ ok ? 'YES' : 'NO' }}{{ message.split(''

2022-03-05 09:24:46 77

原创 ES6 Module语法: export 与 export default

这里写目录标题一、export 与 export default注意：export default命令其实只是输出一个叫做default的变量，所以它后面不能跟变量声明语句，如下：一、export 与 export default// 第一组export default function crc32() { // 输出 // ...}import crc32 from 'crc32'; // 输入// 第二组export function crc32() { // 输出 // ...

2022-02-14 09:43:04 583

原创 promise async await

这里写目录标题一、定义二、什么时候使用三、Promise的三种状态四、链式调用4.1考虑的是每层都是正确的情况4.2 有一层出现错误（reject）的写法五、promise.all 的使用（1）写法1（2）写法2下面的方法会简洁一点：六. async/await七、async await 的错误处理方法7.1 then - catch7.2 try - catch7.3 then - catch 结构赋值7.4 封装 then - catch 结构赋值一、定义ES6中重要和好用的特性是异步编程的一

2022-02-13 14:35:40 221

原创 javaScript 函数

javaScript 函数1、函数的概念1.1 利用函数关键字自定义函数（命名函数）1.2 函数表达式(匿名函数)2、函数的使用3、函数的参数（形参、实参）3.1 函数形参和实参匹配问题个数匹配问题：4、函数的返回值 return5、arguments的使用案例：1、利用函数求任意个数的最大值2、利用函数封装方法，翻转任意一个数组3、封装一个冒泡排序1、函数的概念定义：函数就是封装了一段可被重复调用执行的代码块，通过此代码块可以实现大量代码的重复使用声明函数：1.1 利用函数关键字自定义函数

2022-01-19 09:55:16 79

原创 javaScript 数组

javaScript 数组1、数组（Array）的概念2、创建数组--数组的创建方式3、访问数组元素--数组的索引4、遍历数组案例4.1、求数组中的最大值（基础的方式）：4.2、数组转换为分割字符串5、数组中新增元素案例5.1 通过修改length长度新增数组元素以及索引号增加数组元素（最基础的）6、筛选数组方法6.1 筛选元素1（最基础的）6.2 筛选元素2（上面方法稍微修改）6.3 删除数组指定元素6.4 数组排序（冒泡排序）1、数组（Array）的概念数组是指一组数据的集合,其中每个数据被

2022-01-19 09:49:19 81

原创 JS基础运算符流程控制循环控制

JS基础2 变量案例3 boolean undefined null3.1 boolean true false4 数据类型转换4.1 转换为字符串型4.2 转换为数字型（重点）4.3 转换为boolean 型5、运算符5.1 算数运算符5.3 比较运算符5.4 逻辑运算符5.5 赋值表达式5.6 运算符优先级6 流程控制6.1 顺序流程控制6.2 分支流程控制6.2.1 if 语句6.2.2 三元表达式6.2.3 switch 语句6.3 循环流程控制6.3.1 for 循环（主要）6.3.2 wh

2022-01-19 09:47:50 157

原创 [ES6]2 字符串的扩展

字符串的扩展一、JS中有 indexOf二、includes()：返回布尔值，表示是否找到了参数字符串。startsWith()：返回布尔值，表示参数字符串是否在原字符串的头部。endsWith()：返回布尔值，表示参数字符串是否在原字符串的尾部。三、repeat()四、字符串补全长度的功能。padStart()用于头部补全，padEnd()用于尾部补全。4.1用途一：padStart()的常见用途是为数值补全指定位数。下面代码生成 10 位的数值字符串。4.2用途二：提示字符串格式五、trimStart

2022-01-19 09:28:54 62

原创 [ES6]1：解构赋值

解构赋值1、解构不仅可以用于数组，还可以用于对象。2、数组/对象不同：2.1 数组的元素是按次序排列的，变量的取值由它的位置决定；2.2 而对象的属性没有次序，变量必须与属性同名，才能取到正确的值。2.3 如果变量名与属性名不一致，必须写成下面这样3、类似数组的对象都有一个length属性，因此还可以对这个属性解构赋值。1、解构不仅可以用于数组，还可以用于对象。2、数组/对象不同：2.1 数组的元素是按次序排列的，变量的取值由它的位置决定；2.2 而对象的属性没有次序，变量必须与属性同名，才能取到正

2022-01-19 09:09:34 304

空空如也

空空如也