浏览器内核Webkit 第5页

CSS文字效果

CSS文字效果前言默认效果阴影无模糊添加模糊不同方向叠加无模糊文字描边（text-shadow实现）不同方向叠加有模糊文字发光第一种3d效果特殊阴影沉浸式文字文字描边（-webkit-text-stroke

wDeveloper·2024-01-27 11:25

水波浪标题

display:inline;color:rgb(155,52,52);position:absolute;font-size:6rem;}h1:nth-child(1){color:transparent;-webkit-text-stroke

与妖为邻·2024-01-27 09:14

宏景eHRSmsAcceptGSTXServle存在XXE漏洞

POST/servlet/sms/SmsAcceptGSTXServletHTTP/1.1Host:User-Agent:Mozilla/5.0(WindowsNT10.0;Win64;x64)AppleWebKit

LZsec·2024-01-27 09:01

uni-app隐藏scroll-view的滚动条

/*隐藏滚动条*/::-webkit-scrollbar{display:none;width:0!important;height:0!

Maoyy·2024-01-27 08:59

css 文本超出2行就隐藏并且显示省略号

display:-webkit-box;//将对象作为弹性伸缩盒子模型显示。overflow:hidden;//超出的文本隐藏white-space:normal!

yuki20·2024-01-27 08:20

网页滚动条样式设置css

::-webkit-scrollbar{width:4px;height:4px;}::-webkit-scrollbar-track,::-webkit-scrollbar-thumb{border-radius

Cc_Debugger·2024-01-27 00:57

flex布局文字溢出显示省略号失效的解决方法

ellipsis;white-space:nowrap;width:100px;css多行文字溢出省略：word-break:break-word;text-overflow:ellipsis;display:-webkit-box

条件if循环·2024-01-26 19:03

CSS样式显示一行省略和两行省略

overflow:hidden;text-overflow:ellipsis;}.line2{word-break:break-all;text-overflow:ellipsis;display:-webkit-box

迟意..·2024-01-26 16:06

css文本超出隐藏

单行文本:div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}多行文本:div{display:-webkit-box;-webkit-box-orient

十一点后不在线·2024-01-26 16:31

nvm + nodejs + vue项目环境搭建备忘

内容介绍：传统JavaScript传统JavaScript运行在浏览器上，浏览器内核分为两个部分：渲染引擎渲染HTML和CSSJavaScript引擎负责运行JavaScriptChrome使用的JavaScript

feir_2011·2024-01-26 15:58

《WebKit 技术内幕》学习之十五（6）：Web前端的未来

6ChromiumOS和Chrome的Web应用6.1基本原理HTML5技术已经不仅仅用来编写网页了，也可以用来实现Web应用。传统的操作系统支持本地应用，那么是否可以有专门的操作系统来支持Web应用呢？当然，现在已经有众多基于Web的操作系统，但它们只支持基于HTML5的Web应用，而不支持本地应用，这的确是一项技术革命。ChromiumOS就是支持Web应用的一个Web操作系统。Chromiu

jyl_sh·2024-01-26 14:01

《WebKit 技术内幕》学习之十五（4）：Web前端的未来

4Cordova项目Cordova是一个开源项目，能够提供将Web网页打包成本地应用格式的可运行文件。读者可能对Cordova项目陌生，但是大家可能对它的前身非常熟悉，那就是PhoneGap项目，它后来被Adobe公司收购。图15-4描述了Cordova的主要工作思想，对于一个Web应用，结合Cordova提供的本地代码和框架，使用Cordova的打包工具将它们一起打包成一个个同系统相关的本地可执

jyl_sh·2024-01-26 14:00

《WebKit 技术内幕》学习之十五（5）：Web前端的未来

5Crosswalk项目Crosswalk项目是由英特尔公司发起的一个开源项目，该项目基于WebKit（Blink）和Chromium等开源项目打造，其目的是提供一个跨不同操作系统的Web运行环境，包括

jyl_sh·2024-01-26 14:00

《WebKit 技术内幕》学习之十三（1）：移动WebKit

1触控和手势事件1.1HTML5规范随着电容屏幕的流行，触控操作变得前所未有的流行起来。时至今日，带有多点触控功能已经成为了移动设备的标准配置，基于触控的手势识别技术也获得巨大的发展，如使用两个手指来缩放应用的大小等。所以，在移动系统中，编程需要考虑的不是鼠标事件，而是触控和手势事件，这些事件对于改善用户体验起了非常大的作用。最早将触控和手势事件引入Web领域的是苹果公司，它在iOS2.0中加入了

jyl_sh·2024-01-26 14:55

html+css的文字渐变动画特效

话不多说，我就直接放效果图和代码吧图片发自App图片发自App图片发自App图片发自Appcolor:transparent;让文字为透明色，就是让后面背景色显示出来-webkit-background-clip

梦醒时分心会凉_·2024-01-26 10:56

ubuntu安装酷狗音乐

先安装预装软件：命令sudoapt-getinstallPython-gtk2python-webkit再下载软件包deb，地址：http://forum.ubuntu.org.cn/viewtopic.php

xf807989·2024-01-26 08:06

css3 -- 边框

菜鸟教程(runoob.com)div{border:15pxsolidtransparent;width:250px;padding:10px20px;}#round{-webkit-border-image

Jycoding·2024-01-26 04:10

12.2蓝桥杯笔记

web模拟赛2一、“===”二、行元素变为块级元素三、white-space属性四、display:-webkit-box布局一、“===”表示恒等，即绝对等于（值和类型均相等）。

久靥_·2024-01-26 04:16

如何去除webkit浏览器默认填充表单的样式

在开发后台管理系统网站时，在webkit内核和谷歌浏览器里访问网页中的表单时，记住密码的表单文本框背景色会自动填充为黄色，如下图。本文将介绍解决该问题的两种方式。

再见那卑微的再见·2024-01-26 01:32

《WebKit 技术内幕》学习之十四（2）：调式机制

2实践——基础和性能调试Chromium开发者工具基本上沿用了WebInspector的功能，所以这一节主要以该开发者工具作为介绍的对象，一起了解开发者工具提供的功能和一些基本的用法，有些用法其实在之前已经介绍过，这里可能为了系统性考虑会再次提及一下，但是不做太多的重复性介绍。主要包括两个部分，基础功能部分的调试和性能部分的调试。2.1基础调试基础部分的调试大致可以分成DOM元素的修改等访问、CS

jyl_sh·2024-01-26 01:01

《WebKit技术内幕》学习之十三（3）：移动WebKit

3其他机制3.1新渲染机制为了移动领域更好的用户体验，渲染机制所做的改进主要是提升渲染性能来增加响应的速度，甚至不惜牺牲一些跟规范定义的行为不一致的地方。在这一小节中主要介绍三个方面的技术，其一是TiledBackingStore，其二是线程化渲染，其三是快速移动翻页。目前主流的移动设备上，触控操作是必不可少的用户交互方式。同桌面系统不一样的是，网页的渲染结果需要对用户的响应度有很高的要求。不幸的

jyl_sh·2024-01-26 01:31

《WebKit技术内幕》学习之十三（2）：移动WebKit

2移动化用户界面HTML5为移动领域做了大量的工作，其中“meta”标签中的众多设置值能够帮助提供非常好的移动用户体验。一个典型的例子就是上面提到的用该标签来控制网页缩放，如示例代码13-2使用了一些JavaScript代码来完成，而实际上，“meta”标签能够非常简单地完成这一目的，方式如下所示。非常简单的一行代码，就能够将缩放功能取消而不需要相对复杂的JavaScript代码，遗憾的是，目前“

jyl_sh·2024-01-26 01:00

《WebKit 技术内幕》学习之十四（1）：调式机制

第14章调试机制支持调试HTML、CSS和JavaScript代码是浏览器或者渲染引擎需要提供的一项非常重要的功能，这里包括两种调试类型：其一是功能，其二是性能。功能调试能够帮助HTML开发者使用单步调试等技术来查找代码中的问题，性能调试能够采集JavaScript代码、网络等性能瓶颈。当然，这只是对于HTML开发者来说的。因为对于性能而言，问题可能存在于HTML代码，也可能是浏览器本身的问题。为

jyl_sh·2024-01-26 01:59

CSS3渐变色--文字渐变和背景渐变

文字渐变background-image:-webkit-linear-gradient(top,red,#fd8403,yellow);-webkit-background-clip:text;-webkit-text-fill-color

羽翼的翼·2024-01-25 23:33

使用WKWebview实现OC与JS的交互

WKWebView是苹果公司在iOS8系统推出的，这里我们主要概述WebKit中更新的WKWebView控件的新特性与使用方法。

见哥哥长高了·2024-01-25 23:16

css3实现立体灰色电子时钟代码

rgb(1,124,185);text-decoration:none;}body{font-size:16px;color:#5a5d63;background:#d6d7d9;background:-webkit-radial-gradient

锋享前端·2024-01-25 21:32

设置input placeholder属性的字体颜色样式等

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{/*WebKitbrowsers*/color:#ced0d6;

昵称啦啦啦·2024-01-25 20:15

前端语音识别（webkitSpeechRecognition）

前端语音识别（webkitSpeechRecognition）-CSDN博客Excerpt文章浏览阅读1.8k次，点赞4次，收藏4次。

南七小僧·2024-01-25 13:17

vue全局公共样式

/searchForm.scss';body{height:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased

活宝小娜·2024-01-25 12:20

使用vue-print-nb打印el-table问题总结

解决单选框复选框打印时选中消失的问题@mediaprint{//解决单选框复选框打印时选中消失的问题::v-deep.el-radio__input,::v-deep.el-checkbox__input{-webkit-print-color-adjust

喜陈·2024-01-25 09:37

Ant Design 滚动条样式修改

//tablescrollbar.ant-table-body{&::-webkit-scrollbar{height:5px;}&::-webkit-scrollbar-thumb{border-radius

九层嵌套 for 循环·2024-01-25 00:57

el-table滚动条样式修改

比如，当我们修改了全局滚动条的样式，使其变得窄一点//滚动条样式::-webkit-scrollbar{width:6px;height:6px;}::-webkit-scrollbar-track{background

逝流水1234·2024-01-25 00:55

CSS——滚动条样式修改

-webkit-scrollbar滚动条整体部分-webkit-scrollbar-button滚动条两端的按钮-webkit-scrollbar-track外层轨道-webkit-scrollbar-track-piece

一只漫步前行的羊·2024-01-25 00:25

antdv中table组件滚动条样式修改

滚动条的组成：::-webkit-scrollbar滚动条整体部分::-webkit-scrollbar-thumb滚动条里面的小方块，能上下左右移动（取决于是垂直滚动条还是水平滚动条）::-webkit-scrollbar-track

qq_40055200·2024-01-25 00:25

滚动条样式修改

对于Chrome和Safari用户如果正在使用基于WebKit的浏览器，如Chrome或Safari，可以使用以下代码来自定义滚动条样式。

接着奏乐接着舞。·2024-01-25 00:24

输入框禁止复制粘贴

一、禁止复制如果是密码输入框，是自带禁止复制功能的如果是其他输入框，可以禁止文本被选中禁止文本被选中，可以使用css样式user-select:none;-webkit-user-select:none

爱吃猪蹄_·2024-01-24 23:12

深入理解 WKWebView（基础篇）-- 探究 WebKit 缓存

因为WKWebView的封闭性，我们无法针对原生WKWebView做较深度化的定制，但对于WebKit缓存源码的探究，将帮助我们更好的使用和理解缓存。本文将延续《iOS端webkit

大菠萝_DABLO·2024-01-24 21:10

css实现隐藏滚动条但是可以滚动

.hidden-scrollbar出现滚动条的列名.hidden-scrollbar::-webkit-scrollbar{display:none;/*ChromeSafari*/}.hidden-scrollbar

吃葡萄不吐葡萄皮嘻嘻·2024-01-24 16:52

CSS 图片遮罩学习小节

概念：-webkit-mask-image是一项用于制作镂空图形和图形遮罩效果的CSS样式属性。-webkit-mask-image的值既可以是渐变色也可以是图片地址。

我不是费圆·2024-01-24 16:51

CSS让图片置灰

背景图片置灰加上样式：background-blend-mode:hue;image图片置灰，给图片加样式.img{-webkit-filter:grayscale(100%);-moz-filter:

流丶年丶·2024-01-24 13:21

《WebKit 技术内幕》学习之十（4）：插件与JavaScript扩展

4Chromium扩展机制4.1原理Chromium的扩展（Extension）机制(1)原先是Chromium推出的一项技术，该机制能够扩展浏览器的能力，例如笔者使用的一个扩展实例名为“switchyproxy”，它可以帮助用户方便的切换Chromium浏览器代理，但是也仅此而已。本质上，它其实就是浏览器能力的简单扩展，而对于一些本地的功能，如书签、USB、蓝牙、电源管理等，该机制并没有这方面的

jyl_sh·2024-01-24 06:53

vue 怎样亲手撸一个loading全局组件

{data(){return{}},props:{showLoading:false,showToast:false}}.loading-box{background:#f5f5f5;flex:1;-webkit-flex

造轮子的蜗牛·2024-01-24 06:47

DOMPurify：一个只针对 DOM 的、超快的、宽容的 HTML XSS清理工具

DOMPurify是用JavaScript编写的，在所有现代浏览器(Safari(10)，Opera(15)，Edge,Firefox和Chrome-以及几乎所有使用Blink,Gecko或WebKit

独立开发者张张·2024-01-24 06:54

《WebKit 技术内幕》学习之九（3）： JavaScript引擎

3JavaScriptCore引擎3.1原理JavaScriptCore引擎是WebKit中的默认JavaScript引擎，也是苹果在开源WebKit项目之后，开源的另外一个重要的项目。

jyl_sh·2024-01-24 05:26

《WebKit 技术内幕》学习之七（2）：渲染基础

2网页层次和RenderLayer树2.1层次和RenderLayer对象前面章节介绍了网页的层次结构，也就是说网页是可以分层的，这有两点原因，一是为了方便网页开发者开发网页并设置网页的层次，二是为了WebKit

jyl_sh·2024-01-24 01:08

《WebKit 技术内幕》学习之十（2）：插件与JavaScript扩展

2ChromiumPPAPI插件2.1原理插件其实是一种统称，表示一些动态库，这些动态库根据定义的一些标准接口可以跟浏览器进行交互，至于这个标准接口是什么都可以，重要的是大家都遵循它们，NPAPI接口标准只是其中的一种，因为它被广泛使用，所以被提到的次数也最多。本节介绍的PPAPI也是一种浏览器和插件交互的接口标准，该标准是由Google提出，在Chromium项目中获得支持。PPAPI的提出是因

jyl_sh·2024-01-23 23:16

iPhoneX适配问

```html：你自己的页面内容```css```@mediaonlyscreenand(device-width:375px)and(device-height:812px)and(-webkit-device-pixel-ratio

yyshang·2024-01-23 21:55

《WebKit 技术内幕》学习之十（1）：插件与JavaScript扩展

虽然目前的浏览器的功能很强，但仍然有其局限性。早期的浏览器能力十分有限，Web前端开发者希望能够通过一定的机制来扩展浏览器的能力。早期的方法就是插件机制，现在流行次啊用混合编程（HybirdProgramming）模式。插件一直伴随着浏览器的发展，最著名莫过于Adobe公司的Flash插件。对于插件的接口定义，差别也很大，比较著名的是微软公司的ActiveX插件机制和网景公司的NPAPI产检。随后

jyl_sh·2024-01-23 19:14

《WebKit 技术内幕》学习之十（3）：插件与JavaScript扩展

3JavaScript引擎的扩展机制3.1混合编程混合编程由来已久，因为浏览器能力的不足，特别是以前的浏览器甚至不支持内嵌视频和音频等技术，所以导致需要Flash等插件来扩展网页的能力。当然Flash插件是由第三方提供的，大家都可以使用。还有一种使用场景，那就是网页的开发者在使用HTML/JS/CSS开发网页的时候，发现能力不足，希望使用传统语言例如C/C++来开发一些库，这些库可以被网页调用，这