studentenglish-优快云博客

原创如何删除sourceTree的默认密码

删除sourceTree的密码，进入如下路径： C:\Users\zhaoyh003.FSLDOM\AppData\Local\Atlassian\SourceTree 并删除passwd文件。关闭sourceTree，并重新登录，输入最新密码即可。

2020-07-15 16:28:09 1842

目录结构如下：其中vuex相关的三个文件counts.js、 index.js、 operate.js,内容如下： index.js import 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 1656

原创 Vue组件之间传值的11种方式总结

vue组件间的传值方式多种多样，并不局限于父子传值、事件传值这些。我们对vue项目中的传值方式进行了整理总结，具体如下： provide / inject props (父传子) $emit (子传父) eventBus (全局vue实例对象) vuex (状态管理) $parent / $children / ref (获取组件实例) $attrs $listeners Vue.obser...

2019-12-05 00:30:17 2696

原创 PWA（渐进式的web引用）系列核心技术总结

PWA是什么渐进式web引用 progressive web app , 是提升用户体验的一种方法，让web能够给用户原生应用的体验不是指一项技术，而是引用一系列的新技术进行改进web PWA能用现代的web api 以及传统的渐进式增强策略来创建跨平台的web应用程序任何的web app都可以用pwa来实现渐进增强 PWA的优势使用与所有浏览器，因为还是旨在渐进式挣钱开发 ...

2019-11-21 01:04:31 1158

原创 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 2204

原创从零开始学react

React官方教程，传送门那么我们开始吧！创建新的单页应用。利用Create React App 创建一个React项目，它会配置你的开发环境，以便使你能够使用最新的 JavaScript 特性，提供良好的开发体验，并为生产环境优化你的应用程序。**注意，**需要在你的机器上安装 Node >= 8.10 和 npm >= 5.6。 npx create-react-app m...

2019-09-16 01:43:41 515

原创 Vue进阶-- 手写一个动态配置的加载插件并发布到npm，附使用说明文档

插件开发请参考： 1.官方文档：传送门 2. 我上一篇简单实例介绍： https://blog.youkuaiyun.com/studentenglish/article/details/98125385 插件发布到npm看这一篇就够了：传送门（转载）插件效果：安装： npm install vue-loading-plug --save-dev 使用 1.在路口文件main.js import V...

2019-09-01 19:44:14 627

原创 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 604

原创 vue-lazyload使用相对图片路径无法正常加载的问题

在项目中引入vue-lazyload实现图片懒加载功能，如果使用在线图片路径则加载成功，本地路径的图片的话加载异常，如下：原因： vue-lazyload是在main.js文件中引入，不会被webpack进行编译，src中的文件会被webpack编译，包括assets，assets文件夹中的图片地址，会在编译过程中改变。因此vue-lazyload无法正确获得图片地址，就不能显示图片了。解...

2019-08-19 00:58:47 2436 1

原创 Vue进阶---写一个类似Element中Message的插件

创建项目, 安装项目并启动项目 vue init webpack vue-ui cd vue-ui cnpm install npm run dev 项目文件夹结构在src中新建插件文件夹UI-Plugin，放置我们创建的插件，结构如下: 其中： UI-Plugin --> message 放置message组件 UI-Plugin --> index....

2019-08-02 00:43:44 757

原创如何查看一个textarea中输入的内容中隐藏的\t \r \n等特殊符号

场景：今天设计一个自定义组件，实现从excel中赋值数据填入一个textarea的输入框，然后在输入框的下方用表格的形式展示出所复制的内容。问题：如何获取复制的内容中所有内容，以及分隔符号，进行精确分离数据？如果我们已经知道复制的内容中是以\t（制表符）、\n（换行符）来进行数据的分割，那么我们可以直接获取每行的数据：但是如果我们不确定所复制的数据用了那些特殊符号进行数据分割，...

2019-08-02 00:14:24 2924

原创 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 28830 6

原创如何通过npm发布一个包

