html5
文章平均质量分 60
风吹@头皮凉
just do it。
QQ: 1391020642
展开
-
微信小程序scroll-view实现左右联动
需求:项目中做了一个选择城市的需求,要求全国所有的省市区都按照中文首字母分类并排序,左侧的城市列表和右侧的字母列表实现双向联动。第一步:根据腾讯提供的javascript SDK提供的接口,获取所有的省市区,并将省市区按照首字母进行分类排序。 let _this = this; _this.mapCtx = wx.createMapContext("myMap"); // 实例化API核心类 qqmapsdk = new QQMapWX({...转载 2021-11-02 11:05:01 · 1013 阅读 · 0 评论 -
前端js正则表达式2
第四章 正则表达式的拆分5.1. 结构和操作符编程语言一般都有操作符。只要有操作符,就会出现一个问题。当一大堆操作在一起时,先操作谁,又后操 作谁呢?为了不产生歧义,就需要语言本身定义好操作顺序,即所谓的优先级。上面操作符的优先级从上至下,由高到低。5.2. 注意要点关于结构和操作符,还是有几点需要强调:5.2.1 匹配字符串整体问题因为是要匹配整个字符串,我们经常会在正则前后中加上锚 ^ 和 $。比如要匹配目标字符串 “abc” 或者 “bcd” 时,如果一不小心,就会写成 /^ab转载 2021-09-28 10:39:42 · 378 阅读 · 0 评论 -
前端js正则表达式
正则表达式第一章 正则表达式字符匹配攻略1.1. 两种模糊匹配1.1.1. 横向模糊匹配一个正则可匹配的字符串的长度不是固定的,可以是多种情况的。譬如 {m,n},表示连续出现最少 m 次,最多 n 次。其实现的方式是使用量词。例如let reg = /ab{2,5}c/;var regex = /ab{2,5}c/g;var string = "abc abbc abbbc abbbbc abbbbbc abbbbbbc";console.log( string.match(regex) )转载 2021-09-28 10:36:42 · 575 阅读 · 0 评论 -
前端打印及后端生成PDF
vue中前端打印CSS按正常样式书写, flex, 嵌套,主流样式,都可以用;JS涉及到图片, 必须是https地址, 且要等图片加载完成后, 再去打印;//判断打印中的审核签名图片是否加载完成 judgeVerifySign() { let that = this; if (that.orderDetial.verifySign) { let el = document.getElementById('verifySign');原创 2021-09-23 09:33:12 · 1337 阅读 · 0 评论 -
原始js实现循环轮播图
html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>轮播图最.原创 2021-09-10 14:35:59 · 215 阅读 · 0 评论 -
原生js实现淘宝放大镜
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>原生js放大镜<.转载 2021-09-09 16:42:07 · 113 阅读 · 0 评论 -
前端Js常用宽高及位置
一个页面显示在浏览器内,浏览器又放置在屏幕窗口内,所以由里向外便是 页面 , 浏览器 , 屏幕 三者.1.屏幕尺寸screen.availHeight(window.screen.availHeight): 屏幕可用高度screen.availWidth: 屏幕可用宽度screen.height: 屏幕分辨率高度screen.width: 屏幕分辨率宽度2.浏览器尺寸window.outerHeight: 浏览器高度 , 此高度包含了水平滚动条..原创 2021-09-09 11:03:13 · 557 阅读 · 0 评论 -
前端CSS移动端适配
导读移动端适配,是我们在开发中经常会遇到的,这里面可能会遇到非常多的问题:1px问题 UI图完美适配方案 iPhoneX适配方案 横屏适配 高清屏图片模糊问题 ...上面这些问题可能我们在开发中已经知道如何解决,但是问题产生的原理,以及解决方案的原理可能会模糊不清。在解决这些问题的过程中,我们往往会遇到非常多的概念:像素、分辨率、PPI、DPI、DP、DIP、DPR、视口等等,你真的能分清这些概念的意义吗?本文将从移动端适配的基础概念出发,探究移动端适配各种问题的解决方案和实现原理。转载 2021-09-07 15:09:50 · 1314 阅读 · 0 评论 -
canvas transform 使用 详解
图形的矩阵变换,其实就是图形中每个点的变换Canvas的transform(a,b,c,d,e,f)方法和Matrix(矩阵)的对应关系_ _|ace ||bdf ||_001_|Matrix和点(x,y)的对应关系x对应第一行,y对应第二行点(x,y)经过矩阵变换后的结果x' =ax + cy + e;y' = bx + dy + ...转载 2020-08-07 17:53:56 · 2103 阅读 · 3 评论 -
canvas 放射线渐变/圆形渐变详解
定义和用法createLinearGradient() 方法创建放射状/圆形渐变对象。渐变可用于填充矩形、圆形、线条、文本等等。提示:请使用该对象作为strokeStyle或fillStyle属性的值。提示:请使用addColorStop()方法规定不同的颜色,以及在 gradient 对象中的何处定位颜色。原理示意图JavaScript 语法:context.createRadialGradient(x0,y0,r0,x1,y1,r1);参数值参数 ...转载 2020-07-31 11:25:24 · 1097 阅读 · 0 评论