web
又又呢
这个作者很懒,什么都没留下…
展开
-
js--判断当前环境是否为微信环境
/** * 判断是否是微信环境 */ function getIsWxClient () { var ua = navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == "micromessenger") { return true; } return false; };原创 2020-06-22 16:02:38 · 2158 阅读 · 0 评论 -
去除表单元素默认样式
input,textarea { outline:0; border:0; -webkit-appearance: none; -moz-appearance:none; appearance: none; line-height:normal;}// input::-webkit-input-placeholder{// line-height: normal; //解决不垂直居中的问题// }input::-webkit-input-placeholder.原创 2020-06-22 15:59:44 · 1066 阅读 · 0 评论 -
解决input标签在ios中光标不居中问题,同时兼容安卓
1、首先input的所有父级元素不能加 line-height 属性;2、初始化input样式 line-height:normal;3、要想光标不撑满这个input狂,加一个上下边框4、代码如下,有需要的小伙伴可以试试:Html:<div class="head-search-item"> <input type="text"placeholder="请输入商品/店铺名称"> <div class="icon">...原创 2020-06-22 15:56:45 · 913 阅读 · 0 评论 -
雅虎军规---35条
1.尽量减少 HTTP 请求个数——须权衡合并图片(精灵图,内置图片可以使用数据),合并css , js但是也要考虑合并后文件的体积。2.使用 CDN(内容分发网络)这里可以关注CDN的三类实现:镜像,高速缓存,专线以及智能路由器和负载均衡。3.为文件头指定 Expires 或 Cache-Control ,使内容具有缓存性。区分开静态内容和动态内容,避免以后页面访问中不必要的...原创 2018-07-20 18:38:13 · 230 阅读 · 0 评论 -
HTML5相比HTML新增了哪些功能?
1. 简化的语法HTML5简化了很多细微的语法,例如doctype的声明,你只需要写<!doctype html>就行了。HTML5与HTML5,XHTML1兼容,但是与SGML不兼容。2. 更加语义化标签(开发者可以更加优雅,网页结构更清晰)header、footer、nav、article、figure...但这些表情不兼容ie6-8,(兼容处理:html5.min.j...原创 2018-07-21 17:49:11 · 2670 阅读 · 0 评论 -
教你纯css实现移动端横向滑动列表
问题:利用display:-webkit-box来实现移动端横向滑动列表,只要css就能搞定了<!DOCTYPE html><html><head> <title>横向滑动</title> <style type="text/css"> .slide-box{原创 2018-09-15 11:21:30 · 11568 阅读 · 0 评论 -
Photoshop如何切图
准备工作1、切图工具(firework ,Photoshop ,px_cook)本文分享一些用Photoshop切图的一些经验。需要把Photoshop功能面板设置成我们前端常用的并保存下来,这样以后每次使用的时候就不需要花时间再去设置一次了。2、设置标尺单位——CSS里面用的最多的单位是像素(px),测量和读取的值也都是以像素为单位的值)设置步骤: ps首选项设置:编辑>...原创 2018-09-28 19:41:08 · 567 阅读 · 0 评论