- 博客(24)
- 收藏
- 关注
转载 微信小程序跳转页面的常用几种方法总结【原创】
最近在做微信小程序页面,在使用跳转链接的时候发现跳转失败,很茫然啊,我跑去查看官方文档小程序跳转页面有一些常用几种方式:navigateTo:保留当前页面,跳转应用内其他页面(页面入栈),跳转后的页面左上角带有小箭头 redirectTo:删除当前页面,跳转应用内其他页面(页面出栈),跳转后的页面左上角没有有小箭头 switchTab:跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面,跳转应用内其他页面(页面出栈),跳转后的页面左上角没有有小箭头 navigateBack:删除
2020-07-15 11:11:32
1917
1
原创 js判断多个请求加载完毕
let imgLoadAll = [], img = []; for(let i = 0, len = imgStr.length; i < len; i++) { imgLoadAll[i] = new Promise((resolve, reject)=>{ img[i] = new Image() img[i].src = im...
2019-05-10 10:36:54
2814
1
转载 移动端(手机端)页面自适应解决方案—rem布局
假设设计给我们的设计稿尺寸为750 * 1340。结合网易、淘宝移动端首页html元素上的动态font-size属性、设计稿尺寸、前端与设计之间协作流程一般分为下面两种:一、网易做法:引入:页面开头处引入下面这段代码,用于动态计算font-size(function(doc, win) { var docEl = doc.documentElement, is...
2019-04-24 17:47:01
250
原创 js uuid
function uuid(len, radix) { var chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split(''); var uuid = [], i; radix = radix || chars.length; if (len) { ...
2019-04-15 14:30:55
185
转载 vue的图片路径,和背景图片路径打包后错误解决
最近在研究vue,老实的按照官网提供的,搭建的了 webpack+vue+vuex+vue-router,,因为是自己搭建的,所以踩了不少坑,一般问题百度都有,这个背景图片的问题,查了很久才解决。1、找到 config->index.js里面,如下修改2、找到 build->utils.js,在里面加入一句publicPath:'../../', 配置修改完成,接下来,使用有两种方式,...
2018-06-05 11:35:47
3835
转载 js操作获取和设置cookie
//创建cookiefunction setCookie(name, value, expires, path, domain, secure) { var cookieText = encodeURIComponent(name) + '=' + encodeURIComponent(value); if (expires instanceof Date) { ...
2018-05-15 11:06:19
377
转载 WEB前端性能优化一二三
WEB前端性能优化常见方法web前端是应用服务器处理之前的部分,前端主要包括:HTML,CSS,javascript,image等各种资源,针对不同的资源有不同的优化方式。内容优化(1)减少HTTP请求数:这条策略是最重要最有效的,因为一个完整的请求要经过DNS寻址,与服务器建立连接,发送数据,等待服务器响应,接收数据这样一个消耗时间成本和资源成本的复杂的过程。常见方法:合并多个CSS文件和js文...
2018-02-28 16:03:33
281
转载 前端后端分离,怎么解决SEO优化的问题呢?
前端后端分离,怎么解决SEO优化的问题呢? 对于90%以上的互联网公司来说,前后端分离是必须要做的。目前接手的公司的一个工程,后端是PHP,用的smarty模板,开发效率和之前公司的完全分离相比,确实低不少,一方面需要前端会PHP,另一方面沟通成本也不少,改个PHP的路由还要经过后端的同意,还有系统臃肿,维护成本高等等。但做成前后端完全分离,做成SPA,怎么做SEO呢,公司的这款产品需要大量的S...
2018-02-27 16:35:14
2827
转载 HTML页面加载
正常流程:浏览器加载网页从上到下,渲染也是从上到下,加载和渲染同时进行。如果遇到语义解释性的标签嵌入文件(JS脚本,CSS样式),那么此时IE的下载过程会启用单独连接进行下载。 并且在下载后进行解析,解析过程中,停止页面所有往下元素的下载。样式表在下载完成后,将和以前下载的所有样式表一起进行解析,解析完成后,将对此前所有元素(含以前已经渲染的)重新进行渲染。HTML页面加载和解析流程1.用户输入网...
2018-02-24 10:19:25
530
转载 移动端rem使用方法
1、为什么要用rem博客很久没写了,原因很简单。最近接手了一个项目,要同时做PC和移动端的页面,之前没接触过,但毕竟给钱的是大爷,所以还是硬着头皮上了。移动端最麻烦的是什么?不同分辨率适配!具体来说,有的屏幕320px宽,有的屏幕640px宽,有的更宽,如果你写固定px,那么要么小的放不下,要么大的有大片空白。怎么办?如果元素固定占用屏幕空间
2017-12-29 13:31:39
495
转载 JavaScript控制浏览器全屏及各种浏览器全屏模式的方法、属性和事件
这篇文章主要介绍了JavaScript控制浏览器全屏及各种浏览器全屏模式的方法、属性和事件的相关资料,需要的朋友可以参考下HTML 5中的full screen,目前可以在除IE和opera外的浏览器中使用 ,有的时候用来做全屏API,游戏呀,等都很有用。先看常见的API element.requestFullScreen() 作用:请求某个元素elemen
2017-12-05 09:54:48
939
转载 用JS获取地址栏参数的方法(超级简单)
采用正则表达式获取地址栏参数:function GetQueryString(name){ var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg);
2017-11-28 16:58:07
166
转载 关于<:if>没有<c:else>解决方案
[html] view plain copyc:if>没有c:else>可以用c:choose>来取代结构: c:choose> c:when test=""> 如果 c:when> c:otherwise> 否则 c:otherwise> c:choose> 在
2017-11-01 11:31:53
530
转载 JavaScript 字符串
一、获取类1. charset(); 指定字符[javascript] view plain copyvar str='abcdef'; //alert(str[0]); alert(str.charAt(1)); 二、查找类1. indexOf、lastIndexOf、search
2017-10-26 13:15:32
155
转载 JavaScript 数组
1、数组的定义var arr1 = new Array(1,2,3);var arr2 = [4,5,6];122、数组添加和删除方法1. 添加var arr = [1,2,3,4,5];arr.push(6); //将元素从后面添加到数组alert(arr);arr.unshift(6); //将元素从前面添加到数组alert(arr);12
2017-10-26 13:14:33
142
转载 js 事件对象(二)
一、js阻止冒泡[javascript] view plain copyw3c的方法是e.stopPropagation(),IE则是使用e.cancelBubble = true function myfn(e){ window.event ? window.event.cancelBubble = true : e.sto
2017-10-26 13:12:44
149
转载 js 事件对象(一)
一、什么是事件对象在触发DOM上的某个事件时,会产生一个事件对象event。这个对象中包含着所有与事件有关的信息。包括导致事件的元素,事件的类型以及其他与特定事件相关的信息。【举例】鼠标操作导致的事件对象中,会包含鼠标位置的信息,键盘操作导致的事件对象中,会包含按下的键有关的信息二、事件对象的兼容性问题及解决方案
2017-10-26 13:09:59
147
转载 jquery的height()和javascript的height总结,js获取屏幕高度
在javascript和jquery中,都有对各种高度的写法,在这里,我们就着重讲一下窗口、文档等高度的理解。(宽度和高度差不多!)jquery的各种高度首先来说一说$(document) 和 $(window),如下:$(document).height(); //整个网页的高度$(window).height(); //浏览器可视窗口的高度$(w
2017-10-26 11:32:38
392
转载 js 设备检测(判断是移动端还是PC端)
设备检测:移动端返回true,pc端返回false[javascript] view plain copy //设备检测 function detectmob() { if( navigator.userAgent.match(/Android/i)
2017-10-26 11:30:14
647
转载 前端框架梳理归类
知识梳理归类,以备不时之需:一、前端框架库:1.Zepto.js地址:http://www.css88.com/doc/zeptojs/描述:Zepto是一个轻量级的针对现代高级浏览器的JavaScript库, 它与jquery有着类似的api。 如果你会用jquery,那么你也会用zepto。关于Zepto认知我也是通过与一位腾讯朋友聊天的时候知道的,只作了些基础的了
2017-10-08 21:47:08
1098
原创 前端js框架梳理
1、Node.Js,地址:http://www.runoob.com/nodejs/nodejs-tutorial.html (中文网) 描述:Node.js是一个Javascript运行环境(runtime)。实际上它是对Google V8引擎进行了封装。V8引 擎执行Javascript的速度非
2017-09-20 11:36:07
259
原创 前端UI框架梳理
1、Bootstrap,拥有框架一壁江山的势气,其他框架多多少少都有抄袭嫌疑;官网:http://getbootstrap.com/Github:https://github.com/twbs/bootstrap/作者:Mark Otto 和Jacob Thornton2、Frozen UI,QQ会员前端框架,这个框架对 android 2.3 +、ios
2017-09-20 10:46:31
542
转载 intellij idea新建maven项目
新建新建maven项目,create from archetype,选择maven-archetype-webappNext,填写GroupId,ArtifactId和VersionNext,这里在Properties中添加一个参数archetypeCatalog=internal,不加这个参数,在maven生成骨架的时候将会非常慢,有时候会直接卡住。
2017-09-18 15:27:43
664
转载 intellij Idea创建Web项目
Idea创建Web项目步骤:1、创建一个项目File -> New Project -> 输入项目名称“Demos” ,选择Project SDK为1.7 -> Next -> Finish 2、创建一个Module鼠标点中项目名称demos -> 右键选择New,选择Module 输入Module名称“firstweb
2017-09-18 13:55:18
418
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人