- 博客(71)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 git clone 提示Authentication failed
git 账号密码更新后本地重新拉取密码 提示Authentication failed 网上搜了下 用下面的两条命令重新设置下用户名和邮箱git config --global user.namegit config --global user.email试过后没有用，最后试了下面的命令git config --system --unset credential.helper 如果提示权限...
2022-05-30 18:44:00
156
原创 深入理解js闭包的9大使用场景
1.返回值(最常用)//1.返回值最常用的function fn(){ var name="hello"; return function(){ return name; }}var fnc = fn();console.log(fnc())//hello这个很好理解就是以闭包的形式将 name 返回。2.函数赋值var fn2;...
2021-07-31 10:47:00
61
原创 Vscode显示多个文件
按ctrl+shift+P，在搜索框中输入：setting.json，打开文件，输入如下内容：{ "workbench.editor.showTabs": true, "workbench.editor.enablePreview": false,}
2021-07-14 19:27:00
70
原创 webpck代码拆分与缓存
分离打包插件SplitChunksPlugin使用webpack4.xx提供的SplitChunksPlugin，废弃了webpack3.xx中的CommonsChunkPlugin，CommonsChunkPlugin导致的主要问题是产出的chunk在引入时会产生重复的代码，无法优化异步chunk，高优的chunk产出需要的minchunks配置比较复杂，而SplitChunksPlu...
2020-08-02 11:54:00
35
原创 vue性能优化
页面性能优化可以从两方面着手，第一个时页面加载速度，第二个是页面运行时性能，这里主要说页面加载性能。1.vue 路由的懒加载component: () =>import(/* webpackChunkName: "quality-overseer-msg" */ "@/views/quality-overseer/QualityOverseerMsg.vue")2.第三方库的按需...
2020-05-01 00:22:00
20
原创 vue项目中推荐tinymce
之前在开发中也用过其它的编辑器，但是觉得不比tinymce功能多，而且不依赖后端，比如图片的上传，图片大小可调整等，保留复制时的样式等，具体使用方法如下：一.安装tinymce资源npm install @tinymce/tinymce-vue -Stinymce 默认是英文界面，所以还需要下载一个中文语言包，在脚手架Vue-cli3下需要把语言包放在public下，我的做法时在publi...
2020-01-09 15:17:00
17
原创 前端实现Excel的批量下载
在开发中遇到这样一个需求，当前界面有多张报表由table渲染出来，然后可以把这些table表格批量下载成Excel，并且多张table表格集中在一个sheet里面。具体代码实现如下： //EXCEL导出 exportFile: function (classArr,dowloadName) { // classArr表示多个table的类名 //dowloadName ...
2020-01-09 14:30:00
24
原创 vue 嵌入iframe问题
<iframe src="静态文件路径" frameborder="0" scrolling="auto"></iframe>之前在vue-cli2中静态文件是放在static下可以正常引入，但是vue-cli3中必须放在public里新建的static文件夹中这样才能正常显示html文件，如下图所示需要注意的是：iframe的src属性直接写“static/i...
2019-08-30 22:59:00
32
原创 html页面导出为pdf（jsPDF、iText、wkhtmltopdf）
https://blog.csdn.net/huyuyang6688/article/details/79710704github上有一篇文章说明比较详细，还有具体的demo：https://github.com/linwalker/render-html-to-pdf
2019-01-18 10:54:25
759
原创 对象的深拷贝
JavaScript这门语言，有两种数据类型，一种是基本数据类型，包括（number，string，null，undefined，Boolean，symbol），另一种是复杂数据类型包括Object；而对于基本数据类型来说，复制一个变量值，本质上就是copy了这个变量。一个变量值的修改，不会影响到另外一个变量。看一个简单的例子。let val = 123;let copy = val;...
2019-01-17 11:38:36
3263
1
原创 react 重复渲染
state props 的改变导致重新渲染开发中遇到这样一个问题，封装一个upload组件，然后通过props进行组件间的通信，当上传完图片后，在输入其它的内容时，会导致图片上传列表再次渲染，于是就想到了shouldComponentUpdate（nextProps,nextState）周期函数，利用其中的nextProps进行优化，具体方法如下：shouldComponentUpdate（n...
2019-01-16 15:54:00
4007
原创 React线上部署问题
1.react npm run build 之后部署上去 发现页面空白解决方法，把 browserHistory改成hashHistory，如果要使用browserHistory需要服务端配置，2.react 代理部署之后，发现接口请求404，react在package.json里面，实现了动态代理，如下："proxy": "http://www.iamcrawler.cn:4000"本地...
2019-01-11 14:34:52
1198
原创 react 实现元素的增删功能
react 实现元素的增删功能在初次开发过程中遇到这样一个问题，动态添加input输入框，刚开始直接用push方法添加，然后再用setState更新，结果无效，后来查了资料，是这样说的：不要直接改变state 直接对组件state中的属性赋值将不会触发DOM更新，因为React并不知道state被改变了state的更新可能是异步的 React会一次处理多个对setState的调用以提高性能，...
2019-01-08 19:43:11
2434
原创 vue 路由高级使用
详情参看下面链接：https://router.vuejs.org/guide/advanced/navigation-guards.html#global-guards
2018-07-15 22:23:58
742
原创 vue打包后背景图片不显示问题
vue打包后CSS中引用的背景图片不显示问题 今天在插入背景图片过程中，遇到了路径错误的问题，通过网上查询，找到了解决的办法，但是大部分都没有讲造成这种问题的原因，故我简单地总结了一下，并加入了一些自己的理解，欢迎共同探讨~ 当用vue-cli自动构建项目后，有两种运行方法，分别是： npm run dev : 提供一个开发的环境，自动热更新，资源使用绝对路径，所以可以正常看...
2018-06-06 18:44:07
12536
2
转载 Vue 实现网易云音乐 WebApp
项目演示地址：https://link.zhihu.com/?target=http%3A//120.79.162.149%3A3002/ 源码地址：https://link.zhihu.com/?target=https%3A//github.com/CaiJinyc/vue-music-webapp
2018-05-16 09:16:10
4884
3
原创 使用vue开发过问题总结
1.vue打包后实行本地浏览 解决： 在 build 部分的 assetsPublicPath 里面加一个点即可 assetsPublicPath: ‘/’, 2.打包后抛到服务出现页面渲染空白 原因是：当开启history模式的时候，没有对路由进行任何处理 解决方法： （1）去除history模式 （2）只需要修改router中的index.js，在每个path中加上你项目名称...
2018-04-17 18:23:37
206
原创 左边定宽右边自适应布局方法
在开发业务管理系统时，会遇到左边定宽，右边宽度自适应的问题，比如以下的情况 方法一：左边设置左浮动，右边宽度设置100% .left{ float: left; } .right{ width: 100%; }方法二： 父容器设...
2018-03-30 10:10:43
259
原创 优秀的 Vue框架案例
总链接：https://github.com/vuejs/awesome-vue#component-collections 链接1：https://github.com/TonyLuo/element-vue-admin 移动端UI框架链接：http://mint-ui.github.io/docs/#/en2/action-sheet
2018-01-20 17:44:15
15471
1
原创 vue moment 时间格式化
使用方法： 1.npm install vue-moment –save 2.全局引入Vue.use(require(‘vue-moment’)); 3.使用方法<td>{{item.createTime|moment("YYYY-MM-DD HH:mm:ss")}}</td>
2017-12-02 20:04:20
15265
原创 欢迎使用CSDN-markdown编辑器
自定义滚动条样式，打造属于你自己的滚动条。网址：https://www.lyblog.net/detail/314.html快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl + Q插入链接 Ctrl + L插入代码 Ctrl + K插入图片 Ctrl + G提升标题 Ctrl + H有序列表 Ctrl + O无序列
2017-11-27 17:31:22
164
原创 多图片上传
HTML<html> <head> <meta charset="utf-8" /> <title>图片上传预览/删除</title> <link rel="stylesheet" type="text/css" href="css/index.css"> </head> <body> <center> <!-- 图片选择框 --> <form>
2017-09-28 17:57:25
202
原创 欢迎使用CSDN-markdown编辑器
template.js 模板引擎快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl + Q插入链接 Ctrl + L插入代码 Ctrl + K插入图片 Ctrl + G提升标题 Ctrl + H有序列表 Ctrl + O无序列表 Ctrl + U横线 Ctrl + R撤销 Ctrl + Z重做
2017-09-02 13:56:14
165
原创 解决checkbox的attr(“checked”)undefined问题
原来，在jquery1.6版本便对此做出了修改： 【checked属性在页面初始化的时候已经初始化好了，不会随着状态的改变而改变。 也就是说如果checkbox在页面加载完毕是选中的，那么返回的永远都是checked（我的一开始就是没选中） 如果一开始没被选中，则返回的永远是undefined ！】 既然jquery对此做出了修改，那肯定也就是有相应的更好的解决方法： .prop()便是解决这个问题
2017-06-28 19:23:04
295
原创 原生js写的slider_up与slider_down效果
在写移动端项目时，有很多底部弹出框效果，当时想到用slider_up,slider_down效果，但是在移动端我用的zepto.js库，里面没有slider_up,slider_down方法，于是就自己写了一个，demo如下。“` slider_up与slider_down效果
2017-04-11 19:56:28
1433
原创 px与em的区别
在国内网站中，包括三大门户，以及“引领”中国网站设计潮流的蓝色理想，ChinaUI等都是使用了px作为字体单位。只有百度好歹做了个可调的表率。而 在大洋彼岸，几乎所有的主流站点都使用em作为字体单位，也就是可调的。没错，px比em更加容易使用，大部分读者不知道em为何物或者它相当于多少 px。国外人士如此重视网站易用性(Accessibility)，不仅因为其根生蒂固的人文精神，直接原因可能是因 为
2017-04-07 11:56:50
258
转载 一行代码解决各种ie兼容问题
一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10 2014-01-21 10:57 37793人阅读 评论(2) 收藏 举报 http://www.cnblogs.com/yoosou/archive/2012/07/27/2612443.htmlx-ua-compatible 用来指定IE浏览器解析编译页面的modelx-ua-compatible 头标签大小写不敏感，必
2017-04-06 11:49:58
1133
原创 Fastclick.js日期插件中的input控件无法被触发
解决方法：找到fastclick.js源码中的 FastClick.prototype.onTouchEnd = function(event) { //添加一行代码就能解决 if (event.target.nodeName == "INPUT") { return false; } }
2017-04-05 18:22:16
380
原创 解决移动端overflow：hidden无效的问题
最近在做移动端项目的时候，遇到一个问题，就是当我添加一个事件是使body：overflow：hidden，在pc端有效，但是在移动端却无效。 解决办法很简单，try：html，body{height:100%;overflow:hidden;}instead of just:body{height:100%;overflow:hidden;}
2017-04-01 16:32:49
4403
1
原创 欢迎使用CSDN-markdown编辑器
例如我们在输入框输入文字时，如何监听input输入框内容的变化，然后根据内容的变化，我们去触发相应的事件。这个时候我们就应该给输入框input绑定三个事件，keypress，keydown，keyup。下面我将写一个demo来模仿搜索输入框中的差号的显示与隐藏。 style部分 </style>`这里写代码片`<style type="text/css"> body{
2017-04-01 14:53:55
146
原创 js事件委托
事件委托：通俗的讲把自己应该做的事情交给别人去做，也就是利用冒泡原理，把这个这个事件交给父级或祖先去触发执行效果。用实例来说。 item1 item2 item3 item4 item5 item6
2017-03-31 16:56:43
197
原创 移动端适配之雪碧图(sprite)背景图片定位
为了减少网络请求个数量，提高网站的访问速度，我们一般都会把一些小的图片合并成一张sprite图，然后根据background-position来进行定位。在web端由于是固定的大小与left 、top，所以定位起来会比较准确、简单。但是在移动端就不一样了，各种手机的屏幕大小不一样，很难做到使用sprite图然后根据background-position来定位。所以普遍的做法都是使用单张图片，然后使
2017-03-30 21:24:04
1363
原创 js call和apply的区别
apply()与call()的区别 一直都没太明白apply()与call()的具体使用原理，今日闲来无事，决定好好研究一番。 JavaScript中的每一个Function对象都有一个apply()方法和一个call()方法，它们的语法分别为：/*apply()方法*/function.apply(thisObj[, argArray])/*ca
2017-03-29 15:05:41
270
原创 XHR的readystate的五个属性
关于xmlhttprequest的readystate属性的五个状态 昨天做了一个利用ajax实现页面无刷新的从服务器端获得时间的例子，当时对于xmlhttprequest对象的readystate的后三个状态不是很清楚，想了半天，也不明白！后面在程序的不同地方中用alert(xmlhttp.readystate)查看readystate值的变化，并且请教朋友之后，才弄明白其中的
2017-03-27 18:28:16
2735
转载 js变量提升
JavaScript中变量提升------Hoisting2012-07-01 13:49 by 随风浪迹天涯, 8882 阅读, 27 评论, 收藏, 编辑前言因为我在写这文章的时候，百度里找资料，找到了园友的一篇文章，写的很好，可是我写了又不想放弃，所以就在里面拿了很多东西过来！~~[翻译]JavaScript Scoping and Hoisting希望得
2017-03-19 15:12:07
272
原创 更好的理解git rebase git merge
Git merge是用来合并两个分支的。git merge b # 将b分支合并到当前分支同样 git rebase b，也是把 b分支合并到当前分支-----------------------------------他们的 原理 如下：假设你现在基于远程分支"origin"，创建一个叫"mywork"的分支。$ git
2017-03-07 20:05:46
349
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人