自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

chi1130的博客

一步两步,一步一个魔爪

原创 解决vue中移动端ios键盘收起页面不归位问题

前言 网上找的例子 千篇一律~~~~~ 代码 <template> <div> <div @focusout="inputBlur" @focusin="inputFocus"> <inpu...

2020-03-24 20:57:59 81 0

原创 DateTimePicker自定义选择大于当前时间限制

问题 something think 代码 <template> <el-form :model="ruleForm" :rules="rules" ref="ruleForm" la...

2020-03-09 22:54:39 489 0

原创 原生js实现redux中getState,subscribe,listener,dispatch函数

原生代码 <!DOCTYPE html> <html lang="en"> <!-- 原生js实现dispatch 函数 --> <head> <meta charset="UTF-8"...

2020-03-01 20:13:13 80 0

原创 nodejs中常见的跨域处理

跨域问题 ajax 同源策略 协议 主机(ip,域名) 端口号 协议,端口 cors header 头文件信息 jsonp 服务器 解决 ????‍♀️ 协议,端口 将跨域的文件放入与服务器一样的文件下 cors 以 express 为例 const express = require...

2020-02-23 21:48:59 60 0

原创 2019-nCoV为期两周的宅计划

前言 2019 年 12 月以来,湖北省武汉市持续开展流感及相关疾病监测,发现多起病毒性肺炎病例,均诊断为病毒性肺炎/肺部感染,在这里提醒各大小朋友做好自我保护:保持基本的手部和呼吸道卫生,坚持安全饮食习惯,并尽可能避免与任何表现出有呼吸道疾病症状(如咳嗽和打喷嚏等)的人密切接触。同时向奋斗在一线...

2020-02-20 20:45:32 261 0

原创 怎么使用docker运行nuxt项目

个人日常 DEMO git clone git@github.com:chengheai/ssr-project.git 添加 Dockerfile touch Dockerfile vi Dockerfile FROM node:8.11.0 WORKDIR /opt ADD node_mo...

2020-01-08 22:10:37 151 0

原创 小程序中优雅的获取手机号

前言 最近在写小程序项目,有个获取手机号功能,网上荡了一下,虽不说是代码问题,有些文章都是残缺不全的,说到容易错误的区域又并未使用代码避免,说而不做的问题,索性自己结合网上的文章及官网文档写了一套完整的代码,完全开箱即用 ????????‍♂️???????????? 效果 代码 //Page ...

2020-01-08 22:05:17 139 0

原创 解决iOS12及一下弹框滚动会带动body内容滑动

前言 在移动项目开发中往往会写一些 H5 页面,一个项目可能只有一两个页面,引入其他 UI 组件项目显得太臃肿,也没有啥必要,毕竟那些组件都是被人写的,有的时候不能一味的去使用他人写好的代码,有时间也需要自己谢谢,锻炼自己的同时也在巩固一些基础知识~~ 问题 一个页面弹出一个框,框里的内容可以滚动...

2019-11-21 22:07:33 267 0

原创 vue中实现图片上传添加自定义水印并下载

前言 最近看了一篇用 Angular4+ 写的添加水印功能,觉得挺好玩,就自己试着用 vue 写一个相同功能 效果 LIVE ☀️???????????? 在线例子 ????????☃️❄️ 代码 ✈️✈️✈️✈️✈️✈️ 直达完整代码 ????✈️???????????????? <di...

2019-11-21 22:06:34 880 0

原创 多个el-select共用一个options且一个option只能用一次

需求 一个表单多个下拉框,假如 options 里有中国,美国,第一个 select 选择里中国那么第二个 select 的 options 中国就置为灰色,反之我第二个选里中国,第一个 options 中中国就置为灰色 效果 DEMO 在线 demo ⛩⛽️????✈️????????????...

2019-10-21 22:24:11 358 0

原创 git分支上删除某次提交与获取其他分支上某个提交

前言 ~在日常开发中,常常会碰到这样的问题,我们在dev分支上写好的代码,经过严格的测试确认无误没有问题,打包发不到正式环境上去了,后来产品经理说这个功能不是本期上的,但是正式服已经有了,那怎么弄呢? 例子 例如,现在当前分支上代码有三次提交,我想把其中间一次提交去掉,怎么做? 步骤: git l...

2019-10-15 22:59:15 93 0

原创 Linux执行history命令显示命令执行时间

