- 博客(35)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 h5移动浏览器常见问题
经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iPhone4的960640分辨率，在网页里只显示了480320，这样devicePixelRatio＝现在android比较乱，有1.5的，有2的也有3的。亦即click的触发是有延迟的，这个时间大概在300ms左右，也就是说我们tap触发之后蒙层隐藏，此时click还没有触发，300ms之后由于蒙层隐藏，我们的click触发到了下面的a链接上。这就是step的简单介绍。...
2022-07-26 14:13:40
1021
转载 git报错：Pull is not possible because you have unmerged files解决方法
git提交服务器冲突
2022-06-29 11:56:25
1462
转载 vuex--使用vuex-persistedstate持久化保存数据
vuex默认情况下数据存储在内存，刷新浏览器后数据变成初始状态vuex-persistedstate可以让vuex中的数据持久保存在sessionstorage或localstorage中，刷新后不会变成初始状态引入npm i -S vuex-persistedstate使用：import Vue from 'vue'import Vuex from 'vuex'import persistedState from 'vuex-persistedstate'export defau.
2021-01-08 10:54:09
1006
原创 父子组件执行顺序
vue的生命周期，从一个实例对象被创建到实例对象被销毁的过程就是该对象的生命周期。依次为：beforeCreate -> created -> beforeMount -> mounted -> beforeUpdate -> updated -> beforeDestory -> destoryed。该过程是严格按照先后顺序来执行的在组件开始生成到结束生成的过程中，如果该组件还包含子组件，则自己开始生成后，要让所有的子组件也开始生成，然后自己就等着，直到所有
2021-01-08 10:40:03
403
原创 h5网页跳到小程序--jssdk
微信h5跳小程序参考资料http://caibaojian.com/wxwiki/0030551f015f01ecaa56d20b88ee3c6cb32503bf.html#.E6.AD.A5.E9.AA.A4.E4.B8.80.EF.BC.9A.E7.BB.91.E5.AE.9A.E5.9F.9F.E5.90.8Ddomusername小程序的原始ID <wx-open-launch-weapp id="launch-btn"
2021-01-05 10:23:58
1655
转载 解决Element-UI 侧边栏页面刷新后不高亮显示的问题
最近在写一个后台管理系统，用的vue+element，搞到侧边栏导航的时候路由跳转没有问题，但之后页面刷新发现侧边栏的选中状态(高亮显示)没有了，因为项目时间比较紧，并且没有影响到我后面的开发所以就搁置了一段时间，今天有时间搞了一下，发现想的时候可能有些复杂，其实这个问题还是比较简单的。例如：下面这段代码<template> <el-aside width="240px"> <el-menu class="el-menu-vertical-demo"
2020-12-24 09:17:31
535
原创 前端面试相关
说说js代码写到html里还是单独写到js文件里哪个好？为什么？各功能独立，界面比较干净；js文件中的代码可压缩、混淆；js文件可被浏览器缓存，获得加载上的性能优势；方便管理，关系清晰；方便引用，一些公共js独立导入可复用；...
2020-12-22 16:37:33
58
原创 git credential manager for windows解决方法
git credential manager for windows解决方法一，保存 git 的密码.gitconfig 文件中添加 [credential] helper = store 或者在git bash 中执行 git config --global credential.helper store之后只需输入一次密码即可二、去掉每次window 安全中心验证git credential-manager uninstall执行后安全中心验证不在弹出...
2020-12-02 11:42:42
4285
原创 常用js轮子
// 低版本浏览器var browser = lowerBrowser();if (browser == '9' || browser == '8' || browser == '7' || browser == '6') { console.log('inner'); window.location.href = domain_url + "browser.html";}//接口返回的数据统一处理function RequestFailProcess(res){ cons
2020-08-17 11:49:18
434
原创 移动端h5页面写了在手机端整体等比例缩放
<meta http-equiv="X-UA-Compatible" content="IE=Edge"> <meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width"> <meta content="yes" name="apple-touch-fullscreen"> <me...
2020-08-17 11:36:31
1742
转载 图片懒加载
一、懒加载原理1.1 原理先将img标签的src链接设为同一张图片，然后给img标签设置自定义属性（比如 data-original），然后将真正的图片地址存储在data-src中，当JS监听到该图片元素进入可视窗口时，将自定义属性中的地址存储到src属性中，达到懒加载的效果。1.2 目的这样做能够避免页面一次性向服务器发送大量请求，导致服务器响应变慢，最终导致页面卡顿、崩溃等现象。二、代码实现2.1 实现步骤将img标签内的src属性修改为data-original， 给img标签添加
2020-08-17 11:25:30
1982
转载 前端值得造的轮子
链接：https://www.zhihu.com/question/29380608/answer/130729912UI 轮子轮播、Tab、懒加载……照着饿了么UI库、Bootstrap 挨个实现就好。做这种轮子比较考验 CSS 功力，你需要用尽量少的代码适应尽量多的场景。流行 UI 模式的实现瀑布流、视差滚动、fullpage等。原理简单又炫酷，何乐不为。DOM 操作的轮子实现得最好的当然就是 jQuery。由于 jQ 这么流行，所以你实现的结果很可能跟 jQ 的 API 一模一样。因此
2020-08-17 11:21:29
746
原创 js返回上一页
<a href="javascript:history.go(-1)">返回一页</a> <a href="javascript:location.reload()">刷新当前页面</a> <a href="javascript:" onclick="history.go(-2); ">返回前两页</a> <a href="javascript:" onclick="self.location=document.referr
2020-08-05 17:55:35
102
原创 在路由中添加了相同的路由报错。Navigating to current location (“/home/index“) is not allowed
Navigating to current location ("/home/index") is not allowed在src/router.js 里面import Router from 'vue-router’下面写入下面方法即可/**重写路由的push方法*/const routerPush = Router.prototype.pushRouter.prototype.push = function push(location) { return routerPush.cal
2020-07-20 14:50:42
574
转载 JS弹出新窗口被拦截的解决方法
在Web编程中，使用JS在新窗口打开页面的时候，会遇到被浏览器拦截的情况，那么，我们如何才能让JS打开新窗口不被浏览器阻止呢？一、问题一一般情况下，如果直接在js中调用window.open()函数去打开一个新窗口，浏览器会对弹出的窗口进行拦截，因为浏览器会把该窗口认为是弹出广告等用户不想得到的窗体1、解决方法把window.open()函数改为由用户主动点击时触发，在超链接里加入onclick事件，这样浏览器就认为是用户想访问这个页面，而不是直接弹出给用户2、例如：<a href="ja
2020-07-13 10:01:00
1281
转载 vuex 数据持久化
前一段修改公司项目的时候，遇到了这个VUEX数据持久化的问题，本来在vuex中存储的数据，只要刷新页面数据就没有了，其实用本地存储就可以解决,但是想想都用vue 开始做项目了，就能用新技术就用新技术，最好找到了解决办法第一步：npm install vuex-persistedstate第二步：在store/index.js中添加下面代码import persistedState from ‘vuex-persistedstate’export default new Vuex.Store({
2020-06-16 16:09:22
99
转载 Browserslist: caniuse-lite is outdated. Please run next command `npm update caniuse-lite browserslis
依照命令行提示去更新不起作用解决：1.直接删除该项目node_modules下面的caniuse-lite和browserslist这两个文件夹2. npm i caniuse-lite browserslist
2020-06-06 15:13:02
3666
转载 CANVAS画布与SVG的区别
CANVAS是html5提供的新元素，而svg存在的历史要比canvas久远，svg并不是html5专有的标签，最初svg是用xml技术（超文本扩展语言，可以自定义标签或属性）描述二维图形的语言。在H5中看似canvas与svg很像，但是，他们有巨大的差别。CANVASCanvas 是通过 JavaScript 来绘制 2D 图形。Canvas 是逐像素进行渲染的。在Canvas中，一旦图...
2020-03-21 12:11:18
155
原创 对图片进行涂鸦并保存的的功能实现过程
1、需求能够对图片进行圈画，并自动保存2、技术思路方向：（1）企业微信和微信api（第一反应，现成的api）结果：目前企业微信api和微信api均无此功能，网上资源中目前没有查询到可以直接编辑图片的案例或者demo。怎么办呢？现况：我发现企业微信和微信在上传图片时可以直接对图片进行标注编辑。企业微信在预览时可进行标注保存。解决方案：于是想到的解决方案时先引导用户保存需要编辑的图片，然...
2020-03-21 11:48:31
3431
原创 v-show和v-if的区别及使用场景
共同点：v-if 和 v-show 都能实现元素的显示隐藏1.手段：v-if是通过控制dom节点的存在与否来控制元素的显隐；v-show是通过设置DOM元素的display样式，block为显示，none为隐藏；2.编译过程：v-if切换有一个局部编译/卸载的过程，切换过程中合适地销毁和重建内部的事件监听和子组件；v-show只是简单的基于css切换；3.编译条件：v-if是惰性的，如果初始...
2020-03-18 17:06:13
373
原创 微信小程序自定义导航栏
自定义导航栏的颜色 可以在app.json的 window里面添加背景颜色navigationBarBackgroundColor属性。颜色只能为十六进制颜色码。字体颜色navigationBarTextStyle仅支持白色和黑色为了满足更多用户的需求，微信官方给出了一个navigationStyle属性,支持 default/custom。custom 模式可自定义导航栏，顶部导航栏就...
2020-03-07 14:08:05
182
原创 vue语法使用注意事项
vue常用的修饰符的概念.stop：就是js中的event.stopPropagation()的缩写,它是用来阻止冒泡的；.prevent：就是js中event.preventDefault()的缩写,它是用来阻止默认行为的；.capture：捕获事件和冒泡事件(默认)是两种事件流,事件捕获是从document到触发事件的那个元素;冒泡事件是从下向上的触发事件；.self：就是防止父元素（...
2020-02-27 17:59:14
151
原创 Vue.js 在ie浏览器使用的注意要点
vue 只兼容ie8以上版本；IE 不兼容 axios的promiss对象;IE 不兼容es6语法；ES6转ES5详情请查看https://blog.csdn.net/qq_24985715/article/details/93764818
2020-02-27 15:35:52
469
原创 VConsole
<script src="https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js"></script><script> // 初始化 var vConsole = new VConsole();</script> -->
2020-02-27 15:09:52
125
原创 H5文件上传相关问题
安卓手机端微信浏览器中点击文件上传框提示没有应用可执行此操作解决方法：把accept去掉就行了：<input type="file" class="chooseImage" />input[type=file] 上传文件时，多次上传相同文件，不能触发onchange（）事件解决：input中的onchange事件产生的原因：（一）当input捕获到焦点后，系统存储当前值。（...
2020-02-27 14:57:32
417
转载 CSS实现单行、多行文本溢出显示省略号（…）
1.单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。实现方法：overflow: hidden;text-overflow:ellipsis;white-space: nowrap;效果如图：2.如果我们要实现多行文本溢出显示省略号呢。实现方法：display: -webkit-box;-...
2019-08-20 16:17:39
146
原创 页面跳转穿参乱码、高度
1、高度自适应height:calc(100vh - 260px);2、穿参乱码、对象穿参打开页面并穿参window.open(‘itemdetail.php?row=’+ encodeURI(encodeURI(JSON.stringify(row))));//页面接收参数this.option=JSON.parse(decodeURI(Request[‘row’]));...
2019-05-14 13:55:53
116
原创 提高图片的清晰度和加载速度
在处理图片时，一些图片加载很慢，把图片缩放压成缩略图，但是图片模糊不清，可以采用下面两种方法实现加载图片的高清度，也能提高图片加载速度，提高用户体验1、先让客户端加载像素小的缩略图：< img src="缩略图.jpg" name="pic" width="800" height="600" id="news" />然后用js处理：var img = new Image()
2018-09-19 19:19:48
2430
原创 viewport的使用,最大宽，最小宽,背景图片自适应,flex布局
1、viewport的使用2、最大宽，最小宽max-width:770px;min-width:350px;3、背景图片自适应.pic{background:url() no-repeat;width:100%;background-size:cover;}4、flex布局。display: flex 使元素以flex方式显示flex-wrap: nowrap|wrap|w...
2018-09-19 09:52:12
810
原创 WePY中的methods属性只能声明页面wxml标签的bind、catch事件，不能声明自定义方法
*elementUI的textarea怎么设置最多字数，最大行数？左侧数字随着字数的改变而改变xx.vue data () {return {remnant_content:0,}},//内容字数动态减少methods:{descInputContent(){var txtVal = this.form.content.len...
2018-09-17 19:27:48
554
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人