- 博客(25)
- 收藏
- 关注
RSS订阅原创 使用Layui上传图片，并进行压缩
在工作中使用到layui，发现其上传功能并不是很适用于自己的项目。故此，借用其上传功能，自己将图片压缩并上传.Layui 上传图片官方文档：https://www.layui.com/doc/modules/upload.htmlHTML：<button type="button" class="layui-btn" id="test1"> <i class="...
2019-09-16 09:42:18
655
原创 安装使用NVM，管理node版本（windows版本）
由于本人使用的是windows系统，所以安装nvm-windows。官网：https://github.com/coreybutler/nvm-windows/releases一、安装步骤1、从官网中下载安装包。下载下来是个压缩包，解压后运行里面的exe文件即可。2、运行exe文件。3、配置nvm的安装位置，按照个人习惯随意设置。4、设置node的symlink文件...
2019-05-24 10:43:44
840
原创 修改本地Git远程仓库用户名错误
在你第一次输入远程仓库的用户名和密码时，本地就会保存一个永久性的凭据，以便下次不需要再次输入用户名和密码。但是有时候，输入错误需要修改。控制版面>>>用户账户>>>凭据管理器>>>管理windows凭据。在里面将你所需删除的凭据删除即可。...
2019-04-23 20:30:09
1363
原创 VUEX中关于 mapActions, mapMutations使用解析
在项目中，经常使用到VUEX状态管理，对于小项目中，直接使用this.$store.commit('mutaion-name','参数')或者this.$store.dispatch('actions-name','参数')上述两种方法即可。但是，当项目中的 mutation或者 action过多的时候，这样一个个的写就显得比较麻烦。所以，vue提供了mapA...
2019-04-19 16:41:31
26561
1
原创 ES6中的三点运算符(...)方法
本文是将ES6中关于（ ... )运算符小结，参考下面文章。ES6重点复习资料:https://juejin.im/post/5c02b106f265da61764aa0c1ES6中提供的这个运算符可以简便的进行数据的合并和拆解。其实，不能称为三点运算符.1. 使用方法一：在函数的传参数过程。作用将剩余的参数放入一个数组中。合并rest参数形式为（...变量名），其值为一个数组，...
2019-04-19 15:42:46
8574
2
原创 vue-cli 3安装额外的 css 编译器
npm中的 i , -g , -D, -S区别npm i module_name -S = > npm install module_name --save 写入到 dependencies 对象npm i module_name -D => npm install module_name --save-dev 写入到 devDepen...
2019-04-18 09:55:13
854
2
转载 vue项目中的“Invalid Host header”，使用内网穿透
在使用vue项目中使用内网穿透，页面出现这个 Invalid Host header 错误。这个是因为webpack为了安全而设计的在vue-cli版本为2.x的情况下修改webpack.dev.conf.js中的devServer对象devServer: { disableHostCheck: true,}vue-cli版本3.0的情况下修改vue.config...
2019-04-18 09:36:09
1314
原创 VUE中Rem 适配解决方案
此方案是借助两个插件，将px进行转化为rem。lib-flexible用于设置 rem 基准值。由淘宝手机前端开发团队编写的。 postcss-pxtorem是一款 postcss 插件，用于将单位转化为 rem。一、lib-flexible Installnpm i -S amfe-flexible Import<meta name="viewpo...
2019-04-16 13:31:14
13823
3
原创 VUE中关于render函数相关案例
最近，由于业务需求使用iview作为前端UI框架，在处理table的时候总是，有些不满意的地方，最后发现在iview可以使用vue的render函数。特此记录。Render函数：render函数接收一个 createElement 方法作为第一个参数用来创建VNode（虚拟DMO）render: function (createElement) { //do something...
2019-04-15 16:28:01
1344
1
原创 UEditor上传图片
<script type="text/javascript">//使用layui上传图片 layui.use('upload', function () { var upload = layui.upload; var layer = layui.layer; //执行实例 var uploadInst = upload.render({ ...
2019-04-11 10:48:07
335
原创 使用Layui上传图片，并进行压缩
在工作中使用到layui，发现其上传功能并不是很适用于自己的项目。故此，借用其上传功能，自己将图片压缩并上传.Layui上传图片官方文档：https://www.layui.com/doc/modules/upload.htmlHTML：<button type="button" class="layui-btn" id="test1"> <i class=...
2019-04-11 10:39:57
4779
2
原创 vue路由懒加载的两种方式
1、当一个vue项目很大的时候，对于一些“暂时”用不到的组件，我们可以不进行加载，等到用到次组件时再加载。这样可以优化spa应用首次加载白屏情况，也给用户更好的体验。这样就是vue路由懒加载。2、常用的懒加载方式有两种：即使用ES中的import 和vue异步组件2.1 未使用懒加载import HelloWorld from '@/components/HelloWorld...
2019-04-03 14:37:59
7256
1
原创 关于input框入焦和失焦，纯css改变样式
在工作项目中，是用到input框焦距和失焦时，显示输入的单位。用js方法很简单，但是偶然想到是否可以用纯css来实现？经过实验是可以实现的。HMTL: <div class="input_money "> <em class="hideEm">￥</em> <input typ...
2019-03-22 14:47:33
5421
原创 Nginx配置单页应用（vue, react等）路由404问题
在Nginx中，由于单页面应用的URL地址都是通过路由来实现的，所有的文件在一个index.html文件中，所以，当通过URL后面带着 /xx nginx就会找不到文件，从而显示404错误。解决方案：在 /etc/nginx/conf.d 文件夹下中 的 default.conf 文件中配置如下: location / { try_files $uri ...
2019-01-03 23:01:45
4181
1
原创 IntelliJ 系列软件破解补丁破解方法
本破解补丁下载地址：http://idea.lanyus.com/本破解方法是使用破解补丁方法破解，破解率比较高，其他破解方式：https://blog.youkuaiyun.com/voke_/article/details/76418116#commentBox一、下载 JetbrainsCrack-3.4-release-enc.jar 放置到 IntelliJ 系列软件 安装目录的 \bin...
2018-12-15 21:10:50
447
原创 vux 修改主题配色的两种方法
1.全局变量 在build中的webpack.base.conf.js 配置文件里，将你的less文件配置进去 module.exports=vuxLoader.merge(webpackConfig,{ plugins:[ {name: 'vux-ui'}, {name: 'less-theme', path: 'src/style/theme.less'} ...
2018-12-07 10:04:18
1186
原创 Emmet快捷键使用手册
语法:后代：>缩写：nav>ul>li<nav> <ul> <li></li> </ul></nav>兄弟：+缩写：div+p+bq<div></div><p&
2018-07-18 15:43:32
572
原创 关于vue-cli打包后，index显示空白页解决方法
1.修改打包时，文件引用路径在config文件加下index.js文件中，找到 build 中的 assetsPublicPath 将 assetsPublicPath: '/' 修改为 assetsPublicPath: './' 即添加一个点2.注释相关打印提示（可选）在build文件加下build.js文件中，将一个 console.log 注释掉3.重新build 3.1如果没有进行第...
2018-07-03 17:44:34
8806
原创 Github Pages绑定阿里云域名
1.获取github pages的ip地址打开你的电脑的命令行工具，ping你的github地址，只需要填写主地址，忽略“/”后面的路径，比如我的github pages地址是https://jasonsxie.github.io/whitesoda/，那么我需要ping的地址就是jasonsxie.github.io，如下图：2.配置阿里云域名解析进入你的阿里云的解析域名列表，选择你想要解析的域...
2018-07-03 15:31:01
1983
原创 JS和jquery操作css样式
在写js的时候经常弄混掉js和jquery对样式操作的方法，这里总结一下：JS方法：1.直接设置style属性，设置 !important值无效，如果属性值有 “ - ”改成小驼峰写法(textAlign)或者 element.style['text-align']= '100px'e.style.height= '100px' //需要带上单位2.直接设置属性e.setAttribute('h...
2018-05-23 10:58:19
353
转载 闭包的理解！
1、定义和用法：当一个函数的返回值是另外一个函数，而返回的那个函数如果调用了其父函数内部的其它变量，如果返回的这个函数在外部被执行，就产生了闭包。2、表现形式：使函数外部能够调用函数内部定义的变量。3、实例如下：(1)、根据作用域链的规则，底层作用域没有声明的变量，会向上一级找，找到就返回，没找到就一直找，直到window的变量，没有就返回undefined。这里明显count 是函数内部的fla...
2018-05-07 16:26:47
349
原创 input中value变化监测
1、input 当前属性发生改变同时触发此事件，但仅仅针对于input中的value值改变。支持chrome 、firefox等。 $('#input').bind('input', function() { $('#result').html($(this).val()); }); 2、propertychange 当前属性发生改变同时触发此事件，仅仅支持的是IE浏览器。与inpu...
2018-05-07 16:13:27
3554
原创 table表格，让thead固定，tbody有滚动条
<!DOCTYPE HTML><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>table</title>
2018-05-07 11:14:21
2875
转载 XMLHttpRequest对象的readyState和status区别
可以简单的理解为state代表一个整体的状态。而status是这个大的state下面具体的小的状态。比如，水的state。 1.可饮用 2.不可饮用 3. xxx……水的Status1.矿物质2.酸性水3.xxx..... 比如XMLHttpRequest对象的readyState和status，readyState为4，会有对应的，才会有响应status:500,404...readyStat...
2018-04-26 10:55:36
614
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人