webkit

本文同时发布在： [url]http://netsecurity.51cto.com/art/200809/88934.htm[/url] 本周（080901至080907）的信息安全威胁等级为低。但本周值得关注的新闻集中在Web浏览安全和虚拟化安全领域。Google发布Chrome开源浏览器其安全性和用户吸引力仍显不足，而Hypervisor作为虚拟机和真实机之间的桥梁，虚拟机的管理和安全问题是企业值得关注的。 推荐阅读 1）对于数据泄漏防御用户应该了解的几点；推荐指数：高 近两年频繁发生的敏感数据泄漏案件，以及随之带来的严重的经济和声誉形象损失，使得越来越多的企业逐渐开始关注如何保护自己的信息资产和敏感数据。数据泄漏防御作为一种能够在数据全生命周期内有效实施保护的解决方案，成为许多企业理想的选择，但如何选择适合自己的数据泄漏防御产品，又成为亟待解决的问题。 2）如何使用防火墙管理方案提升现有防火墙的安全性和性能；推荐指数：高 企业在部署防火墙之后，如何保持防火墙的安全性和性能，同时消除企业内部网络中存在的风险因素，关键是保持防火墙的正确配置，而这也正是企业防火墙管理员最常面临的挑战之一。 本周值得关注的新闻集中在Web浏览安全和虚拟化安全领域 Web浏览安全： Google发布Chrome开源浏览器，但其安全性和用户吸引力仍显不足；关注指数：高 新闻1： 9月2日

1. 利用 CSS 穿透覆盖默认样式 常见发生场景：假如我们需要通过 input，type="file"来上传文件，而这个 input 的默认样式，可以说是非常地 丑 。所以我们希望通过一张图片，与这个 input 大小一样，位置一致地盖在上面。这个时候，显然，这个时候点击图片，input 是不会起作用的。就是因为 img 隔绝了 click 的穿透，而我们希望的是，这个 img 只是视觉上遮挡了 input 的样式，但是点击的时候还是点击到 input。所以，只要让 img 可穿透即可。 css 代码如下： img { pointer-events : none; } 2. 实现自定义原生 select 控件的样式 由于 select 移动端原生样式很丑，但是原生弹出效果是符合我们设计的原则。直接修改 select 的样式的时候，一个奇怪的现象出现了，在 chrome 上调试的时候，自己定义的样式起了作用，在 Android 手机上也起了作用，但是到了 ios 手机上就不行了，典型的不兼容问题，这个时候禁用原生的样式即可。 css 代码如下： select { -webkit-appearance : none; } 3. 文本溢出处理 移动设备相对来说页面较小，很多时候显示的一些信息都需要省略部分。最常见的是单行标题溢出省略，多行详情介绍溢出省略。现在都用框架开发了

目录 一、对web标准和W3C的认识 1.1 web标准 1.2 W3C的认识 二、什么是ECMA 三、什么是html 四、浏览器和开发工具介绍 4.1 浏览器介绍 4.2 开发工具介绍 一、对web标准和W3C的认识 1.1 web标准 所有的html标签都要小写。 这些标签都是成双成对的。（准确的说是这些标签都要关闭）。 标签可以嵌套，但是不能交叉嵌套。 1.2 W3C的认识 W3C: 万维网联盟 主要负责web标准制定，html5就是他们制定的标准。（html/css这些写法） 二、什么是ECMA ECMA是European Computer Manufacturers Association的缩写,即欧洲计算机制造商协会。 ECMA这个组织指定了一个标准叫ECMA-262，凡是按照这个标准设计出来的脚本语言都叫 ECMAScript。 JavaScript和JScript都是按照ECMA-262这个标准设计出来的。 所以我们学习的javasript语言就属于ECMAScript。 ES5 \ ES6说的就是ECMAScript5和ECMAScript6 . 三、什么是html 超文本标记语言（英语：HyperText Markup Language，简称：HTML） 是一种用于创建网页的标准标记语言。 HTML目前最新版本是html5，简称H5 ， 就是第5代HTML

//单行 .single { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } //多行 .more { display: -webkit-box !important; overflow: hidden; text-overflow: ellipsis; work-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 2; //指定行数 } 来源： oschina 链接： https://my.oschina.net/u/4161514/blog/4318303

开发App的过程中，常常会遇到在App内部加载网页，通常用UIWebView加载。而这个自iOS2.0开始使用的Web容器一直是开发的心病：加载速度慢，占用内存多，优化困难。如果加载网页多，还可能因为过量占用内存而给系统kill掉。各种优化的方法效果也不那么明显iOS8 以后，苹果推出了新框架 WebKit，提供了替换 UIWebView 的组件 WKWebView。各种 UIWebView 的性能问题没有了，速度更快了，占用内存少了，体验更好了，下面列举一些其它的优势: 1、在性能、稳定性、功能方面有很大提升（最直观的体现就是加载网页是占用的内存，模拟器加载百度与开源中国网站时，WKWebView占用23M，而UIWebView占用85M）； 2、允许JavaScript的Nitro库加载并使用（UIWebView中限制）； 3、支持了更多的HTML5特性； 4、高达60fps的滚动刷新率以及内置手势； 5、将UIWebViewDelegate与UIWebView重构成了14类与3个协议（查看苹果官方文档）； 14个类 WKBackForwardList: 之前访问过的 web 页面的列表，可以通过后退和前进动作来访问到。 WKBackForwardListItem: webview 中后退列表里的某一个网页。 WKFrameInfo: 包含一个网页的布局信息。

