前端基础

多次重定向中http-referer的变化

多次重定向中http-referer的变化

基本概念 先初步了解下URL重定向,Http Referer两个概念 URL重定向(URL redirection,或称网址重定向或网域名称转址),是指当使用者浏览某个网址时,将他导向到另一个网址的技术。 说白了就是URL重定向就是把一个URL重新定向到另一个URL上去,重定向可以把一个目录或

Joe.Ye Joe.Ye 2023-03-25
0 0 0
微信H5页面 ios12 软键盘收回时页面不回弹,导致光标位置错乱,再次点击输入框区域时无法focus

微信H5页面 ios12 软键盘收回时页面不回弹,导致光标位置错乱,再次点击输入框区域时无法focus

问题描述:ios12+,微信H5页面存在bug,键盘收回时,界面没有恢复,底下出现空白区域,并导致光标位置错乱,再次点击输入框区域时无法focus,弹框按钮无法点击 解决方案:当input失焦,键盘收回后,滚动一下页面就可以使页面恢复正常 补充:当在手机号与验证码之间切换输入时,会同时触发前输入框

Joe.Ye Joe.Ye 2023-03-18
0 0 0
H5+App点击图片保存到相册

H5+App点击图片保存到相册

业务场景:webapp点击图片保存到相册 使用的h5api: plus.gallery(系统相册): http://www.html5plus.org/doc/zh_cn/gallery.html plus.nativeObj.Bitmap: http://www.html5plus.org/do

Joe.Ye Joe.Ye 2023-03-18
0 0 0
前端 jsencrypt RSA 加解密

前端 jsencrypt RSA 加解密

jsencrypt: A Javascript library to perform OpenSSL RSA Encryption, Decryption, and Key Generation. Official Site: https://www.bootcdn.cn/jsencrypt/ &

Joe.Ye Joe.Ye 2023-03-18
0 0 0
H5使用vConsole移动调试工具

H5使用vConsole移动调试工具

普通JavaScript中使用 <script src="https://cdn.bootcss.com/vConsole/3.3.4/vconsole.min.js"></script> <script> // init vCons

Joe.Ye Joe.Ye 2023-03-12
0 0 0
Markdown CSS样式

Markdown CSS样式

<div class="article" v-html="compiledMarkdown" v-highlight></div> <vue-markdown class="article" v-highlig

Joe.Ye Joe.Ye 2023-03-12
0 0 0
有赞前端组件库Vant

有赞前端组件库Vant

Vant 是有赞前端团队开源的移动端组件库,于 2017 年开源,是业界主流的移动端组件库之一。 Vant 官方 Vue 2 版本:https://vant-contrib.gitee.io/vant Vant 官方 Vue 3 版本:https://vant-contrib.gitee.io/va

Joe.Ye Joe.Ye 2023-03-12
0 0 0
H5前端UI框架

H5前端UI框架

WeUI(支持H5):https://github.com/Tencent/weui vux.li(支持H5):https://vux.li/ Ant.design(支持H5):https://vue.ant.design | https://pro.ant.design 有赞Vant(支持H5):

Joe.Ye Joe.Ye 2023-03-12
0 0 0
跨浏览器Html页面及图像灰度(grayscale)

跨浏览器Html页面及图像灰度(grayscale)

meta标签规范 使用W3c CSS filter方式的grayscale实现Html页面及图像灰度 CSS3中借鉴IE私有滤镜的方式提供了标准的CSS Filter方案,支持grayscale灰度、sepia褐色、saturate饱和度、hue-rotate色相旋转、invert反色、opaci

Joe.Ye Joe.Ye 2023-03-12
0 0 0
CSS3 grayscale滤镜图片变黑白

CSS3 grayscale滤镜图片变黑白

CSS3 grayscale滤镜图片变黑白实例 CSS代码 .gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o

Joe.Ye Joe.Ye 2023-03-12
0 0 0
Layer For Mobile 移动端弹出层

Layer For Mobile 移动端弹出层

layer mobile是为移动设备(手机、平板等webkit内核浏览器/webview)量身定做的弹层UI。由于是采用原生 JavaScript编写,所有并不依赖任何第三方库。layer mobile完全独立于PC版的layer,需要按照场景选择使用。 官网:http://layer.layui

Joe.Ye Joe.Ye 2023-03-12
0 0 0
移动端HTML5页面功能之点击和长按事件

移动端HTML5页面功能之点击和长按事件

移动端HTML5页面开发常见的需求:长按识别图中二维码 //点击事件 document.addEventListener("click", function() { document.getElementById("mask").style.displa

Joe.Ye Joe.Ye 2023-03-12
0 0 0
HTML5移动页面自适应手机屏幕方法

HTML5移动页面自适应手机屏幕方法

使用meta标签:viewport H5移动端页面自适应普遍使用的方法,理论上讲使用这个标签是可以适应所有尺寸的屏幕的,但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统。 viewport 是用户网页的可视区域。翻译为中文可以叫做"视区"。 手机浏览器是

Joe.Ye Joe.Ye 2023-03-12
0 0 0
JavaScript中forEach与each

JavaScript中forEach与each

forEach是ES5中操作数组的一种方法,主要功能是遍历数组,例如: var arr = [1, 2, 3, 4]; arr.forEach(alert); 等价于: var arr = [1, 2, 3, 4]; for (var k = 0, length = arr.length; k &

Joe.Ye Joe.Ye 2023-03-12
0 0 0
JS字符串格式化方法

JS字符串格式化方法

扩展String原型对象方法 String.prototype.format = function (args) { var result = this; if (arguments.length > 0) { if (arguments.length == 1 &&

Joe.Ye Joe.Ye 2023-03-12
0 0 0
1 2 3 4