![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
文章平均质量分 50
Chenming_321
路是没有尽头的
展开
-
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 · 456 阅读 · 0 评论 -
一个小程序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 · 813 阅读 · 0 评论 -
两种情况时间倒计时
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 · 383 阅读 · 0 评论 -
禁止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 · 3885 阅读 · 0 评论 -
使用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 · 255 阅读 · 0 评论 -
找出字符串中午重复的最大子串
找出字符串中午重复的最大子串思路: 对字符串进行遍历,使用String.prototype.indexOf()实时获取遍历过程中的无重复子串并存放于push进strArr,当遍历最后一个字符串时,将最后不重复字符串push进strArr;并计算出数组的最长不重复字串<script >// ?找出字符串中午重复的最大子串 var str = 'chenminglan';...原创 2019-10-18 19:11:40 · 231 阅读 · 2 评论 -
前端写一个弹窗背景不滚动并且无滑动到底部
css:.bodyFixed { overflow-y: hidden !important;}弹窗显示 $("body").addClass("bodyFixed"); 弹窗关闭 $("body").removeClass("bodyFixed");但是这样在ios 会有一个Bug;就是背景还是可以滚动;解决方法: $(".Dialog").on("touchmo...原创 2019-10-11 17:50:32 · 458 阅读 · 0 评论 -
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 · 4749 阅读 · 5 评论 -
移动端iOS滑动bug
移动端iOS滑动bug;只有body,html加上overflow:hidden;页面过长之后滑动不顺滑;不能加;将超出页面元素设置回来即可;移动端原创 2019-08-30 18:36:32 · 536 阅读 · 0 评论 -
wenire真机调试
今天又尝试了真机测试,使用的是 wenire真机调试:网上参考了多种方式;这种比较方便又适合于我;给大家分享一下哈;Weinre(WebInspector Remote)是一款基于Web Inspector(Webkit)的远程调试工具,借助于网络,可以在PC上直接调试运行在移动设备上的远程页面。需要准备的:1.node.js;2. 本地服务器:可以使用http-server、tomca...原创 2019-08-02 12:53:08 · 580 阅读 · 0 评论 -
微信小程序请求封装
微信小程序请求封装 //封装request请求 unityRequest:function (opts) { wx.showLoading({ mask: true }) var appThat=this; wx.request({ url: opts.url, data:opt...原创 2019-07-31 09:53:11 · 205 阅读 · 0 评论 -
前端注释
不知道在做前端的各位对于写注释是什么样的一个想法;先说说我的想法;当时在写一个项目是后台管理系统的时候,我就特别少写注释;那时我觉得这个代码很简单啊,为什么要写注释,浪费时间;不用写一会回来看看一定会明白的;所以代码是这样的: 看图一千的逻辑几乎没有一个注释;于是过了一个月两个月回来修改bug修改需求时;凉凉;我当时为什么这么写?这个是干嘛?啊?业务逻辑好多啊?又得花时间理清楚;后来...原创 2019-07-30 12:34:04 · 560 阅读 · 2 评论 -
使用es6--对象数组的多种去重方式
在当今这个前端代码时代,前端需要对数据处理的逻辑需求越来越多,也越来越复杂了;所以我在项目种总结了一些对去重的几种方式提供给到大家参考!之前我是对数组去重是这样的,当然现在也没有被淘汰,还是可以用的只是代码看着有点ldemo: let array = ['amy','jack','tom','jackson','mark','jack'];1:一维数组去重beFore:之前都是使用...原创 2019-07-30 12:13:35 · 2650 阅读 · 0 评论 -
js封装倒计时,两种类型;
由于本者最近在写一个 小程序拼团抽奖的活动;所以就总结封装了两种需要用到的倒计时;//文件: utils/utils.js //小于10的格式化函数 export function timeFormat(param){ return param < 10 ? '0' + param : param; }//注意引入:import {timeFo...原创 2019-07-19 17:25:50 · 801 阅读 · 0 评论 -
移动设备上“精灵图”的制作&适配
不废话了,直接贴代码#introduceHonor3 .collaborate .collaborateList ul .collaborateImg{ background-image:url(../img/exploreSuddenfix/consociationList.png)!important; background-size: 23.84rem auto; ...原创 2019-07-05 19:10:37 · 469 阅读 · 1 评论 -
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 · 1939 阅读 · 0 评论 -
去除省市区留下详情地址的封装
// 处理门店地址只要详情地址,去除前面省市区; sliceStrAddress(Provinces,detailAdd){ if(this.indexCheck ==10){ return detailAdd; } let proStr= Provin...原创 2019-06-22 09:30:26 · 931 阅读 · 0 评论 -
使用swier遇到的一个问题
今天使用swiper做了两个轮播(controller)联动滑动遇到的一个问题我做测试是都是使用VS的open with live server()打开文件测试的全程做下来都没有没有问题,没有Bug没有报错...原创 2019-06-11 16:24:29 · 177 阅读 · 0 评论