结尾正式学习前端大概3年多了，很早就想整理这个书单了，因为常常会有朋友问，前端该如何学习，学习前端该看哪些书，我就讲讲我学习的道路中看的一些书，虽然整理的书不多，但是每一本都是那种看一本就秒不绝口的感觉。以下大部分是我看过的，或者说身边的人推荐的书籍，每一本我都有些相关的推荐语，如果你有看到更好的书欢迎推荐呀。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】取消盒子的

打开软件，工具-安装浏览器拓展点击会跳转到默认的浏览器（我是edge），但是我也会用谷歌，试了一下直接复制网址，粘贴到谷歌浏览器，就会变成谷歌浏览器的插件网址，直接添加就可以

目录iconfont图标的使用进入https://www.iconfont.cn位移旋转转换原点缩放位移&旋转&缩放注意点渐变色动画关键帧鼠标经过暂停逐帧动画多组动画多组动画iconfont图标的使用进入https://www.iconfont.cn添加完成iconfont图标之后点击添加至项目，在项目中就可以看到添加的图标常用的有三种方法，第一种下载至本地第二种生成在线代码复制到相应的文件内第三

1.模块化命名例如：与布局相关的样式以“g”为开头。如“g-content”和“g-header”；与挂钩相关的样式以“j”为开头。如“j-open”和“j-request”；与元件相关的样式以“m”为开头。如“m-dropMenu”和“m-slider”；与状态相关的样式以“s”为开头。如“s-current”和“s-selected”；与工具相关的样式以“u”为开头。如“u-clearfix”

大致是有一个main容器是flex布局，左边一个logo固定宽高，右边content动态宽度。anameainfoLoremipsumdolorsitamet,consecteturadipiscingelit,seddoeiusmodtemporincididuntutlaboreetdoloremagnaaliqua.Utenimadminimveniam,quisnostrudexercit

目录1、基本选择器1）标签选择器2）id选择器3）类选择器4）通配选择器2、交集选择器3、派生选择器1）后代选择器2）子元素选择器3）兄弟选择器4）邻居选择器4、属性选择器1）简单属性选择器2)具体属性选择器3）子串属性选择器5、伪类选择器1):first-child和：last-child2):nth-child(n)3）状态伪类6、伪元素选择器7、结构伪类选择器1、:root2、:not3、:

今天写前台的时候发现一个问题，我的css文件中id选择器失效了，前台页面F12控制台中也没有对应的css内容，很是奇怪，内容是这样的：html文件中：css文件中：前台：那，真的是空空如也哈，后来找了下资料

CSS是什么？CSS,即层叠样式表(CascadingStyleSheets)，能够对网页中元素位置的排版进行像素级精确控制,实现美化页面的效果.能够做到页面的样式和结构分离。

index.htmlDocument憨憨憨憨憨程序员学的前端例子~憨憨憨憨憨程序员学的前端例子~//监听鼠标移动事件，当鼠标在页面上移动时，触发parallax函数document.addEventListener('mousemove',parallax);//定义一个名为parallax的函数，用于处理视差效果functionparallax(e){//使用querySelectorAll选择

不要再受Javascript预载的束缚了吧，用CSS你就可以毫不麻烦的预载你的图片。为什么使用预载你为什么会考虑使用预载呢？

前言：前言：在学习完HTML和CSS之后，我们就可以开始做一些小项目了，本篇文章所讲的小项目为——视觉冲击卡片✨✨✨这里是秋刀鱼不做梦的BLOG✨✨✨想要了解更多内容可以访问我的主页秋刀鱼不做梦-CSDN

