- 博客(24)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 css使用滤镜实现网页黑白效果
如果需要使用vuex存储该变量，那么控制当前变量的组件，v- model所绑定的值，同时需要从vuex中获取。我在vuex中，存储了是否需要黑白显示的变量。在修改该变量的时候，记得要同步修改vuex中的值。以下代码直接给页面的html或body添加css样式，均可以实现网页的黑白效果。在vue项目中，可以在app.vue页面中。判断当前是否需要显示黑白页面。
2023-09-25 18:26:33
208
1
原创 vue实现全屏，组件screenfull的使用
screenfull是vue的一个全屏组件。可以实现全屏展示与正常展示的切换。2、创建一个空文件screenfull_save.vue，用于封装 screenfull组件。3、在需要展示全屏显示的页面，引入组件。1、在vue项目中安装组件。
2023-09-21 15:08:22
623
原创 elementUI组件el-scrollbar的使用
设置好包裹内容容器的高度之后，当容器中内容的高度超过了容器的高度，el-scrollbar组件自动出现滚动条。在使用el-scrollbar时，需要为包裹内容的盒子，设置高度，(：组件el-scrollbar用于替换浏览器原生滚动条。)以上三种高度都可以。
2023-09-21 15:00:19
1100
原创 javaScript的回调函数、Promises对象、async与await（详解）（更新中……）
JavaScript是单线程语言，一次只能完成一个任务，如果有多个任务就必须插队执行，在执行完前一个任务后，再执行后一个任务。这种模式虽然实现起来比较简单，但是只要一个任务耗时过长，后面的任务就要排队，会拖延整个程序的运行。为了解决这个问题，JavaScript将任务的执行模式分成两种：同步执行与异步执行。其实从本质上说，回调函数并不是异步操作。在早期的JavaScript中，只支持定义回调函数来表明异步操作完成。串联多个异步操作是一个常见的问题，通常需要深度嵌套的回调函数来解决(俗称：回调地狱)。
2023-04-07 17:44:05
261
原创 WebStorage的使用
localStorage和sessionStorage属性，是允许在浏览器中存储key/value数据的。localStorage是永久存储机制，sessionStorage是会话级存储。sessionStorage只存储会话数据，在关闭浏览器是，数据自动清除。setItem(name, value)：设置给定 name 的值。removeItem(name)：删除给定 name 的名/值对。getItem(name)：取得给定 name 的值。key(index)：取得给定数值位置的名称。
2023-01-08 17:04:44
62
原创 keep-alive及其生命周期的使用
如果需要每次进入页面时，都执行一些方法，可以在最外层包裹一层这样每次进入页面就会执行你想执行的方法，如果只需要执行一次，那么放在mounted中，不失为一种很好的选择。router-view也是一个组件，如果直接包含在keep-alive里面，那么所有路径中，符合匹配的都会被缓存。用法与缓存组件相同。当引入keep-alive 的时候，页面第一次进入，钩子函数的触发顺序：created。也不会出现在组件的父组件链中。keep-alive的作用是缓存组件内部状态，避免重复渲染。
2023-01-08 16:29:24
1167
原创 continue 、break的用法
continue和break的特性，可以让我们在工作总更好的做判断，比如后端返回的数据中，有些字段是没有的，但是要找到有这个字段的数据去做一些事情，这个时候用continue就是很好的。continue用于跳过循环的当前迭代，直接进入下一个迭代。break结束当前循环。
2022-11-21 01:44:01
295
原创 JS的逻辑运算符，与&&、或||、非!，短路运算
&的逻辑是，运算符前面的内容为true时，执行运算符后面的代码。如果运算符前面的内容为false，那么直接打断代码的执行。比如点击图片跳转链接的需求，有的图片后端配了链接，有的则没有链接。||的逻辑是，运算符前面的内容为false时，执行运算符后面的代码。如果运算符前面的代码为true，那么直接打断代码的执行。两边都是true返回true，有一个是false就返回false。对符号两边的值进行‘与’运算，并返回结果。对符号两边的值进行‘或’运算，并返回结果。同假则假，一真则真。假的变真的，真的变假的。
2022-11-20 01:32:21
794
2
原创 Mac安装nvm node管理工具
nvm是node管理工具，在项目开发中经常遇到node版本过高或过低的问题。这时利用nvm就可以很好的解决这个问题。
2022-11-12 02:11:52
820
原创 微信小程序跳转第三方H5的方法
项目中大部分时候，需要链接拼接token进行跳转，那么在封装好接口之后用以下方式跳转。请求token的页面绑定点击事件用wx.navigateTo进行跳转。首先建立一个新的页面，这个页面就是为了第三方H5页面准备的。在需要点击跳转第三方页面的地方，js文件中用以下代码实现跳转。以上代码就实现了跳转第三方链接/H5页面。在index.wxml中，写以下代码。使用web-view标签进行跳转。在index.js中，写一下代码。
2022-11-12 01:50:13
8049
原创 Vue2模板语法
Vue 使用基于 HTML 的模板语法，使我们能够声明式地将其组件实例的数据绑定到呈现的 DOM 上。所有的 Vue 模板都是语法层面合法的 HTML，可以被符合规范的浏览器和 HTML 解析器解析。
2022-09-21 18:04:32
187
原创 git怎么用
首先说说git是什么, git是分布式版本控制系统，可以有效、高速地处理从很小到非常大的项目版本管理。公司一般用GitLib，国企一般用SVN多一些。但是万变不离其宗，就那些指令。刚进公司，第一次见到项目，会给你一个地址，这时候要做第一次的克隆代码（每天早上去了公司，做的第一件事就是。保证自己本地的代码和远程的一致，所以要用到这个指令的。，所以开始下面的指令。
2022-09-16 15:44:40
117
转载 vuex的使用
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。初学vuex，读完这段官方定义以后，黑人问号，感觉每个字都认识，但是合在一块了，好像就不理解了。好叭，让我们用大白话翻译一下。补充：官方文档定义一个概念的时候，的确是要做到表述凝练简洁，所以就会出现这样的定义概念略有晦涩的情况Vuex 是一个专为 Vue.js 应用程序开发的**状态管理模式**。
2022-09-13 20:45:59
1103
原创 js中的变量、作用域与内存
JS变量可以包含两种不同类型的数据原始值和引用值。原始值就是最简单的数据类型，即undefined、Null、Boolean、Number、String、Symbol。引用值则是由多个值构成的对象。原始值和引用值定义的方式很类似，都是创建一个变量然后对其赋值。但是变量保存了这个值之后，可以对这个值做什么就大不相同了。对于引用值而言，可以随时进行增删改查。引用值可以添加属性，在使用new关键字的时候，JS会创建一个Object类型的实例。原始值不能有属性，但是给原始值添加属性不会报错。.........
2022-07-18 16:35:27
119
原创 JS中的语句
if语句if语句是使用最频繁的语句之一。if（i>5）console.log(11)elseconsole.log(22)如果结果的表达式只有一句话，可以省略{}，for（constainwindow）{consolelog（a）}这个循环，会把window的所以属性都枚举一遍，因为对象是无序的，所以在枚举过程中不能保证其返回的顺序。for-of语句for-of语句用于遍历对象的元素，常用于数组的遍历。JS中的语句也称为流控制语句，JS的大部分语法都体现在语句中。...
2022-07-15 14:47:11
128
原创 JS的操作符
相等操作符等于和不等于（==，!来表示，逻辑与操作符是一种短路操作符，如果第一个操作数决定了结果，那么永远不会对第二个操作数求值（第一个是false，那么第二个无论是什么都不会执行）。指数操作符ES7新增的操作符，指数操作符用**表示，等同于Math.pwo（），指数操作符还有自己的指数赋值操作符**=减法操作符减法操作符用-表示，在运算中，JS会先将其他类型的变量，转换为数值类型，然后再进行计算。来表示，逻辑或也是一种短路的操作符，（第一个是true，那么第二个是什么都不会执行）。...
2022-07-15 14:19:53
203
原创 JS数据类型
这两个值不等同于数值，所以true不等于1，false不等于0.可以调用Boolean（）方法，将其他类型的值转为布尔值。null类型Null类型同样只有一个值，就是特殊值null，null值表示一个空对象指针，这也是为什么typeof传一个null会显式object的原因。在定义将来要保存对象值的变量时，建议使用null来初始化。undefined类型Undefined类型只有一个值，就是undefined，当使用var或let声明了变量但是没有初始化时，就相当于赋予了undefined值。...
2022-07-14 22:00:43
59
原创 三种声明变量
letlet关键字声明的范围是块级作用域，一个'{}'就被称为一个块级作用域。块外不能访问块内let声明的变量，块内也不能访问块外let声明的变量。在解析代码时，虽然JS能够注意到后来声明的let变量。但是在let声明之前使用该变量，依然会报错。varvar关键字声明的变量可以不用直接赋值=>varmessage可以在使用的时候再赋值。var关键字声明的变量，会变量提升，可以先使用，然后再声明。constconst关键字声明变量时必须同时初始化变量，且之后不可修改。...
2022-07-14 21:11:54
171
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人