附录 在线快速生成JSON对象api 【MYJSON】(http://myjson.com/1g17dp) 前言 在实际项目开发中,往往碰到这样一种情况,我明明没有敲这个指令啊,怎么代码被覆盖了?怎么回事????? 用history命令查看 : 这时间也没有也不知道是谁敲的名字,这可咋办? 效果...

2019-09-17 22:26:03 366 0

原创 在Linux服务器上Nginx部署vue静态项目

前言 最近看了看nginx,觉得挺好玩,刚好自己有一个VPN测试服务器,就自己敲了一遍,部署一个vue-cli初始化项目 ~另外给大家推荐一个免费试玩的服务器腾讯云☁️实验室,每天有大约6个小时的时间可以使用,两个ubuntu,一个ubuntu是3小时 3 + 3 = 6 安装 nginx安装 ~...

2019-09-11 22:57:00 98 0

原创 解决vscode中js文件提示typescript语法报错

前言 最近在vue项目中,全局安装了一下typescript,再看看vue项目代码就有一大堆ts提示错误 然后网上一搜也没啥好答案 ~例如: ❌❌解决办法:在设置里面加上 “javascript.validate.enable”: false 禁用默认的 js 验证 这样禁用那我js写错了都不知道...

2019-09-11 22:55:13 3530 0

原创 Axios无法在Safari浏览器及微信中打开

前言 最近在项目开发中碰到这样一个问题,刚登录完用 axios 调订单列表接口时,总是提示 token 过期失效。仔细想想,刚登录的返回的 token 都没存在 window.document.cookie 中,怎么会过期呢。经过沿路抽丝剥茧,debugger,打印出来的 token 依然是最新的...

2019-09-09 22:02:50 348 0

原创 vue中audio实现微信语音播放动画

预览 思路 拿到时长做倒计时,时长 = ( 时长 + 1 ) * 100; destroy的时候清除一下 代码 <div style="display:none"> <audio controls="controls" ref=&qu...

2019-09-09 22:01:34 895 2

原创 css常见的规范标准

前言 你是否常常碰到以下问题:你总是看不懂他写的代码,或者读起来很吃力;你需要改他的代码却无从下手,或总是要去问他这里是什么改了会不会影响其他代码;你和他一起开发一个产品,你总是怕代码和他有冲突或互相影响;你的代码在多次维护任务之后变得越来越臃肿,越来越难以维护。很多时候起名字都很随意,但也想起个...

2019-09-05 21:26:49 65 0

原创 vue中audio动态绑定src不能播放

前言 略去。。。 代码 <audio id="audio" controls> <source :src="audUrl || '../assets/alarm.ogg'" type="audio/ogg&...

2019-09-05 21:25:25 1112 4

原创 vue-ssr服务端渲染添加多个swiper

问题 一个ssr项目添加多个swiper会引起轮播图混乱。 前言 在使用nuxt.js实际开发项目中,会出现类似这样的情况,一个页面写两个【PC端一个,移动端一个】或者多个【其他需求】,在官方github有关服务端渲染的文档少之又少,只有一个简单的使用demo,且与vue-cli项目使用还有点差别...

2019-08-27 21:06:42 160 0

转载 git常用指令大全

查看、添加、提交、删除、找回,重置修改文件 git help <command> # 显示command的help git show # 显示某次提交的内容 git show $id git co -- <file> # 抛弃工作区修改 git co . # 抛弃工作区修改...

2019-08-20 22:14:43 26 0

原创 vue-quill-editor富文本内容在页面中样式丢失

现象 用富文本的情况有很多,例如在后台管理系统排版好的富文本页面,准备在移动端页面去显示,或者在官网显示,两个项目不在一起,在管理系统排好的样式在显示页面显示的一塌糊涂,为啥呢?大多数情况是样式没有引入。 解决 给容器增加一个class ql-editor,才能正常显示,另外前面是主题类名,不同的...

2019-08-20 22:12:32 2493 0

原创 微信支付当前页面的URL未注册问题[单页面]

前言 微信支付时,当调用微信支付的时候,微信会判断当前页面和微信公众号后台设置的支付授权目录是否一致,他会把页面最后一次刷新的url作为判断依据(如果用户刷新了任何页面,这个页面就是支付页面),这个时候,单页应用的路由中‘#’后面的内容也会被传递过去,在微信的判断流程里,这个url和设置的目录是不...

2019-08-13 21:35:48 6717 0

原创 vue自定义抽屉组件

前说 在项目开发中,有很多时候由于某某原因,很多UI组件不能被用,像移动端一个小的H5页面,引入一个大的antd-mobile显然也不合理,所以就有了很多形形色色的自定义组件了。 效果 LIVE demo 代码 drawer.vue <template> <div clas...

2019-08-08 21:34:09 1138 1

原创 原生js实现点击复制文本

参考文档 queryCommandState clipboardData queryCommandSupported execCommand 预览 demo 代码 handleCopy(text) { if (window.clipboardData && window...

2019-08-06 20:53:13 58 0

原创 常见js中易错小题介绍

前说 在前端面试过程中,有时候会因为一些小题而使你与offer失之交臂,这也反应出你的基础知识点不扎实,或做事粗心大意,很多公司也喜欢出这样的题目来考察面试者的基本水平。下面总结了一些典型的面试易错题。 典题 1、 下面哪个是错误的? A : li:nth-of-child(1) B : li:n...

2019-07-16 13:52:58 33 0

原创 面试题[1,2,3].map(parseInt)解析

题目 let a = ['1','2','3'].map(parseInt); console.log(a); 答案 // [ 1, NaN, NaN ] 解析 代码解析 1、传入一个参数 var arr = ["1&quo...

2019-07-16 10:46:57 298 0

原创 前端js综合经典面试题

前记 前些时间,面试中写的笔试题,偶然的机会做了两次,最后还是错了几道,结果回来在网上一挡,哎。。不过说实话,该公司面试题道道都是经典题,的确不错,长知识了。 题目 function Foo() { getName = function() {console.log(1);}; return ...

2019-07-15 22:09:41 273 0

原创 关于js中构造函数手写return的影响

例子 基础例子 构造函数正常的应该是这样的格式,new关键字调用函数,函数名首字母大写。 // 一个类 function Fun(name, age, sex) { this.name = name; this.age = age; this.sex = sex; } // 实例 va...

2019-07-15 22:08:37 88 0

原创 浅谈js中函数的继承方式

~~ 回首往昔, 更近一步 ~~ 招式 1. ES5 构造函数继承 function Parent() { this.name = 'parent'; this.colors = ['black', 'yellow', '...

2019-07-09 15:44:19 760 0

原创 使用vue中mixin制作一个公用el-table组件

官网原话 混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项 功能 ~1.选项合并 ~1.全局混入 ~1.自定义选项合并策略 具体看官网介绍:https://...

2019-07-09 13:49:40 418 0

原创 有关前端js中this指向的问题笔记

前言 在以往的ECMAScript 5中,this的指向可谓是多种多样,在各个公司面试题也是必考项,现收集几个面试题进行解析: 原题解析 题1: var o = { fn: function(){ var a = 1; console.log(this.a); } } o....

2019-07-08 20:37:08 71 0

原创 vue项目按需使用keep-alive

需求 list 页面做缓存 add/edit 页面不做缓存 detail 页面不做缓存 … 前人法子 <keep-alive> <!-- 需要缓存 --> <router-view :include="include" v-if="...

2019-05-23 22:45:51 203 0

原创 vue-cli axios 项目有关于refresh_token、access_token过期失效刷新的处理

需求 用户登录之后,返回access_token, refresh_token 还有返回失效时间20秒. 1,假如用户一直在数据交互。当access_token 失效了就用refresh_token 来更新一下 access_token. 2,假如用户登录之后啥也不干,那么access_token...

2019-05-22 22:42:23 1469 0

原创 el-input在vue中优雅实现禁止输入特殊字符

前提补充 在vue中 <input v-model="text" /> 等价于 <input :value="text" @input="e => text = e.target.value" /> ...

2019-04-17 21:29:12 4860 0

原创 vue-cli 上传文件与文件夹进度条

效果 DEMO 点我呀

2019-04-13 17:37:03 715 0

原创 element-ui datetime限制日期时间范围

效果 demo 代码 [ 日期比较 ] <div class="block"> <span class="demonstration">开始日期:</span> <el-date-picker ...

2019-03-25 21:29:43 1482 0

原创 javascript eval 函数作用

定义和用法 eval() 函数可计算某个字符串,并执行其中的的 JavaScript 代码。 语法 eval(string) eval函数是强大的数码转换引擎,字符串经eval转换后得到一个javascript对象 说明 该方法只接受原始字符串作为参数,如果 string 参数不是原始字符串,那么...

2019-03-14 21:59:14 100 0

原创 chart力导图node节点图片代替

效果 源码 在线demo 代码 chart: { type: 'networkgraph' }, plotOptions: { networkgraph: { layoutAlgorithm: { ...

2019-02-14 17:24:47 135 0

原创 Mint-ui-infinite-scroll解决重复加载

第一种方法(当数据不多的情况下使用【比如排行榜10条】) 思路 每次上滑的时候都调一次接口,直到没有数据就将infinite-scroll-disabled 设为true,每次截取slice(i * 3, (i + 1) * 3); 3是每次显示的条数 代码 &amp;lt;div cl...

2019-01-22 11:01:39 2130 0

原创 vue-week-picker实现支持按周切换的日历

效果 ![](/images/2019-01-07 20-14-33.2019-01-07 20_15_33.gif) 线上DEMO

2019-01-07 20:39:52 2834 3

提示
确定要删除当前文章?
取消 删除