webkit

(｡･∀･)ﾉﾞ嗨，我的博客又更新了！（其实可能已经被我改回去了） 点这儿点这儿，传送门吖~ 注：网页有时候要刷新一遍才能显示出来哦，不知道为啥🌚 是不是很好看？ 但是很多东西还在研究中，（才被我改回去的）所以代码不三不四的，先放上来吧，也欢迎提修改意见哟~ 上代码 ： css样式 .cnblogs-markdown .hljs { display : block ; color : #333 ; overflow-x : auto ; background : #F2F4F5 !important ; border : none !important ; font-family : Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace !important ; padding : 1em !important ; font-size : 14px !important } .hljs-comment, .hljs-meta { color : #969896 } .hljs-emphasis, .hljs-quote, .hljs-string, .hljs-strong, .hljs-template-variable, .hljs-variable { color : #df5000 } .hljs-keyword

百度云盘：用Python写网络爬虫PDF高清完整版免费下载 提取码：iix7 内容简介 作为一种便捷地收集网上信息并从中抽取出可用信息的方式，网络爬虫技术变得越来越有用。使用Python这样的简单编程语言，你可以使用少量编程技能就可以爬取复杂的网站。 《用Python写网络爬虫》作为使用Python来爬取网络数据的杰出指南，讲解了从静态页面爬取数据的方法以及使用缓存来管理服务器负载的方法。此外，本书还介绍了如何使用AJAX URL和Firebug扩展来爬取数据，以及有关爬取技术的更多真相，比如使用浏览器渲染、管理cookie、通过提交表单从受验证码保护的复杂网站中抽取数据等。本书使用Scrapy创建了一个高级网络爬虫，并对一些真实的网站进行了爬取。 《用Python写网络爬虫》介绍了如下内容： 通过跟踪链接来爬取网站； 使用lxml从页面中抽取数据； 构建线程爬虫来并行爬取页面； 将下载的内容进行缓存，以降低带宽消耗； 解析依赖于JavaScript的网站； 与表单和会话进行交互； 解决受保护页面的验证码问题； 对AJAX调用进行逆向工程； 使用Scrapy创建高级爬虫。 本书读者对象 本书是为想要构建可靠的数据爬取解决方案的开发人员写作的，本书假定读者具有一定的Python编程经验。当然，具备其他编程语言开发经验的读者也可以阅读本书，并理解书中涉及的概念和原理。 作者简介

CSS3实现背景颜色渐变 摘抄 一. Webkit浏览器 (1) 第一种写法： background:-webkit-gradient(linear ,10% 10%，100% 100%， color-stop(0.14,rgb(255,0,0)), color-stop(0.5,rgb(255,255,0)), color-stop(1,rgb(0,0,255)) ); 第一个参数：表示的是渐变的类型 linear线性渐变 第二个参数：分别对应x，y方向渐变的起始位置 第三个参数：分别对应x，y方向渐变的终止位置 第四/五/N个参数：设置渐变的位置及颜色 (2)第二种写法：这种写法比较简单，而且效果比较自然 background:-webkit-gradient(linear, 0 0, 0 100%, from(＃2074af), to(＃2c91d2)); 第一个参数：表示的是渐变的类型 linear线性渐变 第二个参数：分别对应x，y方向渐变的起始位置 第三个参数：分别对应x，y方向渐变的终止位置 第四个参数：设置了起始位置的颜色 第五个参数：设置了终止位置的颜色 二.Mozilla浏览器 (1)第一种写法： background:-moz-linear-gradient(10 10 90deg, rgb(25,0,0) 14%, rgb(255,255,0) 50%,

前言 吸顶导航是营销会场类最常用的组件之一， 现在的会场页面是越来越长，如果从第一屏手动滑到最后一屏，还是一个挺累的操作，所以吸顶导航还是很有必要存在的，组件很常见，但是开源的不多，而且大多是PC版，几乎都不能满足业务的需求，所以决定自己写一个。 先看下组件效果 demo 功能拆解 梳理下组件需要实现的功能 到达首层吸顶和最后一层取消吸顶 当前楼层高亮显示 选中导航居中显示 默认显示或滑到首层才显示 滑动过程中控制隐藏显示 展开显示更多 功能实现 下面我会介绍下其中几个功能的实现方法，全部源码有兴趣的话可以点击 这里 导航选中居中 1. 如何居中 首先我们可以先考虑怎么居左，我们知道每一项距离左边的宽度是 m ，那居左就是 -m ,居中就是再减中线的位置，中线的位置如果是 M ，那就是 M-m 。 2. 处理边界的情况 通过 M-m ，我们再来处理到达边界的问题，主要两种情况 1.当M-m>0的时候，则已经到达最左边 2.当M-m >于可滚动的距离（滚动条长度-可视长度），就是到达最右边 实现代码： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 /*以下代码为了方便理解，略有删减*/ /* * 导航切换 */ watch(){ translateX

　　前端是一个苦逼的职业，不仅因为技术更新快，而且要会的东西实在太多了，更让人头疼的是，还要面临各种适配、兼容性问题。 　　为什么会有浏览器兼容性问题。还不是因为浏览器厂商太多了。关键是不同厂商，甚至同一厂商不同版本，对同一段CSS的解析效果也不一致，这就导致了页面显示效果不统一，也就带来了兼容性问题。 　　市场上浏览器种类很多，不同浏览器的内核也不尽相同，所以各个浏览器对网页的解析存在一定的差异。 　　浏览器内核主要分为两种，一是渲染引擎，另一个是js 引擎，内核更加倾向于说渲染引擎。常见的浏览器内核可以分四种：Trident、Gecko、Blink、Webkit 　　我们暂且不去关注太多细节问题， 比如那个css样式需要我们去兼容，而是想讨论一下大的解决思路，主要包括4个方面，浏览器CSS样式初始化、浏览器私有属性，CSS hack语法和自动化插件。 1、 浏览器CSS样式初始化 　　由于每个浏览器的css默认样式不尽相同，所以最简单有效的方式就是对其进行初始化，相信很多朋友都写过这样的代码，在所有CSS开始前，先把marin和padding都设为0，以防不同浏览器的显示效果不一样。以及对一些常用的html元素进行一些初始化处理等等。 * { margin: 0 ; padding: 0 ; } 　　关于浏览器CSS样式初始化，经验不丰富的话，可能也不知道该初始化什么

(｡･∀･)ﾉﾞ嗨，我的博客又更新了！（其实可能已经被我改回去了） 点这儿点这儿，传送门吖~ 注：网页有时候要刷新一遍才能显示出来哦，不知道为啥🌚 是不是很好看？ 但是很多东西还在研究中，（才被我改回去的）所以代码不三不四的，先放上来吧，也欢迎提修改意见哟~ 上代码 ： css样式 .cnblogs-markdown .hljs { display : block ; color : #333 ; overflow-x : auto ; background : #F2F4F5 !important ; border : none !important ; font-family : Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace !important ; padding : 1em !important ; font-size : 14px !important } .hljs-comment, .hljs-meta { color : #969896 } .hljs-emphasis, .hljs-quote, .hljs-string, .hljs-strong, .hljs-template-variable, .hljs-variable { color : #df5000 } .hljs-keyword

CSS为HTML标记语言提供了一种样式描述，定义了其中元素的显示方式。下面我们来看一下css如何设置文本超出几行显示省略号。 css设置超出几行显示省略号： 1、单行文本 使用text-overflow：ellipsis属性 text-overflow: clip|ellipsis|string; clip：修剪文本。 ellipsis：显示省略符号来代表被修剪的文本。 string：使用给定的字符串来代表被修剪的文本。 示例： css: p{ overflow: hidden;/*超出部分隐藏*/ text-overflow:ellipsis;/* 超出部分显示省略号 */ white-space: nowrap;/*规定段落中的文本不进行换行 */ width: 250px;/*需要配合宽度来使用*/ border: 1px solid red; font-size: 30px; } html:　　 <p>单行文本超出部分显示省略号我是mdzz</p> 2、多行文本显示省略号，省略号在段尾 p{　 　　display: -webkit-box; 　　-webkit-box-orient: vertical; 　　-webkit-line-clamp: 3; 　　overflow: hidden; 　　width: 250px; 　　border: 1px solid red;

npm 安装sass cnpm i sass -g 查看sass版本信息 sass -version 使用sass sass 是css的预处理器，是css扩展语言，可以帮助我们减少css重复的代码，sass扩展了css3，增加了规则 变量 混入 选择器 继承 内置函数等等特性。文件后缀为.scss; sass变量可以存储以下信息： 字符串 数字 颜色值 布尔值 列表 null值 sass变量使用$符号： $variablename:value; $primary:blue; 这是全局变量 !global 设置局部变量为全局的 h1 { $myColor : green !global ; } 注意：所有的全局变量我们一般定义在同一个文件中，可以使用@include来包含该文件 Sass的嵌套规则选择器类似于HTML的嵌套规则 Sass嵌套属性 很多css属性都有同样的属性，可以使用嵌套属性来编写它们： demo: 编译后： Sass @import Sass可以帮助我们减少css重复代码，节省开发时间。 我们可以安装不同的属性来创建一些代码文件，如:变量定义的文件 颜色定义的文件 字体相关的文件等。 Sass导入文件 类似css，sass支持@import指令 @import指令可以让我们导入其他文件等内容。 css @import指令在妹子调用时，都会创建一个额外deHTTP请求

最近在知乎看到这样一个问题：“作为IT行业的过来人，你有什么话想对后辈说的？” 笔者作为一位工作10年的老前端，忍不住也答了一波，为前端的朋友们总结了10条“走心”建议，都是那些年我踩过的坑，希望能帮你少走一些弯路。 前端十年，从业人数激增面试竞争更为激烈，前几天一个朋友跟我说：“现在全网好像都在告诉我今年找工作很难，找工作快要崩溃了。”在疫情黑天鹅阴霾的笼罩下，让今年求职的人变得异常困难：xx企业缩招、xx公司裁员，俨然已成热搜常态。除此之外，大前端的发展无论从技术深度和广度也发生了陡峭的变化。 前端不再是页面仔、组件仔，而是指能够使用JavaScript和相关H5技术开发iOS、Android、AR、VR、IoT、PC、Server、WebApp、3D甚至Web AI的综合性技术人才。这十年笔者从百度、腾讯到放弃阿里的offer选择创业，见证了无数前端新新新新新新新新技术此起彼伏和老一代框架的销声匿迹，更亲身经历了一个程序员的不平凡的十年，对技术和生活有了更深刻的认知。 讲给前端圈年轻人的十点“走心”建议： 1、非科班出身的同学切记夯实计算机基础 2、避免天天使用各种cli搬砖，发布属于自己的CLI 3、X平台的小程序和生成小程序库，要深入理解背后原理 4、走出自己的安逸区，敢于去迈上更高的人生台阶 5、提升自己的技术能力，对框架的源码要深入阅读 6、要学C|C++