前端 移动端
Hulaala
Re So So Si Do Si La So La Si Si Si Si La Si La So
展开
-
vue-lazyload的简单使用 图片懒加载
第一步:安装: npm install vue-lazyload -save第二步:引入:import VueLazyLoad from 'vue-lazyload'第三步: Vue.use(VueLazyLoad)第四步: <img src="图片" > 替换成 <img v-lazy="图片">如果想在图片未加载完显示一张背景图Vue.use(VueLazyLoad,{ loading : require('图片')})...原创 2020-10-23 17:50:30 · 181 阅读 · 0 评论 -
返回上一级刷新页面 Js实现返回上一页(页面 刷新和不刷新)
返回上一页不刷新:1.a标签<a href="<a href="javascript :history.back(-1)">返回上一页</a>或<a href="javascript :;" onClick="javascript :history.back(-1);">返回上一页</a>2.按钮<input ty...转载 2019-12-24 11:23:47 · 3632 阅读 · 1 评论 -
input type=file FormData ajax调用后台接口 文件上传
html代码: <input type="file" name="upFile" id="upFile" value="" /> <input type="button" onclick="post();" value="上传" />js代码:<script type="text/javascript"> localSt...原创 2019-12-09 15:35:50 · 1235 阅读 · 0 评论 -
Js图片验证码(二)
Js:!(function(window, document) { var size = 5;//设置验证码长度 function GVerify(options) { //创建一个图形验证码对象,接收options对象为参数 this.options = { //默认options参数值 id: "", //容器Id ...转载 2019-06-28 14:12:02 · 484 阅读 · 0 评论 -
用js做验证码
html部分:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-...转载 2019-06-28 14:09:13 · 2125 阅读 · 0 评论 -
新版chrome touch警告处理办法
最近做项目经常在 chrome 的控制台看到如下提示:UnabletopreventDefault inside passiveeventlistener duetotarget being treatedaspassive. See https://www.chromestatus.com/features/5093566007214080于是 Google 了一...转载 2019-06-25 14:39:14 · 914 阅读 · 0 评论 -
web常用框架和插件
常用的移动端框架zepto.js 语法与jquery几乎一样iscroll.js 解决页面不支持弹性滚动,不支持fixed引起的问题滑屏框架适合上下滑屏、左右滑屏等滑屏切换页面的效果slip.js, iSlider.js,fullpage.jsVue开发实用插件cssrem:一个CSS值转REM的VSCode插件; lib-flexible:移动端弹...原创 2019-06-25 11:01:15 · 362 阅读 · 0 评论 -
web移动端开发技巧与注意事项汇总
一、meta的使用1、<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>强制让文档的宽度与设备的宽度保持1:1,并且文档最大的宽度比例是1.0,且不允许用户点击屏幕放大浏览2...转载 2019-06-25 10:09:35 · 269 阅读 · 0 评论 -
WebStorm 2019.1.1 最新注册码
发布了新版本,网上找了很多注册码,都不对,而且注册成功进去还是一直弹出注册页面注册码:AWAC5NN6E4-eyJsaWNlbnNlSWQiOiJBV0FDNU5ONkU0IiwibGljZW5zZWVOYW1lIjoibGIgb2QiLCJhc3NpZ25lZU5hbWUiOiIiLCJhc3NpZ25lZUVtYWlsIjoiIiwibGljZW5zZVJlc3RyaWN0aW9uIj...原创 2019-04-24 20:44:55 · 22261 阅读 · 4 评论 -
H5移动端实现图片上传
效果图:Html代码: <div class="file-box clearboth" id="fileBox"> <label class="clone-dom" style="display:none;"> <input type="file" class="file-btn"原创 2018-11-21 14:25:33 · 17325 阅读 · 1 评论