- 博客(15)
- 收藏
- 关注
RSS订阅原创 CSS属性：背景属性
），这种图要求横向的宽度特别大。比如说，设计师给你一张1920*465的超大banner图，如果我们把这个banner图作为img标签直接插入网页中，会有问题的：首先，图片不在网页的中间；光学显示器中，每个像素都是由三原色的发光原件组成的，靠明亮度不同调成不同的颜色的。渐变是CSS3当中比较丰富多彩的一个特性，通过渐变我们可以实现许多炫丽的效果，有效的减少图片的使用数量，并且具有很强的适应性和可扩展性。正确的做法是，将banner图作为div的背景图，这样的话，背景图超出div的部分，会自动移溢出。
2023-12-09 20:46:35
1558
原创 css之字体属性和文本属性
上方代码的意思是，英文会采用Times New Roman字体，而中文会采用微软雅黑字体（因为美国人设计的Times New Roman字体并不针对中文，所以中文会采用后面的微软雅黑）。上图中，我们设置行高为30px，30px * 5 = 150px，通过查看审查元素，这个p标签的高度果然为150px。比如说，电脑屏幕的的尺寸是不变的，但是我们可以让其显示不同的分辨率，在不同的分辨率下，单个像素的长度肯定是不一样的啦。盒子模型的padding，绝对不是直接作用在文字上的，而是作用在“行”上的。
2023-12-09 11:34:13
953
原创 后端也搞不定的CSS到底难在哪儿
因为有的选择器声音大，有的声音小，像个寂寞的小弟弟。CSS里的盒子就像是个能打的积木，但怎么放、怎么摆弄，有时候让人欲哭无泪。别傻傻地去试，学学布局模型和盒子模型的套路，否则整个页面就是个大杂烩。加油，慢慢啃，没啥难啊！别跟着我一样傻乎乎，搞懂这层叠上下文的玩意，不然页面就得乱套了。搞明白过渡和动画的小技巧，不然你的网页就跟过家家一样。CSS有点烦人，有些地方搞得人头大，我给你说说坑有多深，别怕，兄弟，我们一起啃这硬骨头！有时候你以为加个样式就行，结果呢，这家伙老是不按你的意思来，真是让人哭笑不得。
2023-12-08 20:23:09
615
原创 HTML5详解
随着互联网的快速发展，基于网页的应用越来越普遍，同时也变的越来越复杂，为了满足各种各样的需求，会经常性在本地存储大量的数据，传统方式我们以document.cookie来进行存储的，但是由于其存储大小只有4k左右，并且解析也相当的复杂，给开发带来诸多不便，HTML5规范则提出解决方案。HTML5定义了一系列新元素，如新语义标签、智能表单、多媒体标签等，可以帮助开发者创建富互联网应用，还提供了一些Javascript API，如地理定位、重力感应、硬件访问等，可以在浏览器内实现类原生应用。
2023-12-07 21:35:43
949
原创 HTML一篇就够了
width和height，在 HTML5 中的单位是 CSS 像素，在 HTML 4 中既可以是像素，也可以是百分比。比如，u标签，就是给一个本文加下划线，但是这和HTML的本质有冲突，因为HTML最好是只负责语义，不要负责样式，而u这个下划线是样式。百度为了追求极致的显示速度，所有HTML标签都没有换行、都没有缩进（tab），HTML和换不换行无关，标签的层次依然清晰，只不过程序员不可读了。计算机只能处理二进制的数据，其它数据，比如：0-9、a-z、A-Z，这些字符，我们可以定义一套规则来表示。
2023-12-06 20:59:52
1188
原创 鸿蒙开发：前端开发者的机遇与挑战
系统基本能力子系统集为分布式应用在HarmonyOS多设备上的运行、调度、迁移等操作提供了基础能力由分布式软总线、分布式数据管理、分布式任务调度、方舟多语言运行时、公共基础库、多模输入、图形、安全、AI等子系统组成。在传统的单设备系统能力基础上HarmonyOS提出了基于同一套系统能力、适配多种终端形态的分布式理念能够支持手机、平板、智能穿戴、智慧屏、车机、PC、智能音箱、耳机、AR/VR眼镜等多种终端设备提供全场景移动办公、运动健康、社交通信、媒体娱乐等业务能力。鸿蒙系统开发是前端开发的创新或变革。
2023-12-04 20:00:04
651
原创 git常用操作
就此例而言，Git 会用两个分支的末端（C4 和C5）和它们的共同祖先（C2）进行一次简单的三方合并计算。Git 没有简单地把分支指针右移，而是对三方合并的结果作一新的快照，并自动创建一个指向它的commit（C6）（如下图所示）。不管是git自动合并成功，还是在人工解决冲突下合并成功，提交之前，都要对代码进行测试。此时，密码就可以修改成功了。这个时候在对两个分支合并，git不会产生冲突，因为两个分支是修改同一文件的不同位置。：两个分支的同一个文件的不同地方合并时，git会自动合并，不会产生冲突。
2023-12-03 19:05:45
791
原创 一篇搞定VS Code
title: VS Code的使用前言VS Code 软件实在是太酷、太好用了，越来越多的新生代互联网民工正在使用它。前端男神尤雨溪大大这样评价 VS Code：有一点你可能会感到惊讶：VS Code 这款软件本身，是用 JavaScript 语言编写的（具体请自行查阅基于 JS 的 PC 客户端开发框架 Electron）。Jeff Atwood 在 2007 年提出了著名的 Atwood 定律：任何能够用 JavaScript 实现的应用系统，最终都必将用 JavaScript 实现。
2023-12-03 18:41:10
3437
原创 模块化和组件化区别
我们的程序稍微大点就要分开写了，不然几万行代码放一起不得疯了，就像我们平时用电脑也会把电影和音乐分开放吧，这其实就可以算是模块 分开后就带来了依赖的问题，文件多了手动管理依赖就毁了，就有了amd cmd commonjs等，这些规范其实是为了解决模块的依赖，而不是模块本身对比如下:组件化和模块化的价值都在于分治web应用系统的复杂度不断提升，兼顾开发效率和产品实际运行效率，会在开发阶段运用组件化和模块化的手段分离关注点，结合构建工具合理打包。组件化更多关注的是UI部分，你
2021-09-25 20:25:10
313
1
原创 前后端分离的理解
一句话解释：我推崇前后端分离是在于技术架构上，而不是组织/流程、职位/工种的分离。如何实现前后端分离一般来说，要实现前后端分离，前端就需要开启一个本地的服务器来运行自己的前端代码，以此来模拟真实的线上环境，并且，也是为了更好的开发。因为你在实际开发中，你不可能要求每一个前端都去搭建一个java(php)环境，并且在java环境下开发，这对于前端来说，学习成本太高了。但如果本地没有开启服务器的话，不仅无法模拟线上的环境，而且还面临到了跨域的问题，因为你如果写静态的html页面，直接在文件目
2021-09-22 19:50:56
1377
1
原创 前端架构技术选型
环顾四周的大型互联网公司，基本上都有自己的前端框架，比如阿里的Kissy和Arale，腾讯的JX，百度的Tangram，360的QWrap等，为什么？因为要整合别的框架，并且在此基础上发展适合自己的组件库，代价非常大，初期没办法的时候只能凑合，长期来说，所有代码都可控的意义非常重要。常见的前端产品形态包括： 内容型Web站点：侧重渲染方面的优化，前端逻辑比重小 操作型B/S系统：以数据和逻辑为中心，界面较规整 内嵌Web的本地应用：要处理缓存和一些本地接口，包括PC客户...
2021-09-17 19:53:48
748
1
原创 前端工程化思维导图
首先前端工程化是把软件工程相关的方法和思想应用到前端开发中。狭义上的理解：将开发阶段的代码发布到生产环境，包含：构建，分支管理，自动化测试，部署广义上理解：前端工程化应该包含从编码开始到发布，运行和维护阶段也有人把前端工程化等同于效率工程认为一切能提升前端开发效率、提高前端应用质量的方法和工具都是前端工程化，我觉得这么理解也是没有问题的，提升开发效率、提升产品质量、降低开发难度、降低企业成本应该是工程化的意义所在。另外一个就是前端工程化不是具体的某项技术和方法，公司...
2021-09-15 20:16:06
466
原创 如何使用纯函数包装器编写灵活的 JavaScript 代码
使用高阶函数 (HOF) 可以编写更具声明性、灵活性和紧凑性的代码。软件开发的一项规则是不要接触任何工作正常的东西。如果您要增强已经存在的功能，您应该设计一个包装类。但请注意，创建这样的类会带来新问题，例如不灵活、副作用甚至约束。您应该考虑编写适当的函数式包装函数以获得一个干净的包装函数，以获得更高的代码灵活性和更好的测试能力。一些包装用例包装一个函数意味着保持原始函数不变。已经给出的代码可能会影响其他对象，如果你改变它，你可能会产生连锁反应。— 您也可以说包装器是装饰器。以下是一些..
2021-09-12 19:37:10
133
原创 SEO都在这里了
大家都知道网上有很多网站,可以说上万亿的网页,一点都不夸张,那么搜索引擎应该如何来对这些网页进行计算,然后怎么安排他们的排名呢?同样的比如淘宝网有上万个商家的宝贝,它们是如何排名的呢?如何来计算哪些宝贝排在前面?每个搜索引擎其实原理都是一样的,但是在一些细节的地方是不一样的,所以用不同的搜索引擎搜索的结果都不一样。首先,搜索引擎会先在本地建立一个数据库,建立了数据库以后,这个数据从什么地方来呢?它们会派出抓取机器人熟称蜘蛛,蜘蛛会在各个网站到处爬行。蜘蛛爬行过的地方它会进行收集,搜集了这些网站上面的网
2021-09-11 08:44:39
155
原创 语义化对单页面应用SEO有效果吗
我们知道：SEO的基本就是要语义化，方便搜索引擎抓取，但这讲的是传统多页面应用 在没有被改造过的单页面应用中 语义化对SEO有作用吗首先看一下搜索引擎原理这种带#的URL搜索引擎会被收录吗?1、什么是哈希值?在阮一峰的博客中有一篇文章可以很好的解释哈希值，#值不是http请求，而是一个浏览器动作。通过#，可以快速定位到网页中的某个具体位置。例如，就会快速定位到id="comment-121"或这个位置。2、搜索引擎会不会抓取带#号(哈希值)的URL答案是一般不会。搜索引擎抓取页面首先
2021-09-10 20:04:44
148
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人