lizhenqiu blog
最新评论流与站内评论搜索
Comment Stream
最新评论聚合
共 2892 条评论
Current Page
链接聚合
链接标签分页
Latest
评论流
第 31 / 145 页
当前展示 601 - 620 条,共 2892 条评论
rasterizeHTML.allinone.js浏览器截图截屏
v重播健康
啥玩意儿?😀
成功的故事只能倒叙着讲
常用代码2
常用PHP方法
Aes 加密
在写app接口的时候,用到AES加解密,关于这块有点陌生,稍微了解了一下,这个是ECB加密,每次加密一样,更安全的需要CBC。
swiper2兼容ie幻灯片插件
Swiper有边框
图片有边框 幻灯片下边有边框 有背景色 盒子高度比图片高 7个像素 7px 底部距离
Swiper2说明文档
roundLengths
值为true时,Swiper会四舍五入宽度和高度
类型:boolean默认:false举例: true
当滑动组有边框线,宽度不够超出或者
禁止拖动
使该slide无法拖动 swiper禁止手动滑动 swiper-no-swiping swiper禁止鼠标拖动
swiper 中禁止鼠标拖动切换图片
noSwiping
常用代码2
sign_err.png
图片已删除 图片已经删除 图片不存在 图片错误 404
手机以rem布局示例模板
像素基本知识
视窗 viewport:
设备的屏幕上能用来显示我们的网页的那一块区域,而移动端还提供了两个viewport:
visual viewport(虚拟视口):
可以改变大小或形状,当前屏幕上显示的页面的一部分.
通过window.innerWidth/Height获取,会随著页面缩放而变化.
layout viewport(布局视口):
不会改变大小或形状,可以比可视化的viewport宽得多,并且包含出现在屏幕上的元素.
通过document.documentElement.clientWidth/Height获取.在Android 2, Oprea mini 和 UC 8中无法正确获取.
ideal viewport(理想视口):
不需要用户缩放和滚动就能正常的查看网站的所有内容,显示的文字大小合适,保证同样的网站在不同分辨率的设备上看起来都是一样或差不多的.
渲染过程:
1) 渲染: 将整个页面渲染在一个layout viewport中,以保证页面排版正确;
2) 缩放: 将整个layout viewport缩放到visual viewport大小,以保证页面在手机屏幕上被完整显示出来;
公式表示就是:visual viewpor = layout viewport * scale;
例如你在手机上访问一个PC页面,手机当前展示区域就是visual viewport,但是整个PC页面是很大的,往往屏幕是显示不完,所以会出现滚动条给你滑动(固定值排版的话),整个PC页面的尺寸就是layout viewport了,上面说visual viewport可以改变大小或形状,意思是你可以通过旋转屏幕或放大缩小改变显示的页面.
物理像素(physical pixel)/设备像素:
显示设备中一个最微小的物理部件.每个像素可以根据操作系统设置自己的颜色和亮度.正是这些设备像素的微小距离欺骗了我们肉眼看到的图像效果.
设备独立像素(density-independent pixel)/逻辑像素/密度无关像素:
可以认为是计算机坐标系统中的一个点,这个点代表一个可以由程序使用并控制的虚拟像素(比如CSS像素),然后由相关系统转换为物理像素.
公式表示就是:CSS像素 = 设备独立像素 = 逻辑像素.
与设备无关的像素(device-independent pixel)/CSS像素
用于页面布局的抽象单位,用来精确度量网页上的内容,在不同的设备或不同的环境中,css中的1px所代表的设备物理像素的长度可能是不同的.
屏幕密度(pixels per inch)/像素密度:
即每英寸屏幕所拥有的像素数,像素密度越大,显示画面细节就越丰富,
公式表示就是:像素密度 = 对角线分辨率 / 屏幕尺寸.
设备像素比(device pixel ratio):
物理像素与逻辑像素之间的比例.
公式表示就是:设备像素比(dpr) = 物理像素(pp) / 设备独立像素(dip).
在JavaScript中,可以通过window.devicePixelRatio获取到当前设备的dpr.而在CSS中,可以通过-webkit-device-pixel-ratio,-webkit-min-device-pixel-ratio和 -webkit-max-device-pixel-ratio进行媒体查询,对不同dpr的设备,做一些样式适配(这里只针对webkit内核的浏览器和webview).
示例
以iPhone6S作为基准设计尺寸
设备宽高: 375pt 667pt
屏幕密度: 326ppi
visual viewport: 375px 667px
物理像素: 750pp 1334pp
CSS像素: 750px 1334px
设备独立像素: 750dip * 1334dip
设备像素比: 2dpr
某某手机
设备宽高: 375pt 667pt
visual viewport: 375px 667px
物理像素: 375pp 667pp
设备独立像素: 375dip 667dip
设备像素比: 1dpr
尽管两者CSS像素所呈现的物理尺寸是一致的,但在普通屏幕下1个CSS像素对应1个物理像素,而在Retina屏幕下,1个CSS像素对应的却是4个物理像素.靠提升单位面积屏幕的像素数量,即像素密度来提升分辨率.
(更详细内容请看The Ultimate Guide To iPhone Resolutions)
#2
(更详细内容请看使用Flexible实现手淘H5页面的终端适配)
(还有一些常用的居中布局,经典布局方法和优缺点可以参考我之前写的文章页面基础布局相关知识 --- 居中&经典布局)
移动端必备标签
width viewport宽度(数值/device-width)
height viewport高度(数值/device-height)
initial-scale 初始缩放比例
maximum-scale 最大缩放比例
minimum-scale 最小缩放比例
user-scalable 是否允许用户缩放(yes/no)
禁止数字识自动别为电话号码
忽略识别邮箱
删除默认的苹果工具栏和菜单栏
设置苹果状态栏的背景颜色
default 默认值.
black 状态栏背景是黑色.
black-translucent 状态栏背景是黑色半透明. 如果设置为 default 或 black ,网页内容从状态栏底部开始. 如果设置为 black-translucent ,网页内容充满整个屏幕,顶部会被状态栏遮挡.
苹果添加到主屏后的标题(iOS 6 新增)
苹果是否启用WebApp全屏模式
当按百分比设定一个元素的宽度时,它是相对于父容器的宽度计算的,但是,对于一些表示竖向距离的属性,例如 padding-top , padding-bottom , margin-top , margin-bottom 等,当按百分比设定它们时,依据的也是父容器的宽度,而不是高度.
多数显示器默认频率是60Hz,即1秒刷新60次,所以理论上最小间隔为1/60*1000ms = 16.7ms.
改变输入框placeholder的颜色值
[b]旋转样式[/b]
纯CSS创建三角形
input[type=number]的问题
1, maxlength属性不会提供任何反馈.
用js解决
2, form提交会默认取整数.
step属性规定<input>元素的合法数字间隔,也是通过自带箭头增减的数字,默认为1
通过transform进行skew变形,rotate旋转会造成出现锯齿现象
打电话
发短信,winphone系统无效
写邮件
第一个功能以"?"开头,后面的以"&"开头
mailto:普通邮件
cc: 收件地址后添加抄送地址(Android存在兼容问题)
bcc: 抄送地址后添加密件抄送地址(Android存在兼容问题)
subject: 包含主题
body: 包含内容,
1) 如包含文本,使用%0A给文本换行
2) 如包含http(s)://等的文本自动转化为链接
3) 如内容包含图片(PC不支持)
包含多个收件人、抄送、密件抄送人,用分号(;)隔开多个邮件人的地址
某些Android手机圆角失效
android上去掉语音输入按钮
ios和android下触摸元素时出现半透明灰色遮罩
有些机型去除不了,不使用a或者input标签,直接用div标签
ios 设置input按钮样式会被默认样式覆盖
iphone及ipad下输入框默认内阴影
Retina屏的1px边框
关于 iOS 系统中,中文输入法输入英文时,字母之间可能会出现一个六分之一空格
IOS中input键盘事件keyup、keydown、keypress支持不是很好
html5的oninput事件代替
iOS某些时候会觉得滚动很卡
auto: 使用普通滚动, 当手指从触摸屏上移开,滚动会立即停止.
touch: 使用具有回弹效果的滚动, 当手指从触摸屏上移开,内容会继续保持一段时间的滚动效果.继续滚动的速度和持续的时间和滚动手势的强烈程度成正比.同时也会创建一个新的堆栈上下文.
启动了硬件加速的特性,所以滑动起来会非常流畅;不过会影响性能
解决IOS键盘字母输入默认首字母大写
禁止长按链接与图片弹出菜单
手机拍照和上传图片
输入框被键盘挡住问题
可以解决绝大数安卓机上面的问题
播放视频不全屏
移动端 HTML5 audio autoplay 失效问题
苹果系统和安卓系统通常都会禁止自动播放和使用 JS 的触发播放,必须由用户来触发才可以播放.
1.audio元素的autoplay属性在IOS及Android上无法使用,在PC端正常
2.audio元素没有设置controls时,在IOS及Android会占据空间大小,而在PC端Chrome是不会占据任何空间
解决方法思路:先通过用户touchstart触碰,触发播放并暂停(音频开始加载,后面用 JS 再操作就没问题了).
微信下兼容处理
ios10+以上,尽管开发者设置了user-scalable=no,Safari还是允许用户通过手势来缩放
检测touch相关事件来阻止事件的触发
select下拉选择设置右对齐
常用代码2
html布局页面初始化
手机以rem布局示例模板
常用代码2
HTML代码换行引起的空格问题
html代码空格影响
HTML中的换行造成空格问题
html的标签之间带不带空格或换行, 对样式有影响
html代码换行造成空格间距问题
html中连续多个空格或者多行空行的影响
HTML中的换行造成空格问题 html的标签之间的空白字符不被解析
对于html内置的内联级标签以及表单元素标签,源代码中连续几个内联级标签中的换行在浏览器中会被解释为一个空格。
包括ie和ff。而这个空格是会被当作一个空白节点(nodeType等于3的节点,就是文字节点)。
对于html内置的块级标签使用了display:inline;则没上述问题。
对于html内置的块级标签之间的换行,ff会当作一个空白节点(用js可以获取到),ie则会忽略掉这个换行。
这个换行在ie和ff的页面上并无任何影响,不会出现空格。
@意见反馈/技术支持/伊网/安企网
截图粘贴上传bug找不到
树大招风
一路顺风
极恶非道
@意见反馈/技术支持/伊网/安企网
@意见反馈/技术支持/伊网/安企网
做任何事,都不要急于回报,因为播种和收获不在同一个季节,中间隔着的那段时间,我们称之为:坚持…
常用代码2
程序员编程常用网页工具集[游戏]
曾经有一次,朋友给我截图,他先是打开了相机,然后对准了屏幕,紧接着按下了截屏键,然后把相机界面的截图发到群里……
移动端页面默认样式重置
去掉iPhone按钮样式
swiper2兼容ie幻灯片插件
Swiper的初始化与更新
用js监视用户浏览器的大小变动
js 页面宽度 js 监听页面宽度变化 js 监听页面宽度变化 js监控页面变化
js获取浏览器和设备相关width(屏幕的宽度)
常用代码2
新后台 发布文章 编辑文章 页面 路径
百度编辑器配置文件路径
php接收textarea内容后显示换行和空格
php textarea换行
也可以使用nl2br进行回车替换
注:要用双引号,不然无法替换;
编辑器改变获取内容
#4
#5ajax处理json
ueditor 去掉默认<p>
js name textarea 赋值
phpjson字符串转json对象
结果
#9
如果你json_decode后返回null,你是不是把字符串写成这样了"{ 'bar': 'baz' }",这个在JS里是可以正常解析成JSON的,但是PHP里面要写成'{ "bar": "baz" }',属性和值要用双引号
#10用json_decode(),前提是json格式属性和值要用双引号,用python的话可以不用双引号
php foreach跳出本次/当前循环与终止循环方法
PHP中用foreach()循环中,想要在循环的时候,当满足某个条件时,想要跳出本次循环继续执行下次循环,或者满足某个条件的时候,终止foreach()循环,分别会用到:continue 与 break
select选中触发事件
#13Jquery中.bind()、.live()、.delegate()和.on()之间的区别详解
ThinkPHP函数详解:cookie方法
Cookie设置
3.1版本开始,cookie方法增加对数组的支持(采用轻量级的json编码格式保存 减少存储空间)
还可以支持参数传入的方式完成复杂的cookie赋值,下面是对cookie的值设置3600秒有效期,并且加上cookie前缀think_
数组参数可以采用query形式参数
和上面的用法等效。
传入的option参数支持prefix,expire,path,domain四个索引参数,如果没有传入或者传入空值的话,会默认取COOKIE_PREFIX、COOKIE_EXPIRE、COOKIE_PATH和COOKIE_DOMAIN四个配置参数。如果只传入个别参数,那么也会和默认的配置参数合并
Cookie获取
获取cookie很简单,无论是怎么设置的cookie,只需要使用:
如果没有设置cookie前缀的话 相当于
Cookie删除
删除某个cookie的值,使用:
要删除所有的Cookie值,可以使用
#15cookie前面一定不能有任何ECHO ,或者PRINT_R等输出,不然COOKIE会无效
通过Ajax使用FormData对象无刷新上传文件
第一种方式:
第二种方式:
注意:
Ajax的processData设置为false。因为data值是FormData对象,不需要对数据做处理。
第二种方式中<form>标签加enctyp e="multipart/form-data"属性。
cache设置为false,上传文件不需要缓存。
contentType设置为false。因为是由<form>表单构造的FormData对象,且已经声明了属性enctype="mutipart/form-data",所以这里设置为false
php输出26个大小写英文字母
#7百度编辑器修图添加css和style标签样式ueditor.all.min.js
#7
ueditor.all.js
#7
weiphp ueditor
thinkphp 过滤style
weiphp
百度编辑器修图添加css和style标签样式ueditor.all.min.js
百度编辑器修图添加css和style标签样式ueditor.all.min.js
百度编辑器修图添加css和style标签样式ueditor.all.min.js
百度编辑器修图添加css和style标签样式ueditor.all.min.js
#7
tp框架中有个接受所有post过来的函数
Model的create()方法,自动创建数据对象功能
#7
#3
php 去除图片以及DIV的width、height、style
PHP正则去掉img 宽度高度
放在body后面
移动设备移动端手机版本 rem
页面加载顺序 font-size:0px 闪缩 适配
#32
weiphp微信框架耗时卡慢解决办法
新后台 百度编辑器 插入视频 教程 ueditor iframe
微信小程序开发笔记
微信小程序 swiper组件
常用属性:
swiper.wxml添加代码:
js:
css:
swiper 滑块视图容器
某些手机机型不显示,加最上面层级 z-index:9999
wx.reLaunch fail can not invoke reLaunch in background
解决办法:用setTimeout将wx.reLaunch包裹起来,200ms就差不多
似乎wx.reLaunch触发是在页面onshow之后,所以给了一个200ms的延迟
常受到微信打开页面时有上次打开缓存的困扰?
mpvue,可以在 onLoad 时用 Object.assign(this, this.$options.data()) 来清理微信缓存
输入框自动去除空格提交
wx.showModel内容content自动换行(如果开发者工具没效果,记得用真机看。)
wx.uploadFile调用接口失败 php json 返回数据头部空白乱码
php返回json数组前面出现乱码“锘縶”解决办法
去除了半天bom没好使,真是坑爹,最后在返回接口前面加ob_clean()完美解决:
thinkphp json头部乱码 
PHP去掉头部BOM
微信小程序获取自定义属性
wx.reLaunch(OBJECT),小程序关闭所有页面
去掉微信小程序图片默认宽度
larval update 字段累加
PHP合并两张图片的实现
thinkphp模板转换时间格式
TP5图片上传,获取对象属性
小程序后退刷新
错误789:L2TP连接尝试失败,因为安全层在初始化与远程计算机的协商时遇到一个处理
thinkphp alias jion
微信小程序刷新
微信小程序**this
小程序Bad attr `wx:key` with message: unexpected token `*`.
微信公众号获取设备信息
微信公众号获取手机型号
\DB::table
thinkphp foreach 空
百度地图经纬度校正
js中load与onload的区别
DolphinPHP
myql join 相同字段
thinkphp field as
$conn->connect_error
Laravel 清理缓存 "php artisan config:clear"
设置navicat for mysql导入文件大小限制
把max_allowed_packet设置为100M
thinkphp join联表查询 多表联查:
$user 表的 user_id 等于$b_user表的b_userid;
$c_user表的 c_userid 等于$b_user表的b_userid;
小q书桌
php字符串截取函数,支持中文截取
count(): Parameter must be an array or an object that implements Countable
PHP版本,从7.1升级到7.2
当传递一个无效参数时,count()函数将抛出warning警告:
之前版本写法
在7.2版本中将严格执行类型区分,参数类型不正确,将会出现警告,所以需要在使用count方法时注意参数的值,不过也可以通过自己修改方法来替代(不建议):
win10打开程序不弹出窗口,只在任务栏显示
laravel的orderBy
Laravel 系列:orWhere 条件式
这一段其实执行的就是
JS中对URL进行转码与解码
把URI字符串采用UTF-8编码格式转化成escape格式的字符串。
encodeURIComponent() 用于参数的传递,参数包含特殊字符可能会造成间断。
js转码url特殊字符参数
小程序 undefined is not an object evaluating 't.id';
小程序invokeWebviewMethod 数据传输长度为 1427297 已经超过最大长度 1048576
设置数据过大
#28这个报错应该不是请求数据过大导致的,而是setData时操作的数据过大导致的。可能请求返回的数据太大,而您又将这个大的数据一次性用setData赋值。
PHP7.2 下 微信支付Sdk中 mcrypt_module_open() 无法使用的解决方法
微信官方SDK在PHP7中提示:mcrypt_module_open() is deprecated,mcrypt已被OPENSSL代替 具体修改如下
1:WXBizDataCrypt.php
2:PKCS7Encoder.php
日本爱情片常见题材
裂帛服饰旗舰店关于美
有人说我帅
我笑了
结果他们说我
笑起来更帅
为什么不推荐你去外包公司?
人
搞清楚相关性和因果性的区别。