
前端
文章平均质量分 93
默默花上开
信自己比信别人更好
展开
-
BOM(浏览器对象模型)
BOM浏览器对象模型介绍1、window对象2、document对象3、navigator对象4、screen对象5、location对象6、history对象原创 2022-11-30 15:49:01 · 744 阅读 · 0 评论 -
前端之BFC解释说明
1、BFC定义2、BFC的触发条件3、BFC的特性4、BFC功能总结转载 2022-07-11 14:58:37 · 3101 阅读 · 0 评论 -
前端学习路线(转载)
️前端工程师职业规划1、Html2、css3、JavaScript4、Git5、Node6、构建工具7、CSS预处理8、Js框架9、css框架10、css优化11、性能12、数据可视化13、移动端应用14、小程序15、桌面开发转载 2022-06-02 11:00:00 · 625 阅读 · 0 评论 -
JavaScript运算符详解说明
JavaScript运算符运算符是完成一系列运算操作的符号。算术运算符比较运算符赋值运算符逻辑运算符位运算符运算符优先级原创 2022-05-04 12:12:45 · 833 阅读 · 0 评论 -
cookie、sessionStorage和localStorage的区别
cookie、sessionStorage和localStorage的区别一、 概念的理解1.1 webstorage本地存储1) webstorage是本地存储,存储在客户端,包括localStorage和sessionStorage2) localStorage生命周期是永久,这意味着除非用户显示在浏览器提供的UI上清除localStorage信息,否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端(即浏览器)中保存,不参与和服务器的通信3) sessionStorage仅在转载 2022-04-22 14:21:20 · 272 阅读 · 0 评论 -
JavaScript位运算符的使用详解
前言平时的数值运算,其实是要先转换成二进制再进行运算的,而位运算就是直接进行二进制运算。位运算是低级的运算操作,所以速度往往也是最快的(相对其它运算如加减乘除来说),并且借助位运算的特性还能实现一些算法。恰当地使用运算有很多好处。前人用二进制、位运算给我们了一个操作简单的计算机,但我们却很少接触位运算了。所有的位运算都是在二进制下来进行运算的,再二进制下只有0和1。位运算符表位运算分为两种,位逻辑运算符与位移运算符。位逻辑运算 - 逻辑结果参照表位逻辑运算 - 结果参照表位运算符基础转载 2022-01-15 11:24:50 · 1227 阅读 · 0 评论 -
(超详细)强大的grid布局
grid布局1.什么是grid布局?Flex布局是轴线布局,只能指定"项目"针对轴线的位置,可以看作是一维布局,Grid 布局则是将容器划分成“行"和“列”,产生单元格,然后指定"项目所在”的单元格,可以看作是二维布局,Grid布局远比 Flex布局强大。(不过存在兼容性问题,使用之前应看具体需求)2.布局方式----常用三种1.传统布局方式利用position属性 + display属性 + float属性布局, 兼容性最好, 但是效率低, 麻烦!2.flex布局有自己的一套属性, 效率高转载 2022-01-07 11:47:12 · 49654 阅读 · 4 评论 -
前端Html之标签
什么是标签标签是由:小于号+中间字符+大于号组成的代码(注:代码的所有字符都由英文字符组成)注释标签网页基本标签段落标签原创 2021-03-31 20:12:25 · 373 阅读 · 0 评论 -
几款对于学习前端比较好用的软件或网址
几款对于学习前端比较好用的软件或网站软件1、Visual Studio Code前端开发编辑器下载地址:https://code.visualstudio.com/2、谷歌浏览器下载地址: https://www.google.cn/intl/zh-CN/chrome2、切图设计工具下载地址:http://www.fancynode.com.cn/pxcookPxCook(像素大厨) [1] 是一款切图设计工具软件。自2.0.0版本开始,支持PSD文件的文字,颜色,距离自动智能识别。——来原创 2021-01-25 09:32:55 · 3334 阅读 · 1 评论 -
移动web开发响应式布局(Bootstrap框架)
响应式布局(Bootstrap框架)响应式开发响应式开发原理就是使用媒体查询针对不同宽度的设备进行布局和样式的设置,从而适配不同设备的目的。设备划分超小屏幕(手机):<768px小屏设备(平板):>=768px ~ < 992px中等屏幕(桌面显示器):>= 992px ~ < 1200px宽屏设备(大桌面显示器):>= 1200px响应式容器响应式需要一个父级作为布局容器,来配合子级元素来实现变化效果。原理就是在不同屏幕下,通过媒体查询来改变这个布原创 2020-08-04 14:32:23 · 659 阅读 · 0 评论 -
移动WEB开发的rem布局、Less的使用
移动WEB开发的rem布局目标(目录)能够使用rem单位能够使用媒体查询的基本语法能够使用Less的基本语法能够使用Less中的嵌套能够使用Less中的运算能够使用2种rem适配方案思考:1、页面布局文字能够随着屏幕大小的变化而变化? 2、流式布局和flex布局主要针对于宽度布局,那高度如何设置? 3、怎么样让屏幕发生变化的时候元素高度和宽度等比例缩放?一、rem的基础?rem(root em)是一个相对单位,类似于em,em是父元素字体大小 ,2em 相当于将父元原创 2020-07-15 11:55:55 · 403 阅读 · 0 评论 -
css的Flex布局(弹性盒模型)的详细说明
Flex布局CSS2传统的盒模型采用float – position布局方式。【PC端】CSS3的弹性盒模型采用Flex布局方式。【移动端、响应式Bootstrap】盒模型分类盒模型分类:IE盒模型,标准盒模型,本质区别:宽高计算方式Flex布局的术语Flex Container:Flex容器。启用了弹性盒布局(display:flex;)的块级元素被称为Flex容器。Flex Item:Flex项目。Flex容器内部的子块级元素。(1)Main Size,Flex项目在主轴方向上所占的转载 2020-07-14 16:23:18 · 1092 阅读 · 0 评论 -
编写网页项目的基本步骤——Html
编写网页项目的基本步骤——Html开工前准备工作创建一个文件夹,命名为项目名字,然后在文件夹里再创建一个首页文件:index.html,一个装css的文件夹:css:文件夹内再创建两个文件一个装首页样式的css文件、一个装公共样式的css文件,一个装图片的文件夹:images,如果还需要js,再创建一个js文件夹。编写网页从头部开始一个网页的头部,首先需要标题:title,标题是描述了一...原创 2020-04-06 18:04:42 · 7146 阅读 · 0 评论