- 博客(80)
- 资源 (8)
- 收藏
- 关注
RSS订阅原创 && 和 ||
只要“||”前面为false,不管“||”后面是true还是false，都返回“||”后面的值。只要“||”前面为true,不管“||”后面是true还是false，都返回“||”前面的值。
2022-10-27 14:52:57
203
原创 实现深拷贝的几种方法
递归循环function deepClone(obj) { if(obj === null) return obj if( obj instance Date) return new Date(obj) if( obj instance RegExp) return new RegExp(obj) let objClone = Array.isArray(obj)?[]:{} // 判断是数组还是对象 if(obj && typeof obj === 'object'.
2022-03-20 23:56:09
613
原创 css3实现变大变小的点
<p class="spot"></p> *{ margin: 0; padding: 0; } body{ position: relative; height: 100vh; display: flex; justify-content: center; align-items: center; background-color: #000; } .
2022-03-16 11:20:06
427
原创 解决 @keyup.enter 不生效
@keyup.enter="" 和 @click=“”不能绑在同一个地方，否则回车不起作用@keyup.enter="" 放在input 中@click=“” 放在button中
2021-10-18 21:15:53
1119
原创 vuex基本使用
基本使用安装npm i vuex --save在项目中导入vuex包import Vuex from vuexVue.use(Vuex)创建store对象const store = new Vuex.store({ //state中存放的就是全局共享的数据 state: {} })将store挂载到 vue实例对象中new Vue({ el: '#app', render: h => h(app), //render渲染app根组件 router, //router挂载路由 sto
2021-10-18 21:11:48
93
原创 remote: Support for password authentication was removed on August 13, 2021.
报错信息remote: Support for password authentication was removed on August 13, 2021.远程：对密码身份验证的支持已于2021年8月13日删除。原因密码验证于2021年8月13日不再支持，请用使用 personal access token 替代解决办法点击设置 setting点击左侧 Developer settings点击左侧 Personal access tokens点击右边 Generate new tok
2021-10-13 15:25:14
362
原创 计算属性缓存 vs 方法
计算属性 computed ：计算属性是基于它们的响应式依赖进行缓存的，再次执行计算属性会立即返回之前的计算结果，而不必再次执行函数methods ： 每次都要执行函数假设我们有一个性能开销比较大的计算属性 A，它需要遍历一个巨大的数组并做大量的计算。然后我们可能有其他的计算属性依赖于 A。如果没有缓存，我们将不可避免的多次执行 A 的 getter！如果你不希望有缓存，请用方法来替代官方文档：https://cn.vuejs.org/v2/guide/computed.html...
2021-09-28 11:36:30
156
原创 Vue.2 全局注册时间过滤器
Vue.2 全局注册过滤器时间过滤器<el-table-column prop="add_time" label="创建时间" width="180px"> <template slot-scope="scope"> {{scope.row.add_time | dateFormat}} </template></el-table-column>Vue.filter('dateFormat', function (valdate)
2021-09-25 20:30:34
155
翻译 swiper 前进后退按钮的显示和隐藏
swiper 前进后退按钮的显示和隐藏鼠标进入和离开时，前进后退按钮显示和隐藏<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="https://unpk
2020-12-05 11:33:53
4742
原创 :root
:root相当于<html>元素,除了优先级更高，别的和HTML一样/* 定义*/:root{ --Color:green; --fontSize:14px;}/*使用*/ div{color:var(Color);font-size:var(fontSize)}/*此时div的颜色是green，字体大小是14px*/...
2020-05-08 10:04:38
679
原创 vue-particles粒子特效
安装npm i vue-particles --save-dev引入import Vue from 'vue'import VueParticles from 'vue-particles'Vue.use(VueParticles)使用<template> <div id="app"> <vue-particles...
2020-01-12 12:37:40
574
原创 vue中时间戳转化日期
在vue中将获取到的时间戳转化为日期格式将封装的时间戳函数单独放在一个js文件中//导出封装的时间戳函数 formatDateexport function formatDate(date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(...
2020-01-03 14:33:26
2947
2
转载 .prettierrc格式化代码配置文件
在使用eslint规则时，本地编辑器的格式化代码会与eslint的规则冲突，这时可以自己配置一个.prettierrc格式化代码的文件{ "tabWidth": 4 // tab缩进大小,默认为2 "useTabs": false // 使用tab缩进 默认false "semi": false // 使用分号, 默认true // 使用单引号, 默认fa...
2019-12-20 13:15:07
1428
2
原创 解决no-console异常
报错原因：因为使用了eslint规则解决办法：在eslintConfig中的rules中加入 "no-console": "off"
2019-12-20 12:48:03
5589
原创 axios请求本地json报错404
试了网上的方法：把json文件放在最外层的static文件夹中，还是报错最后发现要把请求路径设为绝对路径，直接从根文件查找
2019-12-20 12:38:09
1638
原创 todolist/v1.0
最简单的todolist....点击按钮创建，点击列表项删除 <div id="app"> <input type="text" v-model="inputValue"> <button @click="pushList">待办事项</button> <ul> <li v-for="...
2019-12-12 10:20:07
129
原创 DOCTYPE的作用
DOCTYOE的作用是告知浏览器的解析器以何种文档类型规范来解析页面若DOCTYPE不存在或书写错误，浏览器则会将此页面以怪异模式来解析盒模型又分为标准盒模型和怪异盒模型标准盒模型是W3C标准又称为严格模式此时盒子的宽高即content的宽高怪异模式盒模型是ie标准，又称为混杂模式、兼容模式此时盒子的宽高是content的宽高+padding*2+border...
2019-12-11 13:11:26
225
原创 this指向
只要是这种格式的函数中的this指向的都是windowfunction(){ console.log(this)}箭头函数中的this指向是一层一层往外面的作用域中的thisconst obj = { fu() { setTimeout(function () { console.log(this) //window }, 1000) ...
2019-12-11 13:09:22
122
原创 grid布局-demo
<div class="auto_fill"> <div class="auto_fill_item">1</div> <div class="auto_fill_item">2</div> <div class="auto_fill_item">3</div> <div...
2019-12-06 16:15:38
730
原创 元素水平垂直居中的方案
元素水平垂直居中的方案1.绝对定位和marginposition：absolute;left:0;right:0;bottom:0;top:0;margin:auto;2.块元素 height=line-height //高度等于行高 垂直居中 text-algin:center //水平居中3.flex-box布局 display:flex; justify-conet...
2019-12-06 13:45:06
180
原创 vue实现购物车功能
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
2019-11-19 13:26:37
243
原创 vue-点击切换样式
设置默认第一个样式为active<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <m...
2019-11-19 09:16:03
562
原创 es6块级作用域
在阮一峰老师的es6教程中关于let的理解原例使用var导致的变量提升var a = [];for (var i = 0; i < 10; i++) { a[i] = function () { console.log(i); };}a[6](); // 10/*此时a[1]();a[2]();a[3]();...a[8]()；a[9]()；返...
2019-11-18 09:44:26
148
原创 解决npm安装慢的问题
npm存储包文件的服务器在国外，有时候会被墙，速度很慢，所以我们需要解决这个问题。http://npm.taobao.org淘宝团队把npm在国内做了一个备份（镜像文件）全局安装淘宝的cnpm: # 在任意目录都可以 # --global 表示安装到全局，而非当前目录 # --global不能省略，否则无效 npm install --global cnpm接下来你安装包的时候把之...
2019-10-15 10:04:02
847
原创 2.nuxt.js使用es6语法支持sass
支持es6初始化，修改server/index.js修改package.json，在dev start后加--exec-babel-node在根目录下新建.babelrc文件，并配置项目中安装依赖 npm i babel-cli // 这是babel解释器的客户端主程序npm i babel-core // babel的核心文件npm i babel-preset-es201...
2019-09-27 10:33:05
475
原创 1.项目创建
使用nuxt创建项目npm i -g npxnpx create-nuxt-app app-name使用项目名称项目描述作者包安装器 npm （根据自己的选）UI选择 element UI服务选择 koanuxt.js模块 axios 模块eslint模板语法ssr...
2019-09-27 09:28:51
136
原创 0.环境准备
对应版本号node:8.12.0 vue:2.5.17 npm:6.4.1 webpack:4.19.1 nuxt:2.0.0 其他版本在创建完成项目后在package.json文件中安装对应版本辅助工具MongoDB Redis Robo 3T...
2019-09-27 09:08:09
190
原创 003-矩形旋转
<div> <span></span> <span></span> <span></span> </div> html, body { margin: 0; height: 100%; display: flex; ...
2019-09-10 15:18:34
154
原创 001-按钮文本交错滑动效果
<div class="box"> <span data-text="b">b</span> <span data-text="u">u</span> <span data-text="t">t</span> <span data-text="t">t</...
2019-09-10 09:22:45
209
原创 卸载node（node正常、npm报错）
1、正常卸载2、删除C:\Users\Administrator\AppData\Roaming下边的npm、npm-cache具体操作如下：
2019-07-30 20:55:47
689
原创 vue-cli脚手架的安装
环境搭建vue-cli的安装vue-cli2.x.x 版本 安装指定版本所有版本安装，前提是已经全局安装过node 和 全局安装过webpacknpm install -g vue-cli@2.x.x vue-cli2.x.x 版本卸载npm uninstall -g vue-clivue-cli3.x.x 版本安装3.0 级以上版本 Vue CLI 的包名称由 ...
2019-07-27 12:31:13
136
原创 升级至IE11后DOM报错
升级IE11后DOM报错，同时也会引发打开本地组策略编辑器报错解决方法：安装Windows7补丁：KB3008923；下载地址：http://www.microsoft.com/en-us/download/details.aspx?id=45134 （32位）http://www.microsoft.com/zh-CN/download/details.aspx?id=45154...
2019-07-23 16:35:38
306
原创 右键获取管理员权限
1.新建一个文本文件，复制下面内容到新建的文本文件中Windows Registry Editor Version 5.00 [HKEY_CLASSES_ROOT\*\shell\runas]@="管理员取得所有权""NoWorkingDirectory"="" [HKEY_CLASSES_ROOT\*\shell\runas\command]@="cmd....
2019-07-23 16:29:24
416
原创 win7设置锁屏壁纸
修改注册表编辑器win + r 输入regedit找到并进入HKEY_LOCAL_MACHINE/SOFTWARE/Microsoft/Windows/CurrentVersion/Authentication/LogonUI/Background右键单击OEMBackground 将值修改为1，然后点击确定按钮！修改组策略编辑器win + r 输入gpedit.msc找到并依次...
2019-07-19 11:35:23
884
3
原创 CentOS安装
系统下载地址 mirrors.aliyun.com mirrors.163.com 1.打开VM===>创建新的虚拟机2.3.4.5.6.7.8.配置ctrl+alt+enter快捷键全屏切换 ctrl+alt切换鼠标快捷键等待后会有一个检测磁盘的选项，用键盘左右键和enter键选择，一般选择skip跳过...
2019-06-26 14:47:53
226
免安装IDM注册版
2018-12-28
免安装破解版卸载工具
2018-12-28
免安装极品屏幕截图录屏工具FSCapture
2018-12-28
免安装福昕阅读器
2018-12-28
winRAR已注册版
2018-11-13
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人