前端
licuicui5201
这个作者很懒,什么都没留下…
展开
-
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 · 1641 阅读 · 0 评论 -
前端面试相关
说说js代码写到html里还是单独写到js文件里哪个好?为什么?各功能独立,界面比较干净;js文件中的代码可压缩、混淆;js文件可被浏览器缓存,获得加载上的性能优势;方便管理,关系清晰;方便引用,一些公共js独立导入可复用;...原创 2020-12-22 16:37:33 · 55 阅读 · 0 评论 -
浅谈Spa seo SSR
https://www.jianshu.com/p/fcb98533bc18原创 2020-11-06 16:20:40 · 117 阅读 · 0 评论 -
常用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 · 432 阅读 · 0 评论 -
移动端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 · 1733 阅读 · 0 评论 -
在浏览器里点击input输入框输入,会展示默认的历史下拉菜单
给input设置autocomplete="off"属性可解决此问题原创 2020-08-17 11:32:52 · 703 阅读 · 0 评论 -
图片懒加载
一、懒加载原理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 · 1921 阅读 · 0 评论 -
前端值得造的轮子
链接: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 · 737 阅读 · 0 评论 -
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 · 99 阅读 · 0 评论 -
JS弹出新窗口被拦截的解决方法
在Web编程中,使用JS在新窗口打开页面的时候,会遇到被浏览器拦截的情况,那么,我们如何才能让JS打开新窗口不被浏览器阻止呢?一、问题一一般情况下,如果直接在js中调用window.open()函数去打开一个新窗口,浏览器会对弹出的窗口进行拦截,因为浏览器会把该窗口认为是弹出广告等用户不想得到的窗体1、解决方法把window.open()函数改为由用户主动点击时触发,在超链接里加入onclick事件,这样浏览器就认为是用户想访问这个页面,而不是直接弹出给用户2、例如:<a href="ja转载 2020-07-13 10:01:00 · 1256 阅读 · 0 评论 -
CANVAS画布与SVG的区别
CANVAS是html5提供的新元素,而svg存在的历史要比canvas久远,svg并不是html5专有的标签,最初svg是用xml技术(超文本扩展语言,可以自定义标签或属性)描述二维图形的语言。在H5中看似canvas与svg很像,但是,他们有巨大的差别。CANVASCanvas 是通过 JavaScript 来绘制 2D 图形。Canvas 是逐像素进行渲染的。在Canvas中,一旦图...转载 2020-03-21 12:11:18 · 150 阅读 · 0 评论 -
对图片进行涂鸦并保存的的功能实现过程
1、需求能够对图片进行圈画,并自动保存2、技术思路方向:(1)企业微信和微信api(第一反应,现成的api)结果:目前企业微信api和微信api均无此功能,网上资源中目前没有查询到可以直接编辑图片的案例或者demo。怎么办呢?现况:我发现企业微信和微信在上传图片时可以直接对图片进行标注编辑。企业微信在预览时可进行标注保存。解决方案:于是想到的解决方案时先引导用户保存需要编辑的图片,然...原创 2020-03-21 11:48:31 · 3388 阅读 · 0 评论 -
CSS实现单行、多行文本溢出显示省略号(…)
1.单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览。实现方法:overflow: hidden;text-overflow:ellipsis;white-space: nowrap;效果如图:2.如果我们要实现多行文本溢出显示省略号呢。实现方法:display: -webkit-box;-...转载 2019-08-20 16:17:39 · 140 阅读 · 0 评论 -
页面跳转穿参乱码、高度
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 · 113 阅读 · 0 评论 -
提高图片的清晰度和加载速度
在处理图片时,一些图片加载很慢,把图片缩放压成缩略图,但是图片模糊不清,可以采用下面两种方法实现加载图片的高清度,也能提高图片加载速度,提高用户体验1、先让客户端加载像素小的缩略图:< img src="缩略图.jpg" name="pic" width="800" height="600" id="news" />然后用js处理:var img = new Image()原创 2018-09-19 19:19:48 · 2404 阅读 · 0 评论 -
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 · 803 阅读 · 0 评论 -
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 · 550 阅读 · 0 评论