- 博客(54)
- 收藏
- 关注
RSS订阅原创 解决git提交每次都要输入密码
然后你会在c盘用户下生成一个.git-credentials，上边记录你的账号和密码，只需要输入一次用户名和密码，就会把账户信息保存到这个文件中。当我们使用git提交代码的时候使用的是HTTPS的方式，每次提交都会重新输入用户名密码。下次就不会弹出让你输入用户名和密码的提示啦。在我们的项目目录下打开控制台。
2022-10-19 14:55:38
6170
1
原创 git 生成 ssh 公钥
生成方法:1.打开git bash2.配置用户名和邮箱git config --global user.name “用户名，填你的名字全称 如：刘鹏 方便识别”git config --global user.email “邮箱,填你的常用邮箱，代码出错时会发邮件通知你”3.生成私钥和公钥ssh-keygen -t rsa 并按回车3下（为什么按三下，是因为有提示你是否需要设置密码，如果设置了每次使用Git都会用到密码，一般都是直接不写为空，直接回车就好了）会在一个文件夹里面生成一个私
2020-08-10 12:55:54
344
原创 @vue/cli 4.x 配置 alias
在Vue项目开发中，经常需要引入不同目录的文件，通常我们是通过“import 文件名 from ‘文件路径’”的结构来实现对组件的引用，而当文件路径较深或者引用的组件跨越的较远时很容易引用出错，这里我们就要引入alias概念了，“别名”的意思，顾名思义标准名称以外的名称。1. 查看webpack配置我们在引入模块的时候经常会用到一个@符号，用@符号指代根目录下的src文件夹路径，@/就可以...
2020-03-16 23:06:39
7345
7
原创 gitbook 安装和使用-个人分享笔记本
官方地址笔者当时用gitbook插件的版本是 v3.2.31. 安装npm i gitbook -g通过gitbook -V命令查看是否安装成功。2. 项目初始化新建项目mygitbook然后在根目录下执行命令gitbook init然后项目中会自动生成 README.md 和 SUMMARY.md3. 预览gitbook servergitbook 默认会启动 40...
2020-03-02 21:07:40
1527
原创 webpack 优化打包资源
1. 概述打包性能的优化包括打包速度的优化和打包后静态资源的优化，总体原则在于尽可能的减少或延迟模块的引用，主要包含以下三个特点减小打包的整体体积Code Splitting：按需加载，优化页面首次加载体积，根据路由按需加载，根据是否可见按需加载Bundle Splitting：分包，根据模块改动频率分层次打包，充分利用缓存2. 代码压缩代码压缩可以非常可观地减小资源打包体积，但是...
2020-03-01 23:14:33
261
原创 ES6之let和const命令
1.let1）它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。{ let a = 1; var b = 2;}a // ReferenceError: a is not defined.b // 2for循环还有一个特别之处，就是设置循环变量的那部分是一个父作用域，而循环体内部是一个单独的子作用域。for (let i = 0; i < 2...
2020-02-27 09:50:24
168
原创 ES6之变量的解构赋值
重要知识点：1. 交换变量的值 *let [x,y] = [1,2][x,y] = [y,x]上面代码交换变量x和y的值，这样的写法不仅简洁，而且易读，语义非常清晰。2. 从函数返回多个值 *函数只能返回一个值，如果要返回多个值，只能将它们放在数组或对象里返回。有了解构赋值，取出这些值就非常方便。// 返回一个数组,数组中取出多个对象function example() { ...
2020-02-22 23:27:32
184
原创 babel-upgrade babel 升级到 7.0 版本
babel-upgrade官方的介绍是这样的一个工具，可以更新大多数使用babel的依赖关系，配置文件，和JavaScript文件(将来可能会更多)。字面意思是说 使用babel-upgrade 可以快速的把你的应用从 babel 6 更新到 babel 7用法安装环境： nodejs >=8如果 npm<5.2 使用 npm install npx -g 安装...
2020-02-22 00:27:20
4438
原创 Linux常用命令-- cp 复制、 mv 移动/重命名、 rm 删除、 mkdir 创建文件夹
cp 复制 拷贝cp 文件名 路径 cp a.txt ./dir/ 把当前目录的 a.txt 拷贝到当前目的 dir 文件夹里cp 文件名 文件名 cp dd.txt ee.txt 复制并改名,并存放在当前目录下 (cp 原文件名 新文件名)cp file1 file2 复制一个文件 cp dir/* ./ 复制一个目录下的所有文件到当前工作目录 c...
2020-02-18 23:08:36
1067
原创 easy-mock 本地部署 官方容易出错集合
一、Easy Mock 是什么？官方的介绍是这样的Easy Mock 是一个可视化，并且能快速生成模拟数据的持久化服务。更多详细信息请翻阅官方文档 easy-mock二、特性支持接口代理支持快捷键操作支持协同编辑支持团队项目支持 RESTful支持 Swagger | OpenAPI Specification (1.2 & 2.0 & 3.0)1）基于 ...
2020-02-18 22:35:26
1598
原创 nodejs 版本更新
安装 n 模块，n模块是专门用来管理nodejs版本的npm i -g n 更新nodejs指定版本n 12.16.0安装 nodejs 最新稳定版n stable
2020-02-14 16:41:59
277
原创 宝塔linux服务器面板使用介绍
安装要求内存：512M以上，推荐768M以上（纯面板约占系统60M内存）硬盘：100M以上可用硬盘空间（纯面板约占20M磁盘空间）系统：CentOS 7.1+ (Ubuntu16.04+.、Debian9.0+)，确保是干净的操作系统，没有安装过其它环境带的Apache/Nginx/php/MySQL（已有环境不可安装）安装Linux面板7.1+安装命令：使用SSH 连接工具，根据不同的...
2020-02-14 14:52:20
422
原创 linux系统 安装 nodejs 教程
linux中nodejs的安装有两种方式，一种是编译安装，另一种是直接安装编译好的nodejs，这里我采用前者。写这篇文章时，nodejs最新稳定版本为 v12.15.0，所以以下安装将以这个版本为例。在编译代码之前，需要在机器上安装一些软件包，使得编译可以正常运行：yum install gcc gcc-c++下载源码到本地# wget -c https://nodejs.org/d...
2020-02-06 12:39:58
443
原创 linux执行make命令时报错g++: Command not found
linux编译nodejs报错，截图如下：其实很简单只需要安装一下1. yum -y install gcc automake autoconf libtool make2. yum install gcc gcc-c++然后在执行make就可以了
2020-02-06 12:26:16
965
原创 lodash 常用操作
lodash是js集Array/Object/String/Function的Util于一身。lodash打包了Array/Object/String/Function里一些Api，好处是连ES6的也打包了，所以让你想在ES5环境下使用诸如Array#reduce#includes#some#every等时可以借lodash来帮忙lodash可以让代码更简短，以下列几个最频繁使用的方法：_....
2019-10-22 18:00:02
675
原创 设置本地私有npm包 -- verdaccio
适用于添加企业内部的私有源安装 sinopia$ npm install -g sinopia启动服务$ sinopia映射私有库$ npm set registry http://localhost:4873/$ npm set ca null添加用户npm adduser --registry http://localhost:4873/接下来会告诉你输入 用户名，密码，邮...
2019-09-12 18:25:15
1483
原创 nrm使用方法总结
什么是nrmnrm 是一个 npm 源管理器，允许你快速地在 npm 源间切换。安装nrmnpm install -g nrm使用nrm ls查看可选的源。nrm ls *npm ---- https://registry.npmjs.org/cnpm --- http://r.cnpmjs.org/taobao - http://registry.npm.taobao.org...
2019-09-12 18:20:05
438
原创 css 文字超出部分显示省略号
1. 一行超出部分显示省略号.line-clamp1 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}2. 两行超出部分显示省略号.line-clamp2 { overf...
2019-08-17 10:55:32
232
原创 http状态码详解
状态码含义100客户端应当继续发送请求。这个临时响应是用来通知客户端它的部分请求已经被服务器接收，且仍未被拒绝。客户端应当继续发送请求的剩余部分，或者如果请求已经完成，忽略这个响应。服务器必须在请求完成后向客户端发送一个最终响应。101服务器已经理解了客户端的请求，并将通过Upgrade 消息头通知客户端采用不同的协议来完成这个请求。在发送完这个响应最后的空行后，服务...
2019-07-31 15:12:06
136
原创 mysql 8.0.16安装教程
1、下载zip安装包：MySQL8.0 For Windows zip包下载地址：https://dev.mysql.com/downloads/file/?id=486089，进入页面后可以不登录。后点击底部“No thanks, just start my download.”即可开始下载。2、安装解压下载的 zip 文件 我这里文件目录是：D:\software\mysql-8.0.1...
2019-07-17 18:49:05
783
原创 vue记录错误和警告日志
记录原因：在开发过程中有些时候需要记录前端的错误和警告日志，可以方便排查错误，有些时候还可以记录用户在使用过程中遇到了哪些问题，方便我们很好的优化产品，提高用户体验。其实 vue 早就给我们准备了错误/警告日志提示的方法，我们只要在函数中向后台提交日志记录即可使用方法：Vue.config.errorHandler = function (err) { console.error('Vu...
2019-07-11 16:53:55
7505
原创 Express 应用程序生成器
1. 安装通过应用生成器工具 express-generator 可以快速创建一个应用的骨架。express-generator 包含了 express 命令行工具。通过如下命令即可安装：npm install express-generator -gexpress -h 参数可以列出所有可用的命令行参数：express -h Usage: express [options] ...
2019-07-10 15:45:47
507
原创 微信小程序 computed 实现
微信小程序 computed 实现安装 computed： computednpm install --save miniprogram-computed作为 behavior 引入const computedBehavior = require('miniprogram-computed')Component({ behaviors: [computedBehavior...
2019-07-10 14:59:13
2520
原创 slide-view 微信小程序官方左滑删除组件
github 地址： slide-view使用方法安装 slide-viewnpm install --save miniprogram-slide-view在需要使用 slide-view 的页面 page.json 中添加 slide-view 自定义组件配置{ "usingComponents": { "slide-view": "miniprogram-sl...
2019-07-10 14:56:59
6414
原创 关于微信小程序富文本解析
推荐使用 wxParse 组件github地址使用方法Copy文件夹wxParse- wxParse/ -wxParse.js(必须存在) -html2json.js(必须存在) -htmlparser.js(必须存在) -showdown.js(必须存在) -wxDiscode.js(必须存在) -wxParse.wxml(必须存在) -wxParse....
2019-07-10 14:53:37
380
原创 vue 项目中使用的px2rem插件，导致部分安卓机低版本 不显示1px 的border
解决方法：把1px 小写改成大写，可以完美的规避px2rem 的px向rem 的转化比如：border-bottom: 1px solid #ddd; 改成 border-bottom: 1Px solid #ddd;
2019-06-23 12:32:09
1394
原创 微信小程序修改 checkbox，radio，button默认样式
checkboxcheckbox .wx-checkbox-input { width: 32rpx; height: 32rpx;} checkbox .wx-checkbox-input.wx-checkbox-input-checked{ background: #d2a47e; border: 1rpx solid #d2a47e;} checkbox .wx...
2019-06-19 14:01:08
1012
原创 svg 用法详解
网上收录了一些svg常用的用法，在这里总结一下。一. svg标签<svg width="50" height="40" viewBox="0 0 100 100"></svg>名称用法描述widthwidth=“50”SVG代码所占用的宽度heightheight=“40”SVG代码所占用的高度viewBoxviewBo...
2019-06-06 10:48:35
4577
原创 Github上修改别人的项目并且提交给原作者
Github上修改别人的项目并且提交给原作者，这里以我的仓库为案例，下面来详细介绍操作方法首先提交代码到自己的远程仓库在自己的仓库中看有自己的提交内容后点击pull request在下一个页面创建提交请求输入提交内容合并提交自己同意一下提交即可接下来原作者就会收到合并请求，原作者同意一下即可Github进行fork后如何与原仓库同步...
2019-05-22 14:11:00
1665
原创 Github进行fork后如何与原仓库同步
fork一个仓库到自己的Github中，原仓库可能会有各种提交以及修改，如何保持自己的仓库和原仓库保持同步呢，这里已我的仓库为案例，下面来详细介绍操作方法查看你的远程仓库的路径。配置原仓库地址 git remote add upstream https://github.com/xuqichuang/zl-vue-ui，这时在查看会多出两行upstream这时就可以拉取原仓库的修...
2019-05-14 13:41:12
682
原创 Vue 插件编写
vue插件介绍1. 插件与组件在我们的vue项目中我们使用组件的频率往往会大于插件在没有封装组件之前，如果不使用第三方插件，那么很多情况下我们会编写几个常用的组件来提供给页面使用，如Alert/Loading组件，而你可能需要在很多页面中引入并且通过components注册组件，但是像这样使用率很高的组件一般我们希望全局注册后直接就可以在相应页面使用，因此我们需要将他们封装成插件，比如像vu...
2019-05-06 17:40:20
502
转载 HTTP中GET与POST的区别
GET和POST是HTTP请求的两种基本方法，要说它们的区别，接触过WEB开发的人都能说出一二。最直观的区别就是GET把参数包含在URL中，POST通过request body传递参数。GET在浏览器回退时是无害的，而POST会再次提交请求。GET产生的URL地址可以被Bookmark，而POST不可以。GET请求会被浏览器主动cache，而POST不会，除非手动设置。GET请求只能进行...
2019-04-04 13:33:34
120
原创 关于异步请求 waiting 时间的问题
waiting时间就是处理数据的时间，请求到达服务器，服务器根据请求内容去执行程序引入文件，载入类什么的，都在这段时间内执行，得出结果后，反馈回来，框架复杂度问题，越复杂的框架，请求时间越长。...
2019-04-03 11:05:44
1359
1
原创 vue 封装 radio 组件，纯css手写，需修改样式可自制
zl-radio&lt;template&gt; &lt;input type="radio" class="input_check" :disabled="disabled" :checked="checked" @change="change
2019-03-16 16:48:02
1204
原创 vue 封装 switch组件，纯css手写，需修改样式可自制
&amp;lt;template&amp;gt; &amp;lt;div class=&quot;myswipper&quot;&amp;gt; &amp;lt;div class=&quot;switch-text&quot; v-if=&quot;options&quot;&amp;gt;
2019-03-15 21:15:55
821
原创 ES6 快速上手
#ES6快速上手参考链接##Module基本用法// profile.jsexport var firstName = 'Michael';export var lastName = 'Jackson';export var year = 1958;//main.jsimport {firstName, lastName, year} from './profile';ex...
2019-03-15 18:41:42
989
原创 vue 封装 checkbox 组件，纯css手写，需修改样式可自制
zl-checkbox&amp;lt;template&amp;gt; &amp;lt;input type=&quot;checkbox&quot; class=&quot;input_check&quot; :disabled=&quot;disabled&quot; :checked=&quot;c
2019-03-15 11:11:50
1495
转载 vue 封装组件 实现自定义双向绑定
当组件使用 value 实现了一个功能，但又需要实现双向绑定，这时就会有冲突。通过 定义组件时的 model 选项，从而实现了自定义组件 v-model 功能。类似编辑器的功能，可能用 v-model 的方式会更好，可以通过这种方式使用。import Vue from 'vue'const component = { model: { prop: 'value1', ...
2019-03-15 09:14:02
1622
原创 es6 filter() 方法总结
判断数组中是否存在某个值var arr = [ { name:'xdd', age:50}, { name: 'xm', age: 12 }]var newArr = arr.filter(item =&amp;gt; item.name=='xdd' )// newArr : [{name:'xdd', age:50}]去除 ‘’ ,undefined,null, 0...
2019-03-09 19:02:43
9362
原创 vue报错：[Vue warn]: Duplicate keys detected: '1'. This may cause an update error.
vue 开发的时候遇到如下错误信息[Vue warn]: Duplicate keys detected: '1'. This may cause an update error.found in---&amp;gt; &amp;lt;Index&amp;gt; at src/views/list/index.vue &amp;lt;App&amp;gt; at src/App.vue
2019-03-05 15:42:43
13061
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人