自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 收藏
  • 关注

原创 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

原创 去除表单元素默认样式

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

原创 解决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

原创 Photoshop如何切图

准备工作1、切图工具(firework ,Photoshop ,px_cook)本文分享一些用Photoshop切图的一些经验。需要把Photoshop功能面板设置成我们前端常用的并保存下来,这样以后每次使用的时候就不需要花时间再去设置一次了。2、设置标尺单位——CSS里面用的最多的单位是像素(px),测量和读取的值也都是以像素为单位的值)设置步骤: ps首选项设置:编辑&gt...

2018-09-28 19:41:08 567

原创 教你纯css实现移动端横向滑动列表

问题:利用display:-webkit-box来实现移动端横向滑动列表,只要css就能搞定了&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;title&gt;横向滑动&lt;/title&gt; &lt;style type="text/css"&gt; .slide-box{

2018-09-15 11:21:30 11568

原创 HTML5相比HTML新增了哪些功能?

1. 简化的语法HTML5简化了很多细微的语法,例如doctype的声明,你只需要写&lt;!doctype html&gt;就行了。HTML5与HTML5,XHTML1兼容,但是与SGML不兼容。2. 更加语义化标签(开发者可以更加优雅,网页结构更清晰)header、footer、nav、article、figure...但这些表情不兼容ie6-8,(兼容处理:html5.min.j...

2018-07-21 17:49:11 2670

原创 雅虎军规---35条

1.尽量减少 HTTP 请求个数——须权衡合并图片(精灵图,内置图片可以使用数据),合并css , js但是也要考虑合并后文件的体积。2.使用 CDN(内容分发网络)这里可以关注CDN的三类实现:镜像,高速缓存,专线以及智能路由器和负载均衡。3.为文件头指定 Expires 或 Cache-Control ,使内容具有缓存性。区分开静态内容和动态内容,避免以后页面访问中不必要的...

2018-07-20 18:38:13 230

原创 前端性能优化相关知识

性能优化一直以来都很被重视,也是面试时候常被问到问题,本篇文章主要涉及到前端性能优化的几个点。在这之前,应该先了解一下雅虎军规。雅虎军规是什么? (详情查阅)1.尽量减少 HTTP 请求个数——须权衡2.使用 CDN(内容分发网络)3.为文件头指定 Expires 或 Cache-Control ,使内容具有缓存性。4.避免空的 src 和 href5.使用 gzip 压缩...

2018-07-19 17:57:13 144

原创 解决input表单元素在ios系统上默认圆角的问题?

问题:页面在iPhone手机上测试发现input框变成圆角,应该如何修改呢?问题解决:-webkit-appearance : none ;  //解决ios上按钮的圆角问题/ border-radius: 0;  //解决ios上输入框圆角问题/ ...

2018-07-18 11:23:32 1089 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除