前端
w001yy
这个作者很懒,什么都没留下…
展开
-
短信引导用户关注公众号&短信唤起小程序&h5跳转公众号引导用户关注
在小程序中内嵌一个h5,用 h5 来引导跳转公众号就好了原创 2022-12-13 11:22:04 · 1504 阅读 · 0 评论 -
ios系统在h5页面下拉上拉会带动整个webview 出现空白
ios下拉的兼容性问题原创 2022-07-11 15:42:27 · 962 阅读 · 0 评论 -
uni-app的app模式,picker-view不显示问题
废话不说。直接上解决方法。uni-picker-view { display: block;} uni-picker-view .uni-picker-view-wrapper { display: flex; position: relative; overflow: hidden; height: 100%; background-color: white; } uni-picker-view[hidden] { display: none; }原创 2020-12-21 12:01:09 · 3181 阅读 · 0 评论 -
前端实现图片懒加载(lazyload)的两种方式
在实际的项目开发中,我们通常会遇见这样的场景:一个页面有很多图片,而首屏出现的图片大概就一两张,那么我们还要一次性把所有图片都加载出来吗?显然这是愚蠢的,不仅影响页面渲染速度,还浪费带宽。这也就是们通常所说的首屏加载,技术上现实其中要用的技术就是图片懒加载–到可视区域再加载。当访问一个页面的时候,先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径(这样就只需请求一次,俗称占位图),只有当图片出现在浏览器的可视区域内时,才设置图片正真的路径,让图片显示出来。这就是图片懒加载。懒加载原创 2020-10-20 14:09:07 · 3901 阅读 · 0 评论 -
h5端移动端软键盘弹起改变高度问题
问题描述在移动端h5页面,当页面中包含input、textarea输入框的时候,或者有调起软键盘的操作时,安卓浏览器下,可视窗口的高度改变,导致页面上的vh重新计算,页面被压扁。ios下的浏览器(safari)没有这个问题。原因在ios下,软键盘是叠在可视窗口上面的,也就是不影响可视窗口的大小。但是在安卓,软键盘是在窗口中,即占用窗口的面积。解决方案给viewport设置height值,可用window.innerHeight赋值。 <meta name="viewport" id="vi原创 2020-09-24 16:25:32 · 5730 阅读 · 1 评论 -
jQuery直接进行加减乘除运算时会出现精度损失问题,以下是解决办法
jQuery直接进行加减乘除运算时会出现精度损失问题,以下是解决办法/**加法运算,避免数据相加小数点后产生多位数和计算精度损失。@param num1加数1 | num2加数2/function numAdd(num1, num2) {var baseNum, baseNum1, baseNum2;try {baseNum1 = num1.toString().split(".")[1].length;} catch (e) {baseNum1 = 0;}try {baseN原创 2020-06-29 22:32:06 · 1360 阅读 · 0 评论 -
图片压缩用base64上传
最近做拍照图片上传,由于现在的手机像素都很高,拍出来的照片都很大,所以需要上传图片之前先压缩上传,后来再github上找到一个插件参考:https://github.com/cilla123/BenUpload1.用的时候,请先引入JQuery或者Zepto <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>"><!-- 图片压缩 -->2.引用插件<script原创 2020-05-14 14:30:12 · 490 阅读 · 0 评论 -
后端传入文件流,前台pdf展示(pc端和手机端)
近日项目用到的用文件流传递pdf文件的情况,后端将数据流传到前端,需要前端进行处理然后再预览下载,总结了一下几点方法,1.PC端一开始想引用pdf.js插件进行实现,但是总是白屏,借鉴的文章是https://www.jianshu.com/p/242525315bf6,用了里面的方法测试了,但是一直是白屏,展示不出pdf,也没有看到错误提示,最后直接用window.open(url),其中url表示的是预览的接口以及参数,简单明了的解决了打开后端传入数据流到前端展示pdf的问题。2.微信网页h5原创 2020-05-11 14:27:27 · 5003 阅读 · 0 评论 -
解决:laydate时间控件与谷歌浏览器兼容问题
最近在开发时候用到了laydate时间控件,但是在谷歌浏览器中总是有问题只有在鼠标放在时间框内部,在通过顶部任务栏访问才会弹出时间设置窗口,后来找到了解决办法如下:在如下代码中添加 trigger: 'click’属性<script> lay('#version').html('-v'+ laydate.v); //执行一个laydate实例 laydate.render({ elem: '#test' //指定元素 ,btns: [原创 2020-05-09 20:02:59 · 850 阅读 · 0 评论 -
uni-app的坑
作为vue语法开发的跨平台开发框架虽然愿望很美好,但是真的要实现跨平台还是需要开发者搭建好的项目架构,灵活运行vue语法和模块化开发思维。H5适配官方创新很好,又为我们创造了一个尺寸单位,upx,但是考虑到项目迁移和开发通用,我决定还是使用px配合flexible实现适配,确保项目可以轻松移植到uni框架,需要改动@dcloudio/vue-cli-plugin-uni/packages/po...原创 2020-01-09 14:48:06 · 385 阅读 · 0 评论 -
wx.openLocation苹果手机点击没反应
html部分<button class="check_map" data-longitude="{$value.longitude}" data-latitude="{$value.latitude}" data-name="{$value.hname.'('.$value.address.')'}">查看地图</button>js部门$(".check_map")...原创 2019-11-07 20:21:45 · 1430 阅读 · 0 评论 -
前端-localStorage
在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k),localStorage中一般浏览器支持的是5M大小,这个在不同的浏览器中localStorage会有所不同。在使用localStorage的时候,我们需要判断浏览器是否支持localStorage这个属性:i...原创 2019-09-04 21:11:03 · 109 阅读 · 0 评论 -
前端学习
转发https://www.cnblogs.com/gluncle/p/8590401.html结合个人经历总结的前端入门方法,总结从零基础到具备前端基本技能的道路、学习方法、资料。由于能力有限,不能保证面面俱到,只是作为入门参考,面向初学者,让初学者少走弯路。互联网的快速发展和激烈竞争,用户体验成为一个重要的关注点,导致专业前端工程师成为热门职业,各大公司对前端工程师的需求量都很大,要求也越...转载 2019-07-17 10:57:10 · 498 阅读 · 0 评论 -
canvas写抽奖大转盘图片和文字
一.用canvas创建一个抽奖大转盘html <canvas class="canvas_wheel" id="wheelcanvas" width="422px" height="422px"></canvas>js //页面加载时画圆盘$(document).ready(function(){ var comiddity = getComiddit...原创 2019-07-15 15:27:24 · 2023 阅读 · 0 评论 -
html.js.css渲染顺序.md
https://github.com/xiaohesong/TIL/blob/master/front-end/html.js.css渲染顺序.md转载 2019-07-04 10:49:35 · 431 阅读 · 0 评论 -
如何写出漂亮的 JavaScript 代码
https://juejin.im/post/5d0e11196fb9a07eee5ed6d2转载 2019-06-25 11:32:26 · 93 阅读 · 0 评论