- 博客(28)
- 收藏
- 关注
RSS订阅原创 如何删除sourceTree的默认密码
删除sourceTree的密码，进入如下路径：C:\Users\zhaoyh003.FSLDOM\AppData\Local\Atlassian\SourceTree并删除passwd文件。关闭sourceTree，并重新登录，输入最新密码即可。
2020-07-15 16:28:09
1603
原创 Vue进阶----Vuex的高阶用法汇总
目录结构如下：其中vuex相关的三个文件counts.js、 index.js、 operate.js,内容如下：index.jsimport Vue from 'vue'import Vuex from 'vuex'import counter from './counter.js'import operate from './operate.js'Vue.use(Vuex)...
2019-12-05 00:49:51
1541
原创 Vue组件之间传值的11种方式总结
vue组件间的传值方式多种多样，并不局限于父子传值、事件传值这些。我们对vue项目中的传值方式进行了整理总结，具体如下：provide / injectprops (父传子)$emit (子传父)eventBus (全局vue实例对象)vuex (状态管理)$parent / $children / ref (获取组件实例)$attrs$listenersVue.obser...
2019-12-05 00:30:17
2530
原创 PWA（渐进式的web引用）系列核心技术总结
PWA是什么渐进式web引用progressive web app , 是提升用户体验的一种方法，让web能够给用户原生应用的体验不是指一项技术，而是引用一系列的新技术进行改进webPWA能用现代的web api 以及传统的渐进式增强策略来创建跨平台的web应用程序任何的web app都可以用pwa来实现渐进增强PWA的优势使用与所有浏览器，因为还是旨在渐进式挣钱开发...
2019-11-21 01:04:31
909
原创 vue中使用window.eventBus事件重复触发的问题
vue中数据传输，会用到window.eventBus进行全局事件传递，emit和on全局事件的数据传递。但是如果使用不当，会造成时间重复触发。场景如下：在main.js中，创建vue实例，并绑定到全局变量window.$bus上。window.$bus = new Vue()在a.vue中设置触发事件window.$bus.$emit('user_task_change')...
2019-10-15 17:04:38
2010
原创 从零开始学react
React官方教程，传送门那么我们开始吧！创建新的单页应用。利用Create React App 创建一个React项目，它会配置你的开发环境，以便使你能够使用最新的 JavaScript 特性，提供良好的开发体验，并为生产环境优化你的应用程序。**注意，**需要在你的机器上安装 Node >= 8.10 和 npm >= 5.6。npx create-react-app m...
2019-09-16 01:43:41
395
原创 Vue进阶-- 手写一个动态配置的加载插件并发布到npm，附使用说明文档
插件开发请参考：1.官方文档： 传送门2. 我上一篇简单实例介绍： https://blog.csdn.net/studentenglish/article/details/98125385插件发布到npm看这一篇就够了：传送门 （转载）插件效果：安装：npm install vue-loading-plug --save-dev使用1.在路口文件main.jsimport V...
2019-09-01 19:44:14
527
原创 vue组件name属性的作用和组件递归实现数据树
<template> <div class="tree-content" v-if="data.length > 0"> <dl class="tree-part" v-for="(item, key) in data" :key="key"> <dt class="tree-item-title" v-if="item.la...
2019-08-29 09:42:23
506
原创 vue-lazyload使用相对图片路径无法正常加载的问题
在项目中引入vue-lazyload实现图片懒加载功能，如果使用在线图片路径则加载成功，本地路径的图片的话加载异常，如下：原因：vue-lazyload是在main.js文件中引入，不会被webpack进行编译，src中的文件会被webpack编译，包括assets，assets文件夹中的图片地址，会在编译过程中改变。因此vue-lazyload无法正确获得图片地址，就不能显示图片了。解...
2019-08-19 00:58:47
2269
1
原创 Vue进阶---写一个类似Element中Message的插件
创建项目, 安装项目并启动项目vue init webpack vue-uicd vue-uicnpm installnpm run dev项目文件夹结构在src中新建插件文件夹UI-Plugin，放置我们创建的插件，结构如下:其中： UI-Plugin --> message 放置message组件 UI-Plugin --> index....
2019-08-02 00:43:44
628
原创 如何查看一个textarea中输入的内容中隐藏的\t \r \n等特殊符号
场景： 今天设计一个自定义组件，实现从excel中赋值数据填入一个textarea的输入框，然后在输入框的下方用表格的形式展示出所复制的内容。问题： 如何获取复制的内容中所有内容，以及分隔符号，进行精确分离数据？如果我们已经知道复制的内容中是以\t（制表符）、\n（换行符）来进行数据的分割，那么我们可以直接获取每行的数据：但是如果我们不确定所复制的数据用了那些特殊符号进行数据分割，...
2019-08-02 00:14:24
2601
原创 Error: Electron failed to install correctly, please delete node_modules/electron and try installing
throw new Error(‘Electron failed to install correctly, please delete node_modules/electron and try installing again’)^Error: Electron failed to install correctly, please delete node_modules/electron...
2019-07-29 00:13:06
28567
6
原创 如何通过npm发布一个包
如何通过npm发布一个包？创建模块。创建模块，package.json 文件是必不可少的。我们可以使用 NPM 生成 package.json 文件, 包含模块基本信息。指令： npm init强制所有选项选择默认值，可以使用命令： npm init -y创建发布模块的主体内容如果没有账号可以先注册：官网注册： https://www.npmjs.com/signup...
2019-07-26 01:56:46
165
原创 Vue-router中子路由和二级路由的区别
在vue-router中，多级路由有如下两种写法：直接多级路由{ path: '/home/comp', name: 'comp', component: () => import('../common/comp.vue'), meta: { name: 'comp' } }以子路由的形式{...
2019-07-21 00:18:46
995
原创 Vue进阶----Vuex的使用(1)
为了说明Vuex的基础用法，我们写了一些简单的例子，并将源码上传至了git仓库，仓库地址： https://github.com/evanGity/vuex-use master分支。当然，Vuex官方文档更为详细，传送门： https://vuex.vuejs.org/zh/写在使用前：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。用于全局状态管理，以及组件之间数据传...
2019-07-17 00:11:58
172
原创 vue ---- 仿ElementUI自定义换肤，更换主题
<template> <div> <input type="color" id='selectTheme' v-model="theme"> <script type='text/template' id="themeColorInfo"> .theme-color { color: {{theme}}...
2019-07-12 22:26:25
1974
原创 git分支操、标签操作以及默认配置
1. 命令行操作：查看当前所有分支： git branch创建新分支： git branch 新分支的名称删除分支： git branch -d 已存在的分支名称切换到某个已有分支： git checkout 已存在的分支名称创建并切换到新建的分支： git check -b 新分支的名称拉取本分支之外其他分支的某个文件： git checkout newBranch...
2019-07-12 01:12:29
375
原创 判断一个对象是数组的几种方法
如下几种方法：实例对象，instanceof：数组方法， Array.isArray（）原型链构造函数：constructorObject.prototype.toString.call()
2019-07-09 23:21:07
277
原创 数组操作方法大全
话不多说，先上大纲，从目录来来回顾数组的各种操作方法，具体的使用方法在接下来会详细列出。接下来是各个方法的具体使用方法：数组：（ES6） callback[, thisArg] 其中： thisArg为callback函数的三个参数的总称---- value, index, currentArr数组遍历处理：array.forEach(callback[, thisArg])arr...
2019-07-09 23:08:52
888
原创 localstorage， sessionstorage， vuex的区别和优势
sessionStorage、localStorage可以代替vuex做全局数据共享吗？首先我们先来了解一下这三者的区别和优势：区别：Vuex存储在内存localStorage（本地存储）则以文件的方式存储在本地,永久保存；sessionStorage( 会话存储 )，临时保存， 浏览器或者页面关闭，则sessionStorage被清空。vuex用于组件之间的传值，local...
2019-07-09 22:37:36
1955
原创 mysql进阶之存储过程
存储过程简单来说，就是为以后的使用而保存的一条或多条MySQL语句的集合。可将其视为批文件，虽然它们的作用不仅限于批处理。存储过程的优点：1. 把处理封装在容易使用的单元中，简化复杂的操作。2. 不要求反复建立一系列处理步骤，这保证了数据的完整性。团队开发过程中，所有开发人员和应用程序都使用同一（试验和测试）存储过程，则所使用的代码都是相同的，也可达到防止错误的效果。3. 简化对变动...
2019-07-09 21:34:44
160
原创 JavaScript验证连续N位的相同、递增或递减数字
当前我们有一批电话号码， 需要筛选出其中所有的靓号，规定满足如下特征之一的即为靓号：1. 号码中有连续4位以上连续相同数字2. 号码中有连续4位以上连续递增 / 递减数字1. 判断号码中有连续4位以上连续相同数字/** * @param {电话号码} phoneNum */function isSpecial (phoneNum) { // let re = new Reg...
2019-07-08 14:12:48
2004
2
原创 前端开发---分享几个移动端兼容问题（锁屏时间差、点透问题、时间转换）
1. 时间转换：Date对象获取时间戳，在 android 手机上显示正常，但是在 ios 系统上显示 NaN。bug如下：----- windows上显示正常 ， 移动端浏览器显示正常var time = new Date('2015-03-06').getTime()----- windows上显示正常 移动端浏览器显示NANvar time1 = new Date('2015...
2019-07-05 07:12:53
543
原创 JavaScript实现数字金额小写转大写
function numToText(number) { let AA = new Array('零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖') let BB = new Array('', '拾', '佰', '仟', '萬', '亿') let reverseStr = number.split('').reverse().join...
2019-07-04 19:21:07
3334
原创 JavaScript中数据深拷贝和浅拷贝实现方式集合
深拷贝function deepCopy(data) { if (typeof data !== 'object') { return data } else { var tempData = Array.isArray(data) ? [] : {} for (var i in data) { if (typeof data[i] !== 'ob...
2019-07-04 16:34:39
165
原创 JavaScript原生实现querystring功能，获取url中无规则的参数值
const str = "ie=utf-8&f=&rsv_bp=1 &rsv_idx&tn=baidu&wd=sql&rsv_pq=c5fd80d0000f079a&rsv_enter=1&" const re = /(\w+)=?([^=&]+)?&?/g let json = {} str...
2019-07-04 15:23:27
583
原创 slice, substring，substr三者区别以及用法扩展
slice, substring，substr三者区别slice和substring两者都是截取start（包括）到end(不包括)之间的字符串都允许参数为负数（最后一位为-1）不同的是slice的start的位置必须要在end之前，否则返回空。而substring没有这个限制，substring会将负值转换成0，然后取两者最小的为start, 最大的为end进行截取。例...
2019-07-04 08:38:31
653
原创 MySQL入门之增删改查sql语句总结
重要的 SQL 命令SELECT - 从数据库中提取数据查找数据列SELECT column1, column2, … FROM table_name;SELECT column_name(s) FROM table_name条件查询SELECT [*] FROM [TableName] WHERE [condition1] [AND [OR]] [condition2]…S...
2019-07-03 23:27:52
549
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人