又又呢-优快云博客

原创前端面试题总结——HTML及HTML5篇

DOCTYPE微格式是建立在已有的标准基础之上的一组数据格式具体表现是把语义嵌入到HTML中，有助于实现分离式开发，相当于对Web页面进行语义注释采用微格式的页面，通常会在标签中加入解释性的注释，有助于让处理HTML的软件更易于理解文档，当使用爬虫爬取Web内容时，也能够更好的识别内容块的语义，可以优化网页的 SEOWeb workerHTML。

2025-04-09 16:10:45 707

原创 js--判断当前环境是否为微信环境

/** * 判断是否是微信环境 */ function getIsWxClient () { var ua = navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == "micromessenger") { return true; } return false; };

2020-06-22 16:02:38 2239

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 1142

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

原创 Photoshop如何切图

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

2018-09-28 19:41:08 857

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

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

2018-09-15 11:21:30 11654

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

原创雅虎军规---35条

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

2018-07-20 18:38:13 282

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

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

2018-07-19 17:57:13 178

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

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

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

又又的博客