safari

一、动态加载CSS 动态创建css样式有两种方式： 1、动态插入css外部文件的方法： function loadStyle(url){ 　　var link = document.createElement('link'); link.type = 'text/css'; link.rel = 'stylesheet'; link.href = url; var head = document.getElementsByTagName('head')[0]; head.appendChild(link); } loadStyle('test.css'); 2、动态加载css代码片段 function loadCssCode(code){ var style = document.createElement('style'); style.type = 'text/css'; style.rel = 'stylesheet'; try{ //for Chrome Firefox Opera Safari style .appendChild(document.createTextNode(code)); }catch(ex){ //for IE style.styleSheet.cssText = code; } var head = document

安装 homebrew /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 安装指定的软件包(以 wget 为例) $ brew install wget 删除指定的软件包(以 wget 为例) $ brew uninstall wget 列出当前安装的软件 $ brew list 查询相关软件的信息（日期、出处、依赖库、安装时） $ brew info wgeteagledembp:~ eagle$ brew info wget wget: stable 1.19.5 (bottled), HEAD Internet file retriever https://www.gnu.org/software/wget/ /usr/local/Cellar/wget/1.19.5 (50 files, 3.7MB) * Poured from bottle on 2018-09-07 at 17:07:02 From: https://github.com/Homebrew/homebrew-core/blob/master/Formula/wget.rb ==> Dependencies Build: pkg-config ✘

ios +chrome调试 引用 https://segmentfault.com/a/1190000015428430 iTunes ios-webkit-debug-proxy-1.8-win64-bin.zip chrome最新版本最好 【Chrome】对ios-safari移动端的H5页面进行调试（ios-webkit-debug-proxy） ios 有问题。 点击Inspect，弹出开发者工具 后 不显示 手机的页面 ，代码已出现。 后期好了更新 调试Android上WebView的步骤： 开启手机上的USB调试功能 打开Chrome浏览器，地址栏输入：chrome://inspect/#devices， Chrome会自动检测手机上打开的App，并列出可调试的WebView页面，如图： 点击Inspect，弹出开发者工具进行调试（Android4.4开始支持，老版本Android检测不到webview。） 输入chrome://inspect可以调试android app里面的网页，如果inspect的时候，是空白， 那就在C:\Windows\System32\drivers\etc\hosts文件加入 61.91.161.217 chrome-devtools-frontend.appspot.com 61.91.161.217 chrometophone

动画 transition:all .5s ease-in .2s; 过渡属性 transition-property 通过鼠标的单击、获得焦点，被点击或对元素任何改变中触发，并平滑地以动画效果改变CSS的属性值。 在CSS中创建简单的过渡效果可以从以下几个步骤来实现： 第一，在默认样式中声明元素的初始状态样式； 第二，声明过渡元素最终状态样式，比如悬浮状态； 第三，在默认样式中通过添加过渡函数，添加一些不同的样式。 CSS3的过度transition属性是一个复合属性，主要包括以下几个子属性： transition-property:指定过渡或动态模拟的CSS属性 transition-duration:指定完成过渡所需的时间 transition-timing-function:指定过渡函数 transition-delay:指定开始出现的延迟时间 例如：a{ transition: background 0.8s ease-in 0.3,color 0.6s ease-out 0.3;} 1.Keyframes介绍 Keyframes被称为关键帧，其类似于Flash中的关键帧。在CSS3中其主要以“@keyframes”开头， 后面紧跟着是动画名称加上一对花括号“{…}”，括号中就是一些不同时间段样式规则。 @keyframes changecolor{ 0%{

import requests #++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ # 滑块验证码打码 # 使用如下语句，可以用S代替requests发送get请求，如果请求的网址生成了cookie，则cookie会保存在S中，下次再用s请求会带上这个cookei s = requests.Session() # 找到一个接口，这个接口要返回gt 和challenge,请求他，获取challenge和gt source = s.get('http://gsxt.gzgs.gov.cn/registerValidate.jspx?t=1558493678554').json() print(source) gt = source['gt'] challenge = source['challenge'] # 将获取到的参数，传给极验，这里要包含用户名和密码，如果success是0，则后面要加上&model=1 second = s.get('http://jiyanapi.c2567.com/shibie?user=wangshang&pass=a706486a&return=json&ip=&gt='+gt+'&challenge='+challenge+'&model=1')

[TOC] 前言 “回流（重排）”和“重绘”基本上算是前端的高频词之一，你可以在各个文章及面试题中见到，我们在讨论这个词的时候，其实讨论的是浏览器的渲染流程。 所以在讨论“回流重绘”之前，我们还需要掌握一些知识；在它之中，我们还需要更深入一点；在这之后，我们还要懂得怎么去把理论结合到项目实践中去。 通过这篇文章，你可以学习到的知识： 1、追本溯源，“回流”和“重绘”这个词是如何引出的，在了解这两个词之前我们还需要了解什么 2、浏览器的渲染流程，“回流”和“重绘”的原理 3、优化浏览器渲染性能，减少“回流”和“重绘”，动手将这些优化应用到实际开发中 浏览器的渲染引擎 浏览器的主要组件有：用户界面、浏览器引擎、渲染引擎、网络、用户界面后端、JavaScript解释器、数据存储。 浏览器的主要功能就是向服务器发出请求，在浏览器窗口中展示您选择的网络资源。浏览器在解析HTML文档，将网页内容展示到浏览器上的流程，其实就是渲染引擎完成的。 渲染流程 我们在这里讨论Gecko和Webkit这两种渲染引擎，其中Firefox 使用的是 Gecko，这是 Mozilla 公司“自制”的呈现引擎。而 Safari 和 Chrome 浏览器使用的都是 WebKit。 WebKit 渲染引擎的主流程： Mozilla 的 Gecko渲染引擎的主流程： 从图 3 和图 4 可以看出，虽然 WebKit 和