index.htmlcourse2style.css*{margin:0;padding:0;box-sizing:border-box;}body{display:flex;justify-content

https://developer.mozilla.org/zh-CN/docs/web/guide/HTML/HTMLHTML5新标签语义化标签视频标签音频标签input新标签及新属性CSS3新选择器属性选择器结构伪类选择器此前学习过的

//刷新后显示404location/{try_files$uri$uri//index.html;}//静态图片或者cssjs文件目录location/assets/{root/assets;}

一、前言我们来继续更新CSS的内容，往期的内容可以到前端专栏里去看，也可以点下面的链接HTML常用内容：https://blog.csdn.net/AWSDN/article/details/136112174spm

真真拓展刷新了我的认知。于是，读课例，看视频，追微信公众号“祖庆说”每篇文章，打印摘抄，《童年不可错过的文学课》、《光影中的创意写作》再到蒲公英大学的《创新型教师十二堂必修课》实实在在智慧的播撒。

借助HTML5+CSS3的普及，加上一些开箱即用的CSS框架(如bootstrap，foundation等)支持，人们已经可以非常

CSS表达式的问题在于对其进行求值的频率比人们期望的要高，它们不止在页面呈现和大小改变时求值，当页面滚动、甚至用户鼠标在页面上移动时都要求值。

1.HTML代码文件名：2.CSS样式.progress-div{width:100%;height:20px;background-color:#ffffff;}#progress{height:20px

边缘云作为云计算技术的有效补充和拓展，能够实现将云计算能力拓展至终端边缘侧，并通过云边端统一管控实现云计算服务下沉，以提供端到端的云服务，对推动发展工业互联网平台、数据中心、5G等一批国家重要战略起到重要作用和意义

以下是一些具体的建议：（一）前端程序员应该如何提升自己一、技术能力的提升深入学习基础技术：HTML、CSS、JavaScript：作为前端开发的基础，必须深入理解和掌握。

目录一、全表扫描二、索引三、总结四、拓展一、全表扫描在MySQL中执行一个查询，如果查询涉及到的表没有适当的索引或者查询条件无法利用索引，那么MySQL就需要对整个表进行全表扫描全表扫描意味着数据库需要从磁盘上读取表的所有数据行全表扫描的大致过程

像这样的圆角要怎么实现从结构上来看是用before和after来实现的对激活项进行设置一个定位对before进行一个相对定位放在左下角重点就在于这个背景css的设置进行一个圆形的渐变把圆心定在左上角这个圆形的背景就是透明的剩下的就是这个

*自然素养拓展Day138：《畅游世界》-（三）未

一、为什么需要NoSQLHighperformance高并发读写HugeStorage海量数据的高效率存储和访问HighScalability&&HighAvailability高可拓展性和高可用性二、

今日济南龙门山风景区一日游跃龙门爷儿俩合影户外拓展自信满满无题爬山小憩喊泉亭登顶合影感恩月初休息，陪伴妻儿外出游玩，户外拓展，爬山，滑道，午餐。

我非常了解CSS，但是对Sass感到困惑。SCSS与CSS有什么不同？如果我使用SCSS而不是CSS，它会一样工作吗？.css萨斯—Urvi_204来源4SCSS是CSS的超集。

SCSS和CSS是类似的技术，SCSS是一个CSS预处理器，可以看作是一种特殊的CSS语法。它可以通过提供一些附加功能和特性，使得开发者在编写CSS样式时更加方便和高效。

组件生命周期二、条件编译在工具中，打if出现的条件编译例如：    这是h5端 性能优化面试题一、加载优化1.http请求能不能减少（能不能合并）2.图片的雪碧图3.script标签位置4.link标签（css

强烈建议先阅读上一篇博文，此篇博文是上一篇的拓展目录1、haar与lbp分类器的对比2、使用工具对LBP特征类型进行训练3、LBP分类器现象展示4、完整代码贴出5、更新后的工程贴出6、结语1、haar与

HTML20190531作业CSS.bth:link{display:block;width:42px;height:30px;background-image:url(img/4.png);background-repeat

瀑布流布局也可以通过纯CSS来实现，使用CSS的column属性可以实现多列布局。

前言在学习前端开发的时候，看见很多代码都是定义样式的时候，都是用.scss格式为什么采用这种格式，为什么还可以定义这种关键字（!important等等）。

CSS是用于网页开发的样式语言。它可以帮助设计师为网页设置样式，使其更具吸引力。CSS是Web开发三个基本部分之一，其他两个是JavaScript和HTML。

在前端开发中，样式设计是不可或缺的一部分，而CSS（CascadingStyleSheets）、Sass（SyntacticallyAwesomeStylesheets）和SCSS（SassyCSS）是其中最常用的三种工具

CSS前言一、类选择器二、id选择器三、通配符选择器四、伪类选择器1.链接伪类选择器2.结构（位置）伪类选择器3.目标伪类选择器前言CSS：层叠样式表样式规则：选择器{属性：值；属性：值；}一、类选择器类选择器

scss和css的区别语法差异：CSS使用大括号{}和分号;来定义样式规则和属性。SCSS使用了Sass的语法，它允许使用类似编程语言的结构，如变量、嵌套规则、混合（mixins）和继承等。

47005陈倩《绘本有什么了不起》二、三单元中也讲到了我们课堂上学过的绘本的七大细节，还拓展了更多的绘本知识，比如叙事结构和节奏的运用等，让我对它的了解更全面。

朋友送儿子一套书《奇思妙想一万年》，这是中国古代科技发明创造绘本，共三册，还有一本延伸拓展的《科学的礼物》。

要在网页上改变鼠标的样式，你可以使用CSS的cursor属性。这个属性允许你为网页上的不同元素设置不同的鼠标指针样式。

你可以领略音乐、播客这两款全新Macapp的表演；在Mac上畅享各款自己心爱的iPadapp；拿起iPad和ApplePencil，拓展工作空间，释放创意灵感；再打开那些平时常用的app，试试各种巧思妙想的新功能

看下面的例子：div{font-size:40px;width:10em;/*400px*/height:10em;border:solid1pxblack;}p{font-size:0.5em;/*20px*/width:10em;/*200px*/height:10em;border:solid1pxred;}span{font-size:0.5em;width:10em;height:10e

引言换装或者是换皮肤是常见的行为，我们可以先看下效果：选择不同的颜色，就可以秒变人物服装的颜色，原理其实非常简单实现步骤主要分为三步，即素材的提供、布局样式、动态控制图片提供提供两张图片，一张人物图片，一张除衣服外其余透明的图片布局和样式布局主要是元素的定位，两张图片的叠加，需要用到相对定位和绝对定位/**底图（人物）*/.person{width:256px;height:512px;backg

在uniapp中，要创建一个盒子上面的箭头样式，可以使用CSS的伪元素::after或::before来实现。以下是一个简单的例子，展示了如何使用CSS创建一个向上的箭头。

fixture有参数化功能（后面讲解）@pytest.mark.parametrize允许在测试函数或类中定义多组参数和fixturespytest_generate_tests允许定义自定义参数化方案或扩展（拓展

word-spacing属性用于设置单词之间的间距。它只影响英文单词之间的间距，对中文无效。例如，设置word-spacing:30px;将在每个单词之间增加30像素的间距。这个属性可以增加或减少字与字之间的空白，并且允许负值，即减少字与字之间的间距。letter-spacing属性用于设置字母之间的间距，适用于中文和英文。例如，设置letter-spacing:10px;将在每个字母之间增加10

在css中，radius属性用于设置元素角落的圆角半径，以创建更美观的现代化外观。属性值包含绝对长度或百分比，或继承父元素的半径。

(2)自己和身边人通过学习稻盛哲学，提高心性，拓展经营，圆满人生，获得幸福!(3)时刻坚守"做为人，何为正确"，率先垂范公司价值观！成为一名懂经营的产品专家型的

记录一下CSS中calc()函数的坑calc()中的运算符号前后必须加上空格。calc()中除法的右边必须为数字，不能带单位。在乘法中，至少有一个参数必须是数字。

1.在vue-cli构建的商城项目中发现background-image:linear-gradient(toright,#ff0067,#ff5698);在ie9中失效，无法显示任何内容。解决方案：IE可以依靠滤镜实现渐变。startColorstr表示起点的颜色，endColorstr表示终点颜色。GradientType表示渐变类型，0为缺省值，表示垂直渐变，1表示水平渐变。filter:p