- 博客(38)
- 收藏
- 关注
RSS订阅原创 web端获取图片主色调
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Awesome-color-picker</title> <style> .banner-container { background-size: contain; background-positi
2022-04-13 14:32:31
484
原创 监听页面左右/上下滑动事件
监听页面左右/上下滑动事件<template> <view @touchstart="touchstart" @touchmove="touchmove" @touchend="touchend" class="touch"> 上下/左右 滑动 </view></template><script> export default { data() { return { /* 移动所需参数 */ start
2021-11-08 17:48:51
1498
原创 Vue不能检测数组下标赋值、长度变化、对象属性动态添加和删除的原因和解决办法
解决方法：1、方案一：利用Vue.set(object,key,value)对象：Vue.set(vm.obj,"sex","man")2、方案二：利用this.$set(this.object,key,value)对象：this.$set(this.obj,"sex","man")； 数组：this.$set(this.arr,index,newVal)；3、方案三：利用Object.assign({},this.obj)对象：this.obj = Object.assign({},t
2020-06-05 12:44:50
818
原创 一个小程序canvas生成并保存图片的实例
将用户名称，头像，小程序二维码（base64）绘制到画布中并保存1.将一张底图打底2，文字，头像的布局；将base64格式的二维码转成本地临时文件；3.canvas生成图片4.将图片保存至相册具体代码如下：view<view @click="invitian">立即邀请</view>js:invitian(name,headImg,code){ uni.showLoading({title: '图片合成中',mask:true, }) wx.get
2020-05-29 16:45:24
844
原创 两种情况时间倒计时
function countDown(stTime,distanceTime){ var startTime= new Date(stTime.replace(/-/g, "/")).getTime(); ; var nowTime = new Date().getTime(); var obj ={}; if(distanceTime){ var endTime= new Date(distanceT...
2020-05-29 16:23:09
411
原创 禁止IOS H5的滑动回弹问题
想禁止这个行为只要引入一个库就可以了gitHub<script src="./inobounce.min.js"></script>这个库是禁止了整个页面的滑动,我们需要在滚动的盒子外面加上height or max-height, overflow: auto , -webkit-overflow-scrolling: touchok...
2020-01-16 10:33:06
3949
原创 解决移动端css-fixed 在ios引发的抖动
大佬的参考：http://www.zhangyunling.com/684.html首先，IOS想要页面的滚动变得流畅，所以才有的这个元素：-webkit-overflow-scrolling，那么这个属性的存在，就可能会引起一些其他的问题，这个解释不了更多了…还有，语义化标签是个很重要的概念，这里也更进一步的说明了这个问题，其实，在最初之所以把fixed元素，放在其他的元素内部，主要是为了之...
2020-01-03 17:18:46
2506
原创 使用vue移动端实现自适配
1.首先把安装amfe-flexible，这里使用npm installnpm i -S amfe-flexible复制代码2.在入口文件main.js中引入import ‘amfe-flexible/index.js’复制代码3.在根目录的index.html 的头部加入手机端适配的meta代码<meta name="viewport" content="width=device...
2019-11-07 14:43:38
273
原创 jq在移动端滚动到顶部失效解决方法
这两天写了一个h5的活动页面，页面里面有个需求就是点击滚动到顶部；这种写过很多次；之前也没有出现过问题；而且写的时候在电脑端测试是没有问题的；代码是这样的e$(function(){ // 返回顶部$('.mainTitle5 .goToTop').click(function(){ $('html,body,window').animate({ scrollTop: 0 ...
2019-10-30 15:58:53
1303
2
原创 div背景图片之间存在的缝隙解决方法
解决方法：1.在div上加上：margin-top:-0.01rem;不一定是0.01rem；反正是负数；（最小数）或者：将图片：background-size: cover;铺满整个盒子即可；根据自身代码条件做参考哈；希望对您有帮助~...
2019-10-30 15:48:35
5685
原创 找出字符串中午重复的最大子串
找出字符串中午重复的最大子串思路: 对字符串进行遍历，使用String.prototype.indexOf()实时获取遍历过程中的无重复子串并存放于push进strArr，当遍历最后一个字符串时，将最后不重复字符串push进strArr；并计算出数组的最长不重复字串<script >// ？找出字符串中午重复的最大子串 var str = 'chenminglan';...
2019-10-18 19:11:40
245
2
原创 uni-app 字节跳动的版本bug
使用uni-app 编译出来的头条小程序，抖音小程序遇到的bug1： 编译出来的小程序css 不支持!important;必须与前面 css空一格； font-weight: 700!important; // × font-weight: 700 !important; // √可是线上版本肯定是压缩的；不能为了这个不压缩代码吧？不明白是为什么，难道是字节小程序的bug?后期应...
2019-10-11 18:04:49
1688
3
原创 前端写一个弹窗背景不滚动并且无滑动到底部
css:.bodyFixed { overflow-y: hidden !important;}弹窗显示 $("body").addClass("bodyFixed"); 弹窗关闭 $("body").removeClass("bodyFixed");但是这样在ios 会有一个Bug；就是背景还是可以滚动；解决方法： $(".Dialog").on("touchmo...
2019-10-11 17:50:32
509
原创 web解决ios滑动不流畅
每次公司搞活动时，写的web单页移动端次次在IOS有问题；滑动不流程100%中；经过多次今天的我终于解决了；由于当absolute定位的容器内存在relative定位并且高度大于外置容器时，容器的滚动会出现卡顿闪烁现象这是一部分原因；还有就是本身body,html；一般网上查的一大推都是说加上；-webkit-overflow-scrolling: touch;/* 解决ios滑动不流畅...
2019-09-05 16:12:11
819
原创 lottie-web的使用说明
1.html；犸良demo地址准备好json 文件；<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"...
2019-09-05 12:00:58
4878
5
原创 移动端iOS滑动bug
移动端iOS滑动bug;只有body,html加上overflow：hidden；页面过长之后滑动不顺滑；不能加；将超出页面元素设置回来即可；移动端
2019-08-30 18:36:32
565
原创 wenire真机调试
今天又尝试了真机测试，使用的是 wenire真机调试：网上参考了多种方式；这种比较方便又适合于我；给大家分享一下哈；Weinre(WebInspector Remote)是一款基于Web Inspector(Webkit)的远程调试工具，借助于网络，可以在PC上直接调试运行在移动设备上的远程页面。需要准备的：1.node.js；2. 本地服务器：可以使用http-server、tomca...
2019-08-02 12:53:08
629
原创 微信小程序请求封装
微信小程序请求封装 //封装request请求 unityRequest:function (opts) { wx.showLoading({ mask: true }) var appThat=this; wx.request({ url: opts.url, data:opt...
2019-07-31 09:53:11
218
原创 前端注释
不知道在做前端的各位对于写注释是什么样的一个想法；先说说我的想法；当时在写一个项目是后台管理系统的时候，我就特别少写注释；那时我觉得这个代码很简单啊，为什么要写注释，浪费时间；不用写一会回来看看一定会明白的；所以代码是这样的： 看图一千的逻辑几乎没有一个注释；于是过了一个月两个月回来修改bug修改需求时；凉凉；我当时为什么这么写？这个是干嘛？啊？业务逻辑好多啊？又得花时间理清楚；后来...
2019-07-30 12:34:04
578
2
原创 使用es6--对象数组的多种去重方式
在当今这个前端代码时代，前端需要对数据处理的逻辑需求越来越多，也越来越复杂了；所以我在项目种总结了一些对去重的几种方式提供给到大家参考！之前我是对数组去重是这样的，当然现在也没有被淘汰，还是可以用的只是代码看着有点ldemo: let array = ['amy','jack','tom','jackson','mark','jack'];1：一维数组去重beFore:之前都是使用...
2019-07-30 12:13:35
2713
原创 js封装倒计时，两种类型；
由于本者最近在写一个 小程序拼团抽奖的活动；所以就总结封装了两种需要用到的倒计时；//文件： utils/utils.js //小于10的格式化函数 export function timeFormat(param){ return param < 10 ? '0' + param : param; }//注意引入：import {timeFo...
2019-07-19 17:25:50
835
原创 vue&php解决跨域的方法
解决跨域有两种情况：CORS方式：1：不需要带cookie的情况下：前端：import axios from 'axios'axios.defaults.withCredentials = false;设置 发请求不携带 cookie后台： 由于不需要带cookie后台不需要拿到cookie做如何处理；so:'Access-Control-Allow-origin': '*'...
2019-07-10 18:16:59
1963
原创 移动设备上“精灵图”的制作&适配
不废话了，直接贴代码#introduceHonor3 .collaborate .collaborateList ul .collaborateImg{ background-image:url(../img/exploreSuddenfix/consociationList.png)!important; background-size: 23.84rem auto; ...
2019-07-05 19:10:37
508
1
原创 去除省市区留下详情地址的封装
// 处理门店地址只要详情地址，去除前面省市区； sliceStrAddress(Provinces,detailAdd){ if(this.indexCheck ==10){ return detailAdd; } let proStr= Provin...
2019-06-22 09:30:26
978
原创 vue input回车是时的刷新问题
@keyup.enter.native使用回车 @keyup.enter.native。页面总是会触发再次刷新页面；<el-input v-model.trim="fixOrderListPara.applicationNo" @keyup.enter.native="inquire()" placeholder="请输入" style="width:70%;" ><...
2019-06-19 15:05:24
1643
转载 vue，vue-router实现浏览器返回不刷新页面
vue，vue-router实现浏览器返回不刷新页面当我们在写单页应用的时候，前端路由采用vue-router实现，如果从页面A跳到页面B，然后点浏览器返回，返回到页面A时，页面会刷新。最近遇到一个需求，一个列表页，用户会根据条件进行筛选，也可以翻页，当用户筛选后点击具体的某一个条目时，进入详情页查看编辑详情，用户点击返回时，希望之前页面的筛选条件也能够保留。查找相关资料，vue中有个keep-...
2019-06-14 18:31:16
4648
原创 使用swier遇到的一个问题
今天使用swiper做了两个轮播(controller)联动滑动遇到的一个问题我做测试是都是使用VS的open with live server（）打开文件测试的全程做下来都没有没有问题，没有Bug没有报错...
2019-06-11 16:24:29
191
原创 react的开发环境介绍
本者今天开始学习react ，顺道做个笔记让初学者参考。也相当于本人自己做笔记加深印象。你也加油！1.首先，你需要在你的机器上安装 Node >= 6 和 npm >= 5.2。2.开发创建我们额第一个react项目；请执行： npx create-react-app my-app*npx create-react-app my-app3.可以安装我们项目所需的几个插件，开发...
2019-06-11 16:21:33
242
原创 Jscript获取一段时间内的全部周一至周日的日期
之前做一段功能使用echarts图表有一个按周的统计功能。获取一段时间的按天的按月的都相对比较简单，按周的稍微有点难度；按天的封装 // 获取两个日期之间所有的日期（YYYY-MM-DD） //start,开始时间 //end，结束时间 // result 时间差的日期 array export function getdateTimePhase(start,end){ ...
2019-06-05 18:49:40
706
原创 小程序端连续点击时跳转多个页面栈问题
接触小程序之后的遇到的一个问题当网络较慢时，用户连续点击多次按钮跳转页面；会出现栈堆多个；在网上找到两个解决的方法，大家可以参考一下；1.类似于开关思想（锁）flag默认为true这个方法思路虽然是可以实现的。但是总感觉是不完美的，可能一会就出bug了；2. 方法二。从网上参考，非常棒，（节流思想）2.1先封装如下代码； export function debounce(func, ...
2019-05-14 19:06:23
2263
原创 ElementUI修改默认样式，又不影响到其他组件
（1），修改全局的话，特别简单；直接在vue 中<style > .el-table th .cell{ color:rgba(0,0,0,0.5)!important; } .el-table td .cell{ color:rgba(0,0,0,1.8)!important; }</style>#注意，一定不要写 scop...
2019-05-14 18:32:16
3786
转载 移动端页面初始化的css样式
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, s...
2019-03-05 16:17:42
1182
原创 移动端 自适应布局 Js
1px * 0.021rem = 50px; 转换> <script type='text/javascript'> // 定义rem的值，1rem=100px ! function () { function a() { document.documentElement.st...
2019-03-05 16:05:53
272
原创 微信小程序的组件与模板的使用&传值及注意点
微信小程序：一： 如何将组件应用到页面当中组件：（1） 在js中properties里设置的组件名称（例如course） properties: { //组件名称： 组件类型 mydata:Object },页面：（1）wxml中<组件名称 course=“数据”>//< 组件名称 /...
2018-11-16 19:23:24
1109
原创 img 的alt 与 title 的含义
img 的alt 与 title 的含义alta:alt(alt text):为不能显示图像、窗体或applets的用户代理（UA），alt属性用来指定替换文字。替换文字的语言由lang属性指定。(在IE浏览器下会在没有title时把alt当成 tool tip显示) <div> <img src="../demo/images/ad.png" alt="湛...
2018-11-05 18:59:45
3376
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人