如何通过npm发布一个包？创建模块。创建模块，package.json 文件是必不可少的。我们可以使用 NPM 生成 package.json 文件, 包含模块基本信息。指令： npm init 强制所有选项选择默认值，可以使用命令： npm init -y 创建发布模块的主体内容如果没有账号可以先注册：官网注册： https://www.npmjs.com/signup...

2019-07-26 01:56:46 252

原创 Vue-router中子路由和二级路由的区别

在vue-router中，多级路由有如下两种写法：直接多级路由 { path: '/home/comp', name: 'comp', component: () => import('../common/comp.vue'), meta: { name: 'comp' } } 以子路由的形式 {...

2019-07-21 00:18:46 1144

原创 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 245

原创 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 2169

原创 git分支操、标签操作以及默认配置

1. 命令行操作：查看当前所有分支： git branch 创建新分支： git branch 新分支的名称删除分支： git branch -d 已存在的分支名称切换到某个已有分支： git checkout 已存在的分支名称创建并切换到新建的分支： git check -b 新分支的名称拉取本分支之外其他分支的某个文件： git checkout newBranch...

2019-07-12 01:12:29 472

原创判断一个对象是数组的几种方法

如下几种方法：实例对象，instanceof：数组方法， Array.isArray（）原型链构造函数：constructor Object.prototype.toString.call()

2019-07-09 23:21:07 368

原创数组操作方法大全

话不多说，先上大纲，从目录来来回顾数组的各种操作方法，具体的使用方法在接下来会详细列出。接下来是各个方法的具体使用方法：数组：（ES6） callback[, thisArg] 其中： thisArg为callback函数的三个参数的总称---- value, index, currentArr 数组遍历处理： array.forEach(callback[, thisArg]) arr...

2019-07-09 23:08:52 1013

原创 localstorage， sessionstorage， vuex的区别和优势

sessionStorage、localStorage可以代替vuex做全局数据共享吗？首先我们先来了解一下这三者的区别和优势：区别： Vuex存储在内存 localStorage（本地存储）则以文件的方式存储在本地,永久保存； sessionStorage( 会话存储 )，临时保存，浏览器或者页面关闭，则sessionStorage被清空。 vuex用于组件之间的传值， local...

2019-07-09 22:37:36 2147

原创 mysql进阶之存储过程

存储过程简单来说，就是为以后的使用而保存的一条或多条MySQL语句的集合。可将其视为批文件，虽然它们的作用不仅限于批处理。存储过程的优点： 1. 把处理封装在容易使用的单元中，简化复杂的操作。 2. 不要求反复建立一系列处理步骤，这保证了数据的完整性。团队开发过程中，所有开发人员和应用程序都使用同一（试验和测试）存储过程，则所使用的代码都是相同的，也可达到防止错误的效果。 3. 简化对变动...

2019-07-09 21:34:44 239

原创 JavaScript验证连续N位的相同、递增或递减数字

当前我们有一批电话号码，需要筛选出其中所有的靓号，规定满足如下特征之一的即为靓号： 1. 号码中有连续4位以上连续相同数字 2. 号码中有连续4位以上连续递增 / 递减数字 1. 判断号码中有连续4位以上连续相同数字 /** * @param {电话号码} phoneNum */ function isSpecial (phoneNum) { // let re = new Reg...

2019-07-08 14:12:48 2294 2

原创前端开发---分享几个移动端兼容问题（锁屏时间差、点透问题、时间转换）

1. 时间转换：Date对象获取时间戳，在 android 手机上显示正常，但是在 ios 系统上显示 NaN。 bug如下： ----- windows上显示正常，移动端浏览器显示正常 var time = new Date('2015-03-06').getTime() ----- windows上显示正常移动端浏览器显示NAN var time1 = new Date('2015...

2019-07-05 07:12:53 748

原创 JavaScript实现数字金额小写转大写

function numToText(number) { let AA = new Array('零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖') let BB = new Array('', '拾', '佰', '仟', '萬', '亿') let reverseStr = number.split('').reverse().join...

2019-07-04 19:21:07 3614

原创 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 228

原创 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 683

原创 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 743

原创 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 656

studentenglish的博客