- 博客(27)
- 收藏
- 关注
RSS订阅原创 取消el-time-picker组件在Sarari浏览器中下拉回弹效果
但是在Safari浏览器中，滑动分钟列表时，会取消时钟的选择，这是因为滑动分钟列表时有一个回弹效果，回弹把时钟的选择给取消掉了，我们现在要做的就是取消滑动时钟时的回弹效果。css中设置 overscroll-behavior-y: none;在项目中用到el-time-picker组件来选择时间，
2024-06-13 10:58:55
301
原创 vue项目，iOS端 APP内，页面跳转到二级页面后，上一页内赋值的对象没有销毁的问题
iOS端 APP内，页面跳转到二级页面后，上一页内赋值的对象没有销毁的问题
2023-02-21 09:58:15
408
原创 vue项目在安卓5系统兼容性问题；解决vue项目在安卓5系统白屏问题
解决vue项目在安卓5系统白屏问题，把项目中的es6及更高的语法转化为es5。
2023-02-17 11:42:16
1449
原创 This dependency was not found:* fs in ./node_modules/destroy/index.js, ./node_modules/etag/index.js
This dependency was not found:* fs in ./node_modules/destroy/index.js, ./node_modules/etag/index.js 报错解决办法
2022-06-15 15:37:45
1694
2
原创 IOS系统中，软键盘收起后页面下方留白解决办法
IOS系统中，软键盘收起后页面下方留白解决办法问题前景描述：之前在做一个项目时，涉及到一个抽奖互动，用户中奖之后，需要填写用户信息，以便可以寄送奖品；这就有一个蒙层弹框让用户输入姓名、手机号和收货地址，在用户输入完信息之后，软键盘收起，但是蒙层并没有回退到覆盖全屏的状态，而是下方留出大片空白，所以在此记录一下这次遇到的问题当时这个问题在Safari中和微信浏览器中并未出现，只在对应APP中出现了这个问题。首先在iOS系统中，蒙层的定位不可以使用fixed，需改成absolute定位设置在输
2021-05-24 13:57:00
2022
转载 iOS中多个position:fixed中z-index失效导致的坑
ios苹果手机，多个position:fixed导致层级关系失效，弹窗无法显示。怎么调试都无法实现，部分苹果手机不会出现此问题。首先，排除了浮动等会导致出现这个问题的情况。后网上百度了下，说是从父原则但是我按照这篇文章的说法修改样式js还是无效。因为是z-index属性失效导致了该问题，如下是正确解决了我此时的问题的方法方法一：页面上加上iOS的弹性滑动属性-webkit-overflow-scrolling: touch会导致苹果上z-index属性失效，安卓正常将弹性滑动属性的cs...
2020-10-16 19:14:38
1406
原创 vue-cli3.0 vue打包部署非根目录时，静态资源图片路径错误
项目中需要把应用部署在子路径下，所以就需要修改vue配置和NGINX配置以子路径为market为例.eg.http://localhost:8000/market/1、第一步修改vue.config.js文件配置 publicPath属性publicPath: "/market/", // 默认 / 修改为 market修改router.js配置base属性export default new Router({ mode: 'history', base: process.
2020-05-13 16:38:26
2231
原创 一道关于instance、prototype相关的前端面试题
今天突然看到一道题，var A = function() {};A.prototype = {};// 这里的空对象为对象1var a = new A();A.prototype = {};// 这里的空对象为对象2var b = new A();console.log(a instanceof A);//falseconsole.log(b instanceof A);//...
2020-04-09 15:58:59
271
转载 Vuex入门—— state,mapState,...mapState对象展开符详解
https://blog.youkuaiyun.com/dkr380205984/article/details/82185740转载
2020-02-19 17:48:05
487
原创 手机号格式校验和手机号添加空格
1、手机号格式校验let phoneReg = /^[1][3,4,5,7,8][0-9]{9}$/;phoneReg.test(phoneNumber)2、手机号前三位后添加空格，后面每隔四位添加空格phoneAddGap(phoneNum){ let regPhoneNum = phoneNum.replace(/(\d{3})(\d{4})/,...
2019-07-08 11:41:48
2427
转载 Git pull冲突 清除staged
问题当Git pull的时候，如果有冲突，那么除了冲突文件，其它文件都会做为staged区的文件保存起来。解决 git reset --hard FETCH_HEAD或者git reset --hard HEAD 将本地的冲突文件冲掉，不仅需要reset到MERGE-HEAD或者HEAD，还需要--hard。没有后面的hard，不会冲掉本地工作区。只会冲掉st...
2019-05-28 14:08:10
1101
原创 本地开发、调试vue npm包
1、首先创建目录使用使用webpack-simple创建目录结构入口文件名为index.jspackage.json 里面添加"main": "./src/index.js",index.js里面写：import Login from './Login.vue'Login.install = function(Vue){ Vue.component(Login.na...
2019-03-09 16:42:49
2463
转载 适配安卓、iOS端input 输入框中，修改disabled属性默认样式
<input type="text" disabled="disabled" maxlength="20" />input:disabled{ background-color : #fff; //修改默认灰色样式 color: #666; opacity:1; // 默认的不透明级别为0.3 -webkit-text-fill-color:...
2019-03-05 19:32:27
641
转载 Object.create(X.prototype) VS new X
这里面文章出处https://juejin.im/post/5914fdce44d904006c44dfacnew Test():create new Object() objset obj.__proto__ to Test.prototype;return Test.call(obj) || obj;// normally obj is returned but constr...
2019-01-30 18:32:37
180
原创 制作并发布一个Vue组件npm包
制作并发布一个Vue组件npm包本人以前从来没有发不过npm包，所以写此篇文章用来记录发布一个npm包的步骤，当然也借鉴了网友的操作步骤，此篇文章用来作为一个笔记记录。整个的基础的目录结构是：创建Vue组件本地创建一个项目文件，进入文件中执行npm init按照提示输入即可，文件中生成package.json文件相信很对人对于package.json的配置是相当熟练了对于...
2019-01-17 16:08:21
3503
1
原创 初始化配置sourcetree
本人新下载sourcetree之后，直接clone项目，一直出现下方提示：这是一个无效的原路径 / URL网上查了好多文章，1，说是Git版本有关系工具----》 选项在这里面不管是选地内嵌Git还是使用系统的Git，都不好使，升级内嵌Git版本也没用，然后就排除了Git版本的问题。2、说账号的原因这里面的账号已经是我项目的账号，并且没有更新密码，所以...
2019-01-15 15:06:34
1020
转载 nodejs基础: 如何升级Noejs版本
nodejs基础: 如何升级Noejs版本 文章来源： http://theholmesoffice.com/node-js-fundamentals-how-to-upgrade-the-node-js-version/ Node.js的开发非常活跃，它的最新稳定版本也频繁变化，你不时会发现，一个模块不能在你当前的Node版本上使用，此时你需要升级Node幸运的是，可以用一种非常简单的方
2017-09-11 14:03:26
310
转载 论#POST异步加载的tab切换内容 swiper切换不起效果以及底部pagination 失效的解决办法#
论#POST异步加载的tab切换内容 swiper切换不起效果以及底部pagination 失效的解决办法论#POST异步加载的tab切换内容 swiper切换不起效果以及底部pagination 失效的解决办法#function hdp_swiper(){ var swiper = new Swiper('.hdp-container', { pagination:
2017-05-03 16:19:57
2531
转载 WEBPACK DEV SERVER
webpack-dev-server是一个小型的node.js Express服务器,它使用webpack-dev-middleware中间件来为通过webpack打包生成的资源文件提供Web服务。它还有一个通过Socket.IO连接着webpack-dev-server服务器的小型运行时程序。webpack-dev-server发送关于编译状态的消息到客户端，客户端根据消息作出响应。简单来说，w
2016-11-16 15:06:36
476
原创 webpack resolve 解析
webpack resolve 解析var path = require('path');module.exports = { ... resolve:{ alias:{ "jquery":__dirname+"/assets/static/js/jquery-3.0.0.min.js", "iscroll_zoom":__dirna
2016-11-14 15:25:18
2949
原创 webpack shimming modules 引入第三方插件
webpack shimming modules 引入第三方插件 webpack提供了几种加载不符合模块格式的loaders，包括： - Importing - imports-loader - plugin ProvidePlugin - Exporting - exports-loader - Exposing -
2016-10-26 18:25:12
2167
原创 HTML Webpack Plugin 插件参数学习
这是一个webpack插件，简化了HTML文件的创建，以便为您的webpack包提供服务。 这对于在文件名中包含更改每个编译的哈希的webpack包尤其有用。 您可以让插件为您生成一个HTML文件，使用lodash模板提供您自己的模板或使用您自己的加载器。安装$ npm install html-webpack-plugin --save-dev基本用法这个插件生成一个HTML5文件，其中包括在b
2016-10-24 16:49:41
1472
转载 入门Webpack，看这篇就够了
写在前面的话阅读本文之前，先看下面这个webpack的配置文件，如果每一项你都懂，那本文能带给你的收获也许就比较有限，你可以快速浏览或直接跳过；如果你和十天前的我一样，对很多选项存在着疑惑，那花一段时间慢慢阅读本文，你的疑惑一定一个一个都会消失；如果你以前没怎么接触过Webpack，而你又你对webpack感兴趣，那么动手跟着本文中那个贯穿始终的例子写一次，写完以后你会发现你已明明白白的走
2016-10-21 17:19:30
614
转载 入门Webpack，看这篇就够了
写在前面的话 阅读本文之前，先看下面这个webpack的配置文件，如果每一项你都懂，那本文能带给你的收获也许就比较有限，你可以快速浏览或直接跳过；如果你和十天前的我一样，对很多选项存在着疑惑，那花一段时间慢慢阅读本文，你的疑惑一定一个一个都会消失；如果你以前没怎么接触过Webpack，而你又你对webpack感兴趣，那么动手跟着本文中那个贯穿始终的例子写一次，写完以后你会发现你已明明白白的走进了
2016-10-21 17:15:44
440
原创 关于ios 7系统支持fadeIn()属性
项目中遇到的一个bug，设置一个页面在css上.pagethree{display:none};js通过$('.pagethree').fadeIn();显示；在ios 7以上的版本，都没有问题；点击页面的按钮，可以正常跳转；在ios 7系统上，则点击无反应。把css上.pagethree{display:none}改为.pagethree{visibility:hidden};j
2016-09-28 18:59:03
268
原创 关于ios 7系统支持fadeIn()属性
项目中遇到的一个bug，设置一个页面在css上.pagethree{display:none};js通过$('.pagethree').fadeIn();显示；在ios 7以上的版本，都没有问题；点击页面的按钮，可以正常跳转；在ios 7系统上，则点击无反应。把css上.pagethree{display:none}改为.pagethree{visibility:hidden};js控制显
2016-09-28 18:36:02
556
原创 input输入框禁用苹果系统键盘的return键
在项目中遇到输入框输入号码提交抽奖的功能，在测试的时候发现，输入完号码之后，点击苹果系统键盘下的return按钮，会跳转页面，并显示405错误。所以现在需要对return按钮做一个事件监听的处理。通过代码测试，发现return键对应的code值为13.所以代码如下：$(".input_list").on("keydown",function(e){ var key = e.whi
2016-09-22 16:33:07
1519
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人