web移动端
不川类库
这个作者很懒,什么都没留下…
展开
-
localStorage和sessionStorage的区别与联系
localStorage和sessionStorage的区别与联系: 存储大小 存储位置 保存时间常用方法localStorage20Mb左右 硬盘当中 ,同一浏览器不同页面能共享,不同浏览器之间不能共享数据 如果不进行手动销毁,存...原创 2018-06-02 20:40:02 · 204 阅读 · 0 评论 -
taro开发的微信小程序中如何拿到另一个微信小程序跳转来时携带的参数
在哪儿拿:在app.js中componentWillMount生命周期函数中拿(注:此函数相当于微信小程序中的app.js中的onLaunch函数)怎么拿:使用this.$router.params.referrerInfo.extraData来拿其它微信小程序跳转来时缩携带的参数...原创 2019-08-02 13:50:05 · 2021 阅读 · 0 评论 -
微信小程序opendata的用户头像修改为圆形
单设置bored-readius:50%;头像会不变必须把border-radius:50%;和overflow:hidden;原创 2019-07-08 14:05:07 · 421 阅读 · 1 评论 -
利用px2rem-loader和lib-flexible如何实现PC端大屏项目的全自动开发
大屏项目在做的时候,每次都要自己去计算rem的值很麻烦,也影响开发进度,所以无意中发现了一个好东西,利用webpack配置px2rem-loader和lib-flexible来实现px转化rem;首先安装包 npm install px2rem-loader -Dnpm install lib-flexible -S 安装好了我们就开始配置,参照官网的配置方法 mod...转载 2019-05-28 13:15:26 · 1042 阅读 · 0 评论 -
vue-cli 【flexible】屏幕字体自适应布局及配置
0.前言:很多前端小伙伴在写页面尤其是移动端页面的时候,要求页面布局以及字体大小随屏幕宽度变化而随之按比例自适应【注:非响应式】,那么,在vue-cli脚手架中应该如何去实现呢?1.安装flexible库 ://在项目库下运行:npm i lib-flexible --save-dev 2.项目入口文件main.js中引入lib-flexible://main.js中:...转载 2019-05-27 23:16:20 · 1699 阅读 · 2 评论 -
深入理解javascript中的事件循环event-loop
前面的话 本文将详细介绍javascript中的事件循环event-loop线程javascript是单线程的语言,也就是说,同一个时间只能做一件事。而这个单线程的特性,与它的用途有关,作为浏览器脚本语言,JavaScript的主要用途是与用户互动,以及操作DOM。这决定了它只能是单线程,否则会带来很复杂的同步问题。比如,假定JavaScript同时有两个线程,一个线程在某个DOM节点...转载 2019-03-25 10:34:26 · 169 阅读 · 0 评论 -
兄台息怒,关于arguments,您的想法和大神是一样一样的----闲聊JS中的apply和call
JavaScript提供了apply和call两种调用方式来确定函数体中this的指向,表现出来的特征就是:对象可以'借用'其他对象的方法。之前的几篇博客回顾了一些Web控件的一些开发方法,我们聊了如何实现一个自定义的组合框,也聊了一个相对复杂一点的地址控件的开发,从上一篇开始,开始聊一些JavaScript语言本身的话题,回顾了闭包和原型继承,今天我们就一起来聊聊apply和call这两种调用...转载 2019-03-13 13:27:07 · 181 阅读 · 0 评论 -
微信小程序 canvas 内容(宽高) 兼容不同机型
此功能并没有做所有机型测试,后面会一个一个做一下,如需使用请先自作测试!canvas在小程序中设定的尺寸默认是px 并不是rpx的所以需要转换一下PS:设计稿是750像素wx.getSystemInfo({ success: function (res) { var v =750 / res.windowWidth;//设计稿尺寸除以 当前手机屏幕宽度...转载 2018-10-17 17:09:30 · 4790 阅读 · 0 评论 -
微信小程序实战篇:商品属性联动选择(案例)
效果演示:代码示例1、commodity.xml<!-- <view class="title">属性值联动选择</view> --><!--options--><view class="commodity_attr_list"> <!--每组属性-->转载 2018-10-22 14:20:12 · 1840 阅读 · 3 评论 -
用canvas画圆形图片
将矩形图片绘制成圆形图片,已封装好的画圆函数:function drawCircular(ctx,width, height, x, y, url) { var avatarurl_width = width; var avatarurl_heigth = height; var avatarurl_x = x; var avatarurl_y = y; ctx.save...原创 2018-10-16 15:51:16 · 2382 阅读 · 1 评论 -
微信小程序,设置整张图片作为背景图时出现滚动条
将图片设置成块级元素便可解决,即:display:block原创 2018-10-09 10:32:48 · 4144 阅读 · 1 评论 -
移动端屏幕适配随笔
二倍图:二倍图出现的目的是为了避免性能浪费,为了发挥高分辨率机型的优势。(即使得一个物理像素显示一个css像素)移动端屏幕适配问题:一:关于移动端适配对于精度要求不高的产品:我们可以使用百分比来设置UI设计稿的宽度。二:关于对高精度产品的适配rem 和媒体查询,我们将UI设计稿分成相同等分,而用媒体查询时将各机型的屏幕宽度划分成与设计稿相同的份数,从而使用屏幕宽度/分数,来确定html根元素的fo...原创 2018-07-14 12:31:18 · 151 阅读 · 0 评论 -
关于移动web开发过程中的”点透“问题
关于移动web开发过程中的”点透“问题A是遮罩层,B是正常的DOM,C是B上的某个元素,这里是链接。场景是点击A的时候A消失,结果点到了C,页面发生了跳转,这显然不是咱想要的~ 先说说故事发生的场景,举个栗子如下图:A是遮罩层,B是正常的DOM,C是B上的某个元素,这里是链接。场景是点击A的时候A消失,结果点到了C,页面发生了跳转,这显然不是咱想要的~下面我们来监测点击事件:var div1 = ...转载 2018-07-14 09:47:16 · 261 阅读 · 0 评论 -
移动端屏幕适配
移动端屏幕适配移动端 H5 页面不可遗忘的 meta 标签 viewport<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />这行代码的作用是设置视口的宽度(其实就是页面的宽度)等于设备宽度,页面不缩放并且也不允许用户进行缩放。把一个普通的PC端页面(未加入...转载 2018-07-13 22:21:09 · 236 阅读 · 0 评论 -
em与rem的区别与使用
一:区别(1)em:em是一种相对长度单位,相对于自身元素的字号大小,如果没有设置即参照父容器的字号大小或浏览器默认字号大小。 举例:如一个div#box的宽度设置为#box{ width:10em },其字号大小#box{ font-size:14px },则此div的宽度为140px。(2)rem: rem是css3的新标准也是一种相对长度单位,其相对于HTML根标签的字号大小。...原创 2018-05-29 20:48:15 · 11128 阅读 · 0 评论