Youthenen的博客

我们经常需要对操作次数进行限制，比如一次性的HTTP请求具体的需求：用户勾选任务之后，任务会慢慢消失做法：监听按钮的click事件，当发生点击时就改变样式（动画设置渐变消失），设置setTimeout 2s之后删除这个任务的节点。问题：在节点还没删除的时候，如果多次点击，就有可能会报这个错误。解决办法一：限制操作次数为1，在addEventListener中的最后一个option参数设置once为true，如下图所示。 let noneOnce = { once : tr

原因：一般这种报错都是因为选择器没有正确选择对象。场景：我这里是将slide事件绑定在container上而我在监听的时候一开始写的是slider.addEventListener,后面改成container就可以了。

问题：在用vue开发项目时，编译出现错误。错误原因：style标签的lang属性被我设置成了lang=""。修改：将lang=""直接去掉就可以。（lang属性，普通的style标签支持普通的样式，如果想要启用scss或less ,需要为style元素设置lang属性）...

一.创建vue项目打开控制台cmd，选择一个根文件夹，在下面输入vue create 项目名字之后出现这个界面，按下键选择Manually select features进入配置来到这个界面，按空格可以选中光标所在位置的配置；在这里，我选择了Router选择Vue的版本选择package.json二.element-plus使用注：Vue3.0使用element ui组件时，只能支持element-plus版本的。安装elemen-plus包：在vscode

当我们在做弹窗或者loading时，得让页面其他内容是不能点击的，这就是遮罩。让无宽高的盒子填满父容器，从而实现遮罩：设置top:0，left:0，right:0，bottom:0是让子盒子四边与父容器间距为0，而子盒子没有明确宽高，自然被拉伸到撑满整个父容器了。.child { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5)

错误截图错误原因应该是格式上少了或者多了空格；解决方案在package.json中填上红框所示的内容

今天在写ul下的li的cursor：pointer时，一直无效，别的css效果都可以，唯独这个不行。弄了很久，把ul移到白色的盒子时，发现是正常手指的。怀疑是被什么挡住了，于是设置了最外这个盒子login的z-index为999，发现在灰色部分就可以正常了。如图所示：...

水平方向居中:margin:0 auto;此时要记得设置宽度,设置了宽度之后auto才能平分剩下的宽度,从而实现居中.垂直方向居中:margin:auto 0;无效,因为垂直方向没有剩余空间这种概念.如图,设置无效垂直水平方向都居中:1.设置绝对定位和四个方向为0,margin:auto(单独设置top和left任意两个方向都不行)div{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto;

箭头函数用来简化函数定义语法的形式：() =>{ }当花括号中只有一句执行语句，且刚好是函数的返回值时，{}可以省略；当形参只有一个时，()可以省略例子：const result = item => item * 2;箭头函数与this关键字箭头函数不绑定this，箭头函数没有自己的this关键字如果在箭头函数中使用this，则this指向箭头函数定义位置中的thisfunction fn(){ console.log(this); return () => {

解构赋值按照一定模式，从数组中提取值，赋给变量数组解构允许我们按照一一对应的关系从数组中提取值，并赋给变量let [a,b,c] = [1,2,3];let [a,b,c,d] = [1,2,3]; //d为undefined对象解构属性匹配

文章目录什么是ES6？为何要学习ES6？ES6新增的语法let经典题目题目一题目二constvar、let、const的区别参考学习什么是ES6？ES的全称是ECMAScript,是由ECMA国际标准化组织制定的一项脚本语言的标准化规范。js就是基于ES标准创建的语言。ES6泛指2015年之后发行的版本。为何要学习ES6？变量提升增加程序运行的不可预测性语法过于松散ES6新增的语法letES6中新增的用来声明变量的。let声明的变量只在所处的块级有效，也就是说js新增块级作用域。

今天使用了navigator，发现根本不能跳转。后面查了文档发现，原来navigator中的open-type默认为navigate而navigate对应wx.navigateTo在文档API中路由找到相应介绍。这里说明navigator所跳转的页面不能是tabBar页面的路径（底部tabbar页面）若想要是tabBar页面，可以尝试用wx.switchTab(Object object)....

问题：我一开始是在官网下的node.js14.16.1版本，其中包含 npm 6.14.12。后面发现执行npm install之后，都没有生成package-lock.json文件，导致构建失败。解决方法：在资源管理器（文件夹）全盘搜索node，之后卸载干净所有有关的文件夹。再重新下载低版本的node，之后就正常了。安装的步骤之后在小程序的根目录下打开cmd，输入npm init进行初始化，一直按回车即可以。完成后会发现项目目录下多了一个package.json文件。这个文件是对mod

当一个元素浮动之后，它会被移出正常的文档流，然后向左或者向右平移，一直平移直到碰到了所处的容器的边框，或者碰到另外一个浮动的元素。 <style> * { margin: 0; padding: 0; } .left { background-color: blue; height: 30px; width: 100px;

微信自带的导航栏小程序有自带的导航栏，可以通过app.json中的window进行配置，在此为全局的顶部导航。自定义导航栏一.设置custom若需要自定义导航栏，即实现不同页面有不同标题，或者不同的顶部导航栏样式，则首先需要在app.json中的window添加"navigationStyle": "custom"。也可以把其他的navigationBar字段给删除，直接加custom。二.component接着可以通过自定义组件components来自定义。在小程序的根目录(即与app.

一、两种风格的云函数调用data里填写的是传递给云函数的参数，也就是先把小程序端的参数传递给云函数，然后云函数处理之后再返回res对象。之后通过this.setData({ result: JSON.stringify(res.result) })渲染到页面上。Callback 风格调用wx.cloud.callFunction({ // 要调用的云函数名称 name: 'add', // 传递给云函数的参数 data: { x: 1, y: 2, },

方法不带参数时直接用 input.οnclick=方法名 即可，不用加引号。 var height=window.innerHeight; var width=window.innerWidth; var input=document.createElement("input"); input.type="button"; input.value="你好"; document.body.appendChild(input); //方法不带参数