普歌-码上鸿鹄团队H5+C3+Less重点总结 一、HTML 1.常用基本标签 1.1、 文档结构标签 1.2、 文本/字符格式标签 1.3、列表标签 1.4、 排版标签 1.5、 链接标签 1.6、多媒体标签 1.7 、 表单标签 2.HTML5新增 2.1、语义化标签 2.2、多媒体标签 2.3新增input类型和属性 二、CSS3新增 1.选择器 1.1基本选择器 1.2基本选择器扩展 1.3属性选择器 1.4伪类与伪元素选择器 1.5其他选择器 2.背景background 2.1 background-origin： 规定背景图片的定位区域。 2.2 background-clip： 规定背景的绘制区域。 2.3 background-size： 规定背景图片的尺寸。 3.渐变(基于background-image上实现) 3.1线性渐变（Linear Gradients）- 向下/向上/向左/向右/对角方向 3.2径向渐变（Radial Gradients）- 由它们的中心定义 4.转换2D(Transform) 4.1 位移translate() 4.2 旋转rotate() 4.3 缩放scale() 4.4 倾斜 skew() 5.转换3D(Transform) 5.1 位移 5.2 旋转 5.3 缩放 5.4 倾斜 5.5 将平面图形转换为立体图形 3D

背景图像可能是所有前端开发人员在我们的职业生涯中至少使用过几次的CSS属性之一。 大多数人认为背景图片没有什么不寻常的，但是。。。。。。 1.如何将背景图像完美地适合视口 body { background-image : url('https://images.unsplash.com/photo-1573480813647-552e9b7b5394?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2253&q=80') ; background-repeat : no-repeat ; background-position : center ; background-attachment : fixed ; background-size : cover ; -webkit-background-size : cover ; -moz-background-size : cover ; -o-background-size : cover ; } background-attachment设置背景图像是否固定或者随着页面的其余部分滚动。 2.如何在CSS中使用多个背景图片 body { background-image : url(https://image.flaticon.com/icons

本文是Scratch3.0二次开发添加登录功能部分——添加点击登录按钮弹窗功能，下一篇会介绍添加接口部分以及登录接口怎么写。 0. 写在前面 借鉴：http://www.liyblog.top/ 感谢！希望能一直更新。 因为我对react本身不如vue那么熟悉，而且今日来感觉react比vue要繁琐很多，相关资料和帖子也远不如vue多，所以走了些弯路，如今总结一下，过程中可能不是很规范正确，产生一些问题，希望各位评论指出来， 当然如果有更好的办法和帖子麻烦也在评论添加地址，我也去学习一下，总之希望能一起学习成长。我的邮箱：yh709459462@163.com。 1. 基本文件结构 因为是借鉴上边大佬的博客http://www.liyblog.top/p/22，我暂时时间比较紧不做赘述，以后再完善。所以各位有需要的先去按照他的教程，一步步往下走，大致是一样的，但是因为我和另一个人按教程走完后并不能成功，所以我做了一些改动。 整个博文内容较多，有点格式问题请谅解 按照上边的教程，走的差不多了之后，跟着我往下走。我的顺序可能是纯粹的改动，不会根据react运行流程去一个文件跳一个文件的改，这样更快，看上面的博文就能理解了文件跳转了。改动主要如下： （1）componets/login-modals目录以及里面的 login-modals.jsx更改名字为login。其他文件不用动。

Emmet 是高效、快速编写 HTML 和 CSS 代码的一种插件，如果还不了解，请戳 Emmet — the essential toolkit for web-developers ,再根据你使用的编辑器（sublime 或 vim 等）下载对应的 Emmet 插件，让你的代码快步如飞吧。下面我记录下常用的 Emmet 语法和快捷键。代码区里的均指在编辑器里输入的字符，然后按 “Tab” 键便会生成代码。 例如 输入 ! 然后按 “tab” 会得到如下所示的HTML文档初始机构，再也不用一个字母一个字母敲了，是不是很简单呢？ ## HTML 编写 1. 生成HTML文档初始机构 2. `html:5` 或者 `!` 生成 HTML5 结构 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> </body> </html> html:xt 生成 HTML4 过渡型 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html

clang-format现支持以下代码风格： LLVM, GNU, Google, Chromium, Microsoft, Mozilla, WebKit 使用类似下面的命令行可以输出其具体选项： clang-format --style=LLVM --dump-config 其输出结果类似YAML，所以写了个小程序，自动生成Markdown的表格。 以下为应用程序( github源码 )自动生成： 来源： oschina 链接： https://my.oschina.net/krysl/blog/4548315