Heartnottowake的博客

这里arr是数组，当对象obj里面的id为++arr.length的时候，push对象就会在新增的时候加个empty占位，解决办法，将数组的长度提取出来，像下面这样就好了。

visible改成:visible.sync。

安装中报错，可以在后面加–legacy-peer-deps。

如果页面内容不展示，在App里面把component第一个小写。然后是index.js。

多用于分类列表，点击某个分类的某个选项，获取上级是哪个分类时，会用到代码可以粘贴看，在第5行的内部，渲染的是defaultList对象下的item下的dayItem里面的内容，这里我想点击dayItem选项的时候，同时获取item里面的number来确定是哪个类别的内容方法，在第5行同样定义个data-list=“{{item.number}}”，就可以获取是哪个类别，list是名称，item.number就是值...

plugins: [//plugins的配置new ESLintPlugin({//检测src下的文件context: path.resolve(__dirname, “…/src”),}),new HtmlWebpackPlugin({//模板：以public/index.html文件创建新的html文件//新的html文件特点：1,结构和原来一致 2，自动引入打包输出的资源template: path.resolve(__dirname, “…/public/main.html”),

1，这个报错先检查webpack配置文件的src路径，入口路径是相对路径2，路径没错就检查一下单词拼写

主进程给渲染进程发送消息，得用到ipcMain和ipcRenderer，流程和vue的父子通信很像1,渲染进程给主进程通信（异步）html里面定义一个按钮,并加载渲染进程渲染进程被加载，先获取按钮，然后定义一个点击事件，触发ipcRenderer.send发送消息给主进程主进程使用ipcMain.on进行监听，触发后打印this is Renderer2,主进程给渲染进程通信（异步）上面主进程已经接收到了渲染进程的消息，那么我们也要给渲染进程回个消息，说我们收到了同样的，我们在主进程使用e.send

禁用js-cs-html，重启就好了

文件目录：app.jsmock.js需要配置npm install expressnpm install mockjsapp.js文件如下：const express = require("express");const app = express();const data = require("./mock");const router = express.Router();app.get('/', (req, res) => { res.send({

1，进入natapp官网https://natapp.cn/2，点击客户端下载3，下载完解压，这里还需要配置一个文件叫config.ini这是文件内容，特别注意一下authtoken，待会需要把获取的authtoken替换xxx#将本文件放置于natapp同级目录 程序将读取 [default] 段#在命令行参数模式如 natapp -authtoken=xxx 等相同参数将会覆盖掉此配置#命令行参数 -config= 可以指定任意config.ini文件[default]authtok

踩坑1： onLoad: async function(options) { ..... this.setData({ topList: resultArr }) console.log(topList) }这里原本是想通过输出查看一下小程序的数据是否更新成功，然后出现报错，说topList isnot defined这个原因主要是如果想要访问data里面的数据应该是console.log(this.dat

overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; /*设置对其模式 */ -webkit-line-clamp: 2; /*设置多行的行数*/

首先先安装相关插件安装小程序助手安装wxml安装vscode wxml安装wechat-snippet安装完这4个，然后修改配置文件打开设置，右上角的图标点击修改配置文件在文件中添加这几段"files.associations":{ "*.wxml":"html", "*.wxss":"css" },保存，回到页面，发现已经全部高亮，至于调试，还是在微信小程序端，写代码放在了vscode...

1，api封装是为了简便的请求数据首先一般项目会有一个request文件，一个api文件和一个manager文件request这个文件主要设置响应头，请求拦截和请求响应的一些处理api文件是为了将所有的请求封装成一个方法，并暴露出来，让你的组件去调用manager是为了定义不同的请求方式出现了3个文件，如果组件调用，不可能调用3个文件，然后去一个一个处理，肯定是最后只调用api文件，依赖关系就是api文件调用manager(里面有请求方式），然后manager调用request（里面有请求拦截和

module.exports = {“env”: {“browser”: true,“es6”: true,“node”: true},“extends”: “eslint: recommended”,“parserOptions”: {“ecmaVersion”: 2015,“sourceType”: “module”},“rules”: {// 缩进“indent”: [“error”],“linebreak-style”: [“error”,“windows”],/

点击vscode左下角的设置图标，选择设置，搜索vetur,找到倒数第二个设置项template,将√去掉

因为服务器的SSL证书没有经过第三方机构的签署解除git的ssl验证，在控制台键入以下代码:git config --global http.sslVerify "false"然后再进行push就可以

使用表单新增数据，很多时候会在一个弹出框里面切换页面，这里面有坑清空表单数据无效，弹出第一次有效，切换页面后，取消按钮就无效了，也没办法清空数据，强制清空，让你的表单数据值等于null,或者直接this.addClassForm={}这样暴力清空，这样就能实现效果...

vue新增数据，传进数组后会随着后来更新的数据更新let templateF = JSON.parse(JSON.stringify(this.addClassForm))将数据经过处理后，不会再更新

indexOf(),lastIndexOf()和includes()方法indexOf()和includes()方法是从数组前开始向后搜索lastIndexOf()方法返回指定元素（也即有效的 JavaScript 值或变量）在数组中的最后一个的索引，如果不存在则返回 -1indexOf()和lastIndexOf()都要返回要查找的元素在数组中的位置，如果没找到就返回-1，includes()返回布尔值，表示是否至少找到一个与指定元素匹配的项，比较的时候是用全等去比较数组的每一项indexOf(

1，防抖就是一个周期内，如果触发了这个事件，就重新刷新这个周期，直到周期完成时周期内没有触发事件，就输出结果比如：我设置了一个防抖在一个按钮上，我防抖的周期设置了1秒，当我点击了按钮一下，过1秒，那么我的点击事件就触发，但是，如果我在点击一次之后，我继续猛点了几下，那莫，除最后一下点击后1秒后会触发，其他的点击都是无效的附上代码： <input type="text"> <script> var stabilization = (fn, nowTime)

1，创建画布 <canvas id="drawing" style="height:200px;width:200px;">a drawing of something.</canvas>2，先来一个小示例，创建一个贴图<script> let drawing = document.getElementById('drawing') //使用getContext获取绘图上下文，传入参数2d，可以获取2d上下文对象

1，JSON.parse方法用来解析JSON字符串，构造由字符串描述的JavaScript值或对象。JSON.parse('{}'); // {}JSON.parse('true'); // trueJSON.parse('"foo"'); // "foo"JSON.parse('[1, 5, "false"]'); // [1, 5, "false"]JSON.parse('null'); // null

vue2里面的全局事件总线1，在main.js文件里面调用生命周期函数beforeCreate在new.Vue实例中....beforeCreate(){Vue.propotype.$name = this //这个name是可以随便更改的，可以使用你想用的名字....2，在组件1中的methods创建一个函数调用，或者说在mounted里面直接调用，都可以this.$name.$emit('a'，'我是要在组件2显示的值')这里是使用你的全局事件总线 name 是使用 emit 触发

vue3，引入useStore的时候，没有加括号，报错Object(...) is not a function解决方法就是加上括号，细心细心，不然整个页面崩溃，查这个问题的时候，还有时候方法命名一样也会出现这个错误，请一定谨慎复查...

在app.vue中的style插入:-webkit-scrollbar { width: 0 !important; } ::-webkit-scrollbar { width: 0 !important;height: 0; }这样滚动条就全局隐藏了，如果有需求想要开启滚动条，可以使用下里面方法：overflow-x: scroll; white-space: nowrap;方法不错，纳入收藏...

git是一个强大的分布式版本控制系统，可以在不联网的情况下工作，随时随地上传下载。1，首先第一步是安装git，这里直接省略，因为安装很简单2，安装完成后，你可以在你需要存放项目的目录下，使用git init创建一个仓库，这时在目录下，会出现一个git文件夹，这就是git仓库3，仓库有了，存东西怎么存，这里使用：git add +文件名将文件进行打包，可以多次git add +文件名，添加你需要加入的文件，然后使用：git commit -m +说明commit就是司机一样，会帮你把文件

1，beforeCreate ：实例了Vue但还没有进行数据的初始化与响应式处理2，create :数据已被初始化和响应式处理，在这里可以访问到数据，也可以修改数据3, beforeMount :render函数在这里被调用，生成虚拟dom，但是还没转成真是DOM并替换到el4, mounted :在这里真实DOM被挂载完毕5，beforeUpdate : 数据更新后，新的虚拟dom生成，但是还没有跟旧虚拟DOM对比打补丁6，update :新旧虚拟DOM对比打补丁后，进行

1，v-text:更新元素的textContent2，v-html:更新元素的innerHTML3，v-show:根据表达式的真假值，切换元素的display,css,property,当条件变化是该指令触发过渡效果4，v-if:根据表达式的值的truthiness来有条件地渲染元素，在切换时元素及他的数据绑定/组件被销毁并重建，如果元素是，将提出它的内容作为条件块，当条件变化时该指令触发过渡效果5，v-else:前兄弟元素必须有v-if或v-else-if，类似js中的if else6，v-fo

1，lazy：改变输入框的值时value不会改变，当光标离开输入框是，v-model绑定的值value才会改变2，trim：把v-model绑定的值的首尾空格去掉3，number:将值转成数字，但是先输入字符串和先输入数字是两种情况，先输入数字的话，只取前面的数字部分，先输入字母的话，number修饰符无效4，stop：阻止冒泡5，capture:事件默认是由里往外冒泡，capture修饰符的作用是反过来，由外向里捕获6，once：事件只执行一次7，prevent:阻止默认事件（比如a标签的跳转

首先配置路由之前有文章写过https://blog.youkuaiyun.com/Heartnottowake/article/details/123856110不会配置的小伙伴可以跟着配置一下router/index.jsimport VueRouter from 'vue-router'import Vue from 'vue'import News from '../components/news'import list from '../components/List'Vue.use(VueRo

vue创建路由需要注意：如果使用的2.0版本的vue,那就使用3.0版本的vue-router使用的是3.0版本的vue，那就使用4.0版本的vue.router安装vue-routernpm install vue-router@3//我这里使用的是2版本的vue，所以用3版本的vue-router安装完后，配置main.jsimport Vue from 'vue'import App from './App.vue'import router from './router/index

今天自己引入vue-router的时候，发生了报错说router-link未定义，重新查看路由定义在router的子文件index.js中配置需要引入VueRouter并且需要注册，千万别忘，忘了就会出现这个错误import VueRouter from 'vue-router'//引入Vue.use(VueRouter)//注册...

兄弟组件之间的数据操作。。将子组件的数据放在父组件维护。。操作声明在父组件，传到另一个子组件就可实现兄弟组件间的数据操作方法1------------------------------------------------这是父组件，通过父组件定义一个数组list，传给组件1进行v-for渲染出来，定义一个方法用于删除元素，传给组件2<template> <div id="app"> 父组件 <hr> <Course :li

1，父传子这是父组件重点：父组件引用子组件，在子组件里面使用v-bind绑定，那么传过去的text就是就是data里面的值如果不适用v-bind，那传过去的就是msg="text"的text这个字符串，不会关联data数据<template> <div id="app"> 父组件 <hr /> <Course :msg="text"/> </div></template>&lt

SQL的SELECT语句1,查询语句SELECT * FROM 表名称 //表示查询表的所有数据SELECT 列名称 FROM 表名称 //表示查询表中某列的数据查询users表中的username, password两列数据SELECT username,password FROM users 2,INSERT INTO 语句用于想数据表中插入新的数据行INSERT INTO 表名称（列1，列2...）VALUES（'值1'，'值2'...）向users表中，插入一条us

今天使用uniapp设置底部导航，设置的icon不显示，一开始设置了一个文件夹存放图片，加载对应路径根本不显示，找了一圈，主要问题就是路径，图片资源需要放在static中，将路径改为static下的目录就可以正常显示了...

通过media可以对不同分辨率的界面进行响应不同的样式，怎么使用很多文章都有讲解，下面说说引入后通用样式失效的问题：<link rel="stylesheet" type="text/css" media="screen and (max-width:960px)" href="link.css">这里设置了一个分辨率小于等于960px的一个样式表`.color { width: 100px; height: 100px; background-color: re

如果width设置为100%，那么width的宽度就是父元素的宽度（一定要设置高）如果width设置为auto，那么width的宽度就是内容+margin+padding+border