- 博客(89)
- 收藏
- 关注
RSS订阅原创 day1-vue事件绑定
vue事件绑定：v-bind: 动态地绑定一个或多个特性、或一个组件 prop 到表达式；v-on: 添加一个事件监听器；v-if: 条件；v-for:循环；v-model: 在表单控件或者组件上创建双向绑定；v-once: 只渲染一次；...
2021-09-27 13:58:34
207
原创 vscode格式化代码，几行代码搞定
{ "workbench.iconTheme": "vscode-icons", "editor.codeActionsOnSave": { "source.fixAll.eslint": true // 最主要是这个 }, "editor.tabSize": 2, "editor.formatOnSave": true,}
2021-09-22 18:37:43
275
原创 javaScript父节点若为空，删除父节点
// arr数据 const arr = [ { "id":"706", "children":[] }, { "id":"707", "children":[ { "id":"807", "children":[ ...
2021-07-12 09:58:55
692
原创 javaScript树形结构过滤子节点是空文件夹形式的数据
// arr数据 const arr = [ { "id":"706", "children":[] }, { "id":"707", "children":[ { "id":"807", "children":[ ...
2021-07-12 09:53:58
387
原创 git远程仓库地址变更
git地址变更# 查看仓库地址git remote -v# 修改仓库地址 git remote set-url origin 新的地址
2021-07-07 09:31:18
117
原创 颜色rgb与int数值之间的相互转换
int转换rgbconst argb = parseInt("-7722014");const [r, g, b] = [(argb & 0xff0000) >> 16, (argb & 0xff00) >> 8, argb & 0xff];rgb转换intconst argb = { r: 138, g: 43, b: 266 }const color = (0xFF << 24)|(argb.r << 16)|(argb
2021-07-06 16:15:34
3304
1
原创 npm相关问题解决办法
npm init （初始化） npm install xxx -g（全局环境安装） 注意：如果不能安装成功，用一下方法解决：win10系统开始–powershell–Windows powershell应用管理员身份打开-- 输入：set-ExecutionPolicy RemoteSigned如果这个不行，可以安装淘宝镜像 npm config set registry https://registry.npm.taobao.orgnpm install -g cnpm --r...
2020-07-17 15:33:53
150
原创 node-sass安装不成功解决方法
控制台输入：npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/
2020-07-17 15:29:52
246
原创 chrome浏览器的vue插件有时候在调试窗口不出现，那么教你一个简单的方法让它出现，一般人我不告诉他
首先：F12关闭开发者模式然后：刷新最后：再按F12
2020-07-15 11:56:25
1051
原创 对vuex中的{commit} 解构赋值的理解
actions: { loadData(context, { page }) { console.log(context) const { commit } = context axios .get('http://localhost:3009/api/v1/products', { params: { page } }) .then(res =>
2020-07-15 10:57:19
1991
原创 vue中一个让人很无语的错误，error Newline required at end of file but not found eol-last
只需要在你的NotFound.vue中最后面敲入一行空行就解决了，真的让人吐血。。。
2020-07-13 16:52:21
999
原创 mongoDB-4.0.6版本安装与配置，出现windows无法启动mongoDB server服务，错误1053：服务没有及时响应启动
第一种安装：安装在系统盘（c盘）。选择complete，其他不用改，一直点下一步，最后一步别忘了把左下角的√去掉。安装完之后，用搜索框搜索服务，找到mongoDB server，右击启动，如果启动失败，出现下面情况，不要慌，然后右击mongoDB server选择属性，登录—改为本地系统账户，应用、保存即可。然后在重新启动一下mongoDB server就会启动成功。第二种安装：安装在非系统盘。1、选择custom（自定义），选择非系统盘路径（记住这个安装路径），一直next下去，但最后一
2020-07-10 18:34:54
639
3
原创 vscode保存时自动格式化代码
一、首先安装插件：Prettier-Code formatter二、然后在代码区右键选择：Format Document三、会弹出一个框，选择formate code四、在文件-》首选项-》设置，选择text editor-》formatting，然后在formate on save前面勾上...
2020-07-07 20:41:23
666
原创 express中使用cors解决跨域
一、终端输入：npm i cors二、express中解决跨域,cors模块在express中解决跨域app.use(require(“cors”)());
2020-07-04 17:52:46
667
原创 localstorage存数据，取数据，删除数据的具体用法
存数据：localStorage.setItem("loginmsg", JSON.stringify(data));取数据： let loginMsg =JSON.parse(localStorage.getItem("loginmsg"));删除数据：localStorage.removeItem("loginmsg");
2020-06-29 21:21:41
475
原创 jQuery获取节点的一些常用方法，必看~
has包含，对于已经获取到的元素进行筛选，但是筛选的条件是，是否包含符合条件的子节点notfilter的反义词filter过滤，对我们已经查找到的元素节点进行二次的筛选next()找到当前节点的下一个兄弟节点prev()找到当前节点的上一个兄弟节点find()方法是专门用来查找子节点的index()获取当前节点的，在【兄弟节点】中的下标eq()通过下标获取符合条件的节点attr()专门用来操作某些元素节点的行间属性addClass() 添加class名字remo
2020-06-29 21:15:59
416
原创 jQuery获取标签间的内容和文本
jquery获取div1标签间的内容alert($("#div1").html());jquery获取标签间的文本alert($("#div1").text());
2020-06-29 21:07:00
534
原创 js继承，原型链继承
继承的概念：1、一个类型的对象能够访问另外一个类型的属性和方法2、类与类之间的关系 类就是众多实例共有的属性和方法的一个抽象原型链继承： <script> function Animal (name) { this.name = name } Animal.prototype.say = function () { console.log('My name is ' + this.name)
2020-06-15 15:13:41
90
原创 总结：闭包相关知识
闭包的概念： 在一个函数的外部能够访问该函数局部变量的函数function bar() { var num = 1; function baz() { ++num; } return baz; } var foo = bar(); console.log(foo());//2闭包的优点： 1.变量能常驻内存 2.减少全局变量的定义 3.创建命名空间
2020-06-15 14:38:25
93
原创 用jQuery实现：树形动画--三级导航条
实现效果如下：一层一层展开，点击之后“+”变“-”代码如下：html代码：<ul> <li>第一层 <ul> <li>第一层第一级 <ul> <li>第一层第一级第一个</li> <li>第一层第一级
2020-06-13 10:59:59
272
原创 利用jQuery实现手风琴效果
效果示意图：鼠标滑过11,22,33,44,55区域，图片也随之出现话不多说直接上代码~css代码： <style> * { padding: 0; margin: 0; } img { border: none; display: block; } #box { width: 6
2020-06-13 09:51:13
805
原创 总结：引入Iconfont-阿里巴巴矢量图标库的三种方式，小白必看，看了就会~
1、首先，百度搜索“阿里矢量库”，点进去，然后注册一个账号登录进入。2、比如你想要的一个购物车图片，搜索框里输入“购物车”，点击搜索。3、选择加入你想要的购物车图标，点击框住的购物车图标，不要点线面的下载图标哦4、此时在你的右上角购物车中已加入进去，当然，你可以选择同时加入多个图标进入你的购物车，在这里我加入了两种图标。5、点开你的右上角购物车，选择“添加至项目”。6、点击新建文件夹7、随意命名，在这里我命名为“举例子”，然后确定。8、未完待续，明天更新。。。...
2020-06-11 20:29:14
5661
3
原创 总结：点击li弹出下标的五种方法
三种方法：<body> <ul> <li>javascript</li> <li>java</li> <li>php</li> <li>C++</li> </ul> <script> var list = document.querySelectorAll('li') // 第一种写法用自定义属性
2020-06-11 14:44:03
392
原创 用js实现点击按钮切换图片功能
点击按钮切换图片以下是完整代码，直接就可以运行哦~CSS代码： <style> * { margin: 0; padding: 0; } #box { width: 500px; height: 500px; position: fixed; left: 400px; to
2020-06-11 10:26:52
5395
原创 原生js调用淘宝接口，实现淘宝搜索功能，可以实现二级功能
<body> <input type="text" /> <ul></ul> <div></div> <script> let oInput = document.querySelector("input"); let oUl = document.querySelector("ul"); let oDiv = document.querySelector.
2020-06-06 15:15:31
1145
1
原创 用vscode写代码遇到的错误总结
Parse error: syntax error, unexpected ‘[’ in F:\wampRoot\day01\course21\05_createArray.php php on line 21php版本过低，请更新至5.5版本以上跨域问题
2020-06-04 14:36:26
1148
原创 js-距离5月1号00：00：00 还有多少天多少小时多少分多少秒
<script> var date = new Date() var nowTime = date.getTime() // 把日期拨到5.1那一天 var endTime = new Date(2020, 4, 1, 0, 0, 0) console.log(endTime) var tim = endTime - nowTime ...
2020-04-13 22:49:41
1435
原创 用JavaScript实现：还有多久上学
<script> // 定时器 setInterval(function () { // console.log('这里的代码就会每隔一秒自己运行一次') var date = new Date() var nowTime = date.getTime() date.setHours(16, 50, 0) ...
2020-04-13 22:48:50
97
原创 js-计算已经过了元旦多少天
<script> var date = new Date() // 获取当前日期 console.log(date) // 先获取当前时间戳 var nowTime = date.getTime() // 把日期拨到元旦那一天 date.setMonth(0, 1) // 获取元旦的时间戳 var ydTime = da...
2020-04-13 22:47:15
402
原创 根据数据创建表格，表格里的有一列的内容根据sale字段来显示“已上架”或者“未上架”，显示已上架和所有商品的总价
要求：sale 属性的意思是是否上架，已上架就是true，未上架就是fasle表格里的有一列的内容根据sale字段来显示“已上架”或者“未上架”每一件商品的小计也再这一行最后一列显示出来表格打印完成以后再后面显示已上架的总价和所有商品的总价<script> var list = [ { id: 1, title: '纸',...
2020-04-13 22:46:22
296
原创 js-点击div随机变背景
<style> #box { width: 200px; height: 200px; background: red; } </style> <body> <div id="box"></div> <script> var box = documen...
2020-04-13 22:43:58
155
原创 javaScript的内置对象：系统提供的对象
javaScript的内置对象：系统提供的对象Object对象 是所有JavaScript对象的超类(基类)Array对象 数组对象–定义数组属性和方法Boolean对象 布尔对象–布尔值相关Date对象 日期对象–日期时间相关Error对象 错误对象–处理程序错误Function对象 函数对象–定义函数属性和方法Math对象 数...
2020-04-13 22:42:00
159
原创 将下面这个list渲染成表格，在下面显示总价， 总价可以使用reduce计算
<script> var list = [ { "title": "笔", "price": 2, "num": 2 }, { "title": "本", "price": 1, "num": 3 }, { ...
2020-04-13 22:38:09
215
原创 JavaScript数组去重的三种方法
**第一种：**双重for循环，只留下不重复的<script> // 重复的元素只保留一个 var arr = [4,2,5,7,2,6,2,6,6,5] console.log(arr) // 使用循环依次比较,遇到重复的就删除 // 比较length-1趟 for (var i = 0; i < arr.length - 1;...
2020-04-13 22:36:13
268
原创 JavaScript三种数组遍历
数组的遍历var arr = [9,2,35,5,74,12,43,4];for(var i = 0; i < arr.length; i++){ console.log(arr[i]);} var arr = [3,5,,7,8,,,4] // 稀疏数组 // for循环遍历数组遇到空元素会输出undefined for (var i = 0; i ...
2020-04-09 23:12:09
120
原创 JavaScript数组array-API、es5-api
数组array-API var arr = [1,2,3,4] var arr1 = [5,6,7,8]concat 数组合并，并不会修改源数组，而是得到一个新的数组 var arr2 = arr.concat(arr1, [10,10,10]) console.log(arr, arr1) console.log(arr2)join以指定字符来把数组每个元素拼接成一个...
2020-04-09 23:09:50
106
原创 JavaScript数组Array、二维数组、系数矩阵
数组 Array一列就是一个数组，一个数组里面有很多个元素数组：一组数据（一个变量来承载）1、字面量的方式声明数组 var arr = [3,4,5,6,7] console.log(arr) // 如果要访问数组元素，可以通过索引（下标），都是从0开始 console.log(arr[1]) // 获取数组长度用length属性 con...
2020-04-09 23:07:25
372
原创 JavaScript对象以及对象遍历for... in循环（隐式迭代）
面向对象类----定义属性和方法对象类的具体实现，继承了类所定义的属性和方法（是一种数据类型）类是对象的抽象，对象是类的实例程序 = 算法 + 数据结构js是基于对象的编程语言对象可以定义和描述很复杂的数据，让算法变的简单高效js中的对象？js语言中一切皆为对象，比如数字、字符串、数组、Math、Object、函数js中对象的本质：属性和方法的集合（无序，所以对象没有len...
2020-04-09 23:06:13
375
原创 JavaScript事件类型总结
JavaScript事件用户的行为包括：onclick、ondblclick、onfocus、onblur、window.onload 是用户跟页面的交互，当用户跟页面进行一些“交流”的时候，页面通过js就会触发一些事件，比如鼠标点击的时候就会触发onclick事件，给这个事件绑定一个函数，那么这个时候函数就会被调用，代码就会被执行事件类型： 鼠标事件包括：cl...
2020-04-09 23:04:02
127
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人