![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
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 · 2175 阅读 · 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 · 1093 阅读 · 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 · 965 阅读 · 0 评论 -
雅虎军规---35条
1.尽量减少 HTTP 请求个数——须权衡 合并图片(精灵图,内置图片可以使用数据),合并css , js但是也要考虑合并后文件的体积。 2.使用 CDN(内容分发网络) 这里可以关注CDN的三类实现:镜像,高速缓存,专线以及智能路由器和负载均衡。 3.为文件头指定 Expires 或 Cache-Control ,使内容具有缓存性。 区分开静态内容和动态内容,避免以后页面访问中不必要的...原创 2018-07-20 18:38:13 · 257 阅读 · 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 · 2732 阅读 · 0 评论 -
教你纯css实现移动端横向滑动列表
问题:利用display:-webkit-box来实现移动端横向滑动列表,只要css就能搞定了 <!DOCTYPE html> <html> <head> <title>横向滑动</title> <style type="text/css"> .slide-box{原创 2018-09-15 11:21:30 · 11590 阅读 · 0 评论 -
Photoshop如何切图
准备工作 1、切图工具(firework ,Photoshop ,px_cook) 本文分享一些用Photoshop切图的一些经验。需要把Photoshop功能面板设置成我们前端常用的并保存下来,这样以后每次使用的时候就不需要花时间再去设置一次了。 2、设置标尺单位 ——CSS里面用的最多的单位是像素(px),测量和读取的值也都是以像素为单位的值) 设置步骤: ps首选项设置:编辑>...原创 2018-09-28 19:41:08 · 672 阅读 · 0 评论