safari

select、input等默认样式的改变，包含下拉三角 select{ /*去除外边框*/ border: none; /*适应safari浏览器内容不跑偏*/ line-height: 1; width: 100%; /*将默认的select选择框样式清除*/ appearance:none; -moz-appearance:none; -webkit-appearance:none; /*在选择框的最右侧中间显示小箭头图片*/ background: url("../../img/my/btn_pulldown.png") no-repeat scroll right center transparent; background-size: 0.9rem 0.9rem; /*为下拉小箭头留出一点位置，避免被文字覆盖*/ padding-right: 14px; font-size: 1.4rem; color: #666666; /*去除选中时样式*/ outline: none; /*去除点击一闪而过的灰色背景*/ -webkit-tap-highlight-color:rgba(0,0,0,0); } input同select 来源： oschina 链接： https://my.oschina.net/u/3887849/blog/1840892

我在使用jQuery的ajax函数将文件发送到服务器端PHP脚本时遇到问题。 可以使用 $('#fileinput').attr('files') 获取文件列表，但如何将这些数据发送到服务器呢？ 使用文件输入时，服务器端php脚本上的结果数组（ $_POST ）为0（ NULL ）。 我知道这是有可能的（尽管直到现在我还没有找到任何jQuery解决方案，只有Prototye代码（ http://webreflection.blogspot.com/2009/03/safari-4-multiple-upload-with-progress.html ）） ）。 这似乎是相对较新的，所以请不要提及通过XHR / Ajax无法上传文件，因为它确实可以正常工作。 我需要Safari 5，FF和Chrome中的功能会不错，但不是必需的。 我现在的代码是： $.ajax({ url: 'php/upload.php', data: $('#file').attr('files'), cache: false, contentType: 'multipart/form-data', processData: false, type: 'POST', success: function(data){ alert(data); } }); #1楼 我只是根据阅读的一些信息构建了此功能。 像使用

PWA是progress web app的缩写，是一种理念，使用多种技术来增强web app的功能，可以让网站的体验变得更好，能够模拟一些原生功能，比如通知推送。 history模式 如果不希望看到丑陋的 # 可以使用history模式 ， 其原理依赖于 history.pushState函数 a标签点击以后，如果没有# 必然会页面跳转发起请求 使用pushState函数可以改变url 比如 /abc 而不会发起请求 js通过location.pathname获取该值 /abc 做页面局部的替换 router-view的history简单实现原理 router-view实现图解 自制webpack插件实现骨架屏 原理分析： 1: 从路由A跳到路由B慢不慢？ 你敢说慢？ 因为A的时候各种js已经加载好了ok 2: 那到底是什么比较慢 ？ A的首次加载 慢会带来什么？ 1: 首屏白屏(量太大，渲染好久) 2: 首屏卡顿(加载一半，一半卡住) 解决方案： 1: 客户端太慢，渲染容易卡住。。 服务端渲染好页面，客户端就加载个html完事 2: 白屏也不错，但是如果能有个骨架屏，看起就爽了 插件实现思路 需要在vue的执行代码加载之前，先让用户看到骨架屏，带app代码执行 new Vue() 替换<div id="app"></div> 就好了 决定加载什么js的是index.html

我的网站在iPhone / Safari浏览器上呈现得很好，但有一个例外：我的文本输入字段有一个奇怪的圆形样式，对我网站的其他部分来说看起来并不好看。 有没有办法指示Safari（通过CSS或元数据）不对输入字段进行舍入并将其呈现为矩形？ #1楼 对于iPhone 3GS上的iOS 5.1.1，我必须清除搜索字段的样式并将其设置为预期的样式 input[type="search"] {-webkit-appearance: none; border-radius: 0 3px 3px 0;} 做 -webkit-border-radius: 0; 单独没有清除本机造型。 这也是本机应用程序的webview。 #2楼 我有同样的问题，但只有提交按钮。 需要移除内部阴影和圆角 - input[type="submit"] { -webkit-appearance:none; -webkit-border-radius:0; } #3楼 我使用了一个简单的border-radius：0; 删除文本输入类型的圆角。 #4楼 以下是Compass（SCSS）的完整解决方案： input { -webkit-appearance: none; // remove shadow in iOS @include border-radius(0); // remove border-radius

css动画 1.先定义动画，用keyframes定义动画（类似定义类选择器） @keyframes 动画名称 { 0% { width: 100px; } 100% { width: 200px; } } 2.再使用调用动画 animation-name: 动画名称; 调用动画 animation-duration: 持续时间; 持续时间 animation-timng-function 规定动画的速度曲线，默认ease animation-delay 规定动画何时开始，默认0 animation-iteration-count 规定动画被播放的次数默认为1，还有infinite animation-direction 规定动画是否在下一周期逆向播放，默认是“normal”，alternate逆向播放 animation-play-state 规定动画是否正在运行或者暂停，默认是“running”，还有“paused” animation-fill-mode 规定动画结束后状态，保持forwards回到起始backwards 3. 动画简写 animation：动画名称 持续时间 运动曲线 何时开始 播放次数 是否反方向 动画起始或者结束的状态； animation：myfirst 5s linear 2s infinite alternate； 浏览器私有前缀 -moz-

是否可以跨浏览器使用CSS或HTML设置复选框的大小？ width 和 size 在IE6 +中有效，但在Firefox中不起作用，即使我设置了较小的尺寸，该复选框也保持16x16的比例。 #1楼 这有点丑陋（由于放大），但是它可以在大多数较新的浏览器上使用： input[type=checkbox] { /* Double-sized Checkboxes */ -ms-transform: scale(2); /* IE */ -moz-transform: scale(2); /* FF */ -webkit-transform: scale(2); /* Safari and Chrome */ -o-transform: scale(2); /* Opera */ transform: scale(2); padding: 10px; } /* Might want to wrap a span around your checkbox text */ .checkboxtext { /* Checkbox text */ font-size: 110%; display: inline; } <input type="checkbox" name="optiona" id="opta" checked /> <span class="checkboxtext">

尽管MacBook Pro是一台能处理繁重工作量的高能效机器，但它却无法像市场上其他笔记本电脑一样避免过热。至于什么可以防止发热，那不是一两个技巧就能解决的问题。相反，这是一组技巧可以解决的挑战。 因此，如果您的MacBook经常过热而无法保持凉爽，请尝试使用以下技巧来解决MacBook Pro过热的问题。 修复MacBook Pro过热问题的13条提示 您可能已经猜到了，过热问题背后可能有多个原因。因此，确定罪魁祸首是正确的方法。 旁注：以下提示可在包括MacBook Air的任何MacBook上使用。因此，无论使用哪种模型，都可以遵循相同的解决方案来克服障碍。 那么，为什么您的MacBook会很热？ 首先，许多事情都可能导致MacBook过热。这可能是由于过多的资源消耗型应用程序，过大的应用程序，风扇破旧或存储/内存混乱所致。更不用说，软件漏洞也可能是从后台进行的。是的，您没听错！问题可能与硬件和软件有关。因此，您必须在牢记这两个方面的基础上寻找解决方案。 由于过热会导致笔记本计算机意外关闭，从而导致数据丢失，因此，越早找到正确的答案，不仅对笔记本电脑而且对工作流程都越好。因此，请务必检查所有提示，以便摆脱问题并防止问题再三发生。 提示1。首先，获取所有内存占用应用程序 尽管几乎每个应用程序都声称减少了对资源的占用，但很少有人能参与其中。它们迫使处理器超时工作

我尝试了所有这三个方法都无济于事： <meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;” /> <meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=false;” /> <meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;” /> 每个都是我通过Google搜索或SO搜索推荐的不同值，但是' user-scaleable = X '值似乎都不起作用 我还尝试了用逗号分隔值，而不是分号，没有运气。 然后，我尝试仅使用 user-scalable 值，仍然没有运气。 更新 从苹果网站上得到了它，它的工作原理是： <meta name="viewport" content="width=device-width, user-scalable=no" /> 事实证明，问题出在非标准引号，因为我从使用它们的网站复制了元标记

console.log 什么用？ 请通过代码示例说明如何在JavaScript中使用它。 #1楼 一个示例-假设您想知道能够运行程序的哪一行代码（在程序崩溃之前！），只需键入 console.log("You made it to line 26. But then something went very, very wrong.") #2楼 您可以查看控制台的地方！ 只是让他们都在一个答案中。 火狐浏览器 http://getfirebug.com/ （您现在也可以使用Firefox内置的开发人员工具Ctrl + Shift + J（“工具”>“ Web开发者”>“错误控制台”），但是Firebug更好，请使用Firebug） Safari和Chrome 基本上一样。 https://developers.google.com/chrome-developer-tools/docs/overview https://developer.apple.com/technologies/safari/developer-tools.html IE浏览器 别忘了您可以使用兼容模式在IE9或IE10中调试IE7和IE8 http://msdn.microsoft.com/zh-CN/library/ie/gg589507(v=vs.85).aspx http://msdn

文章目录 常见Headers参数详解 Accept Accept-Language Accept-Encoding Cookie Referer User-Agent Content-Type Origin 常见错误代码及错误原因 User-Agent集合（列表形式） 常见Headers参数详解 Accept 请求报头域，用于指定客户端可接受哪些类型的的信息 需要注意的是它只是建议服务器，而并非就是你写成什么他就返回给你什么。 Accept-Language 指定客户端可接受的语言类型 Accept-Encoding 指定客户端可接受的内容编码 需注意其中一个gzip编码，有时候爬取内容返回一直是乱码，问题可能会处在这个参数，它表示客户端可接受压缩后的内容。 Cookie 也常用复数形式Cookies。这是最重要的请求头信息之一。网站为了辨别用户进行会话跟踪二存储在用户本地的数据。一般可以直接复制，对于一些变化的可以选择构造。 Referer 当浏览器向web服务器发送请求的时候，一般会带上Referer，标识这个请求是从哪个页面链接过来的，服务器籍此可以获得一些信息用于处理。用于统计访问量、防盗链处理等。 User-Agent 向访问网站提供你所使用的浏览器类型及版本、操作系统及版本、浏览器内核、等信息的标识。在做爬虫时加上此信息，可以伪装为浏览器；如果不加