![](https://img-blog.csdnimg.cn/b2745b08235d4985ae7eefa2590a9851.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端三大剑客
文章平均质量分 93
掌握前端三大剑客
unique_perfect
从事Java开发,欢迎有技术交流的人私信跟我交流。
展开
-
从前慢-HTML基础
前端工程师原创 2020-12-15 07:53:57 · 1251 阅读 · 0 评论 -
从前慢-CSS基础
CSS1.1 CSS初识CSS(Cascading Style Sheets) ,通常称为CSS样式表或层叠样式表(级联样式表)1.2 引入CSS样式表行内式(内联样式)<标签名 style="属性1:属性值1; 属性2:属性值2; 属性3:属性值3;"> 内容 </标签名>内部样式表(内嵌样式表)<head><style type="text/CSS"> 选择器(选择的标签) { 属性1: 属性值1;原创 2021-01-17 09:13:37 · 1019 阅读 · 0 评论 -
从前慢-HTML5+CSS3
HTML5+CSS31.1 新增了那些语义化标签header --- 头部标签nav --- 导航标签article--- 内容标签section --- 块级标签aside --- 侧边栏标签footer --- 尾部标签<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name原创 2021-01-17 13:56:49 · 354 阅读 · 0 评论 -
从前慢-JavaScript基础
1.1 认识JavaScript1.2 JavaScript的特点解释性语言:经过解释器解释的语言动态型语言:在编写代码的过程中,可以动态修改属性。静态语言则在编写代码过程中不可以动态修改属性。1.3 JavaScript编写位置<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="wid原创 2021-01-18 09:00:30 · 531 阅读 · 0 评论 -
从前慢-JavaScript高级篇
JavaScript高级面向过程优点:性能比面向对象高,适合跟硬件联系很紧密的东西,例如单片机就采用的面向过程编程。缺点:没有面向对象易维护、易复用、易扩展面向对象优点:易维护、易复用、易扩展,由于面向对象有封装、继承、多态性的特性,可以设计出低耦合的系统,使系统 更加灵活、更加易于维护缺点:性能比面向过程低ES6 中的类和对象对象是由属性和方法组成的:属性:事物的特征,在对象中用属性来表示(常用名词)方法:事物的行为,在对象中用方法来表示(常用动词)创建类和对象.原创 2021-01-19 09:27:47 · 713 阅读 · 0 评论 -
从前慢-JavaScript之Web API-篇章1
JavaScript之Web API1 Web APIAPI(Application Programming Interface,应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。API 是给程序员提供的一种工具,以便能更轻松的实现想要完成的功能.Web API 是浏览器提供的一套操作浏览器功能和页面元素的 API ( BOM 和 DOM )。1.1 DOM 重点核心关于dom操作,我们主要原创 2021-01-18 09:49:20 · 350 阅读 · 2 评论 -
从前慢-JavaScript之Web API-篇章2
一、认识JavaScriptJavaScript包括了ECMAScript标准,DOM以及BOM二、JavaScript的历史三、JavaScript的特点解释性语言:经过解释器解释成动态型语言四、JavaScript编写位置五、JavaScript注释使用六、和浏览器如何交互七、如何定义变量八、基础的数据类型...原创 2021-01-18 10:29:41 · 181 阅读 · 0 评论 -
从前慢-JavaScript之Web API-篇章3
JavaScript之Web API1 BOMBOM(Browser Object Model)即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是 window。1.1 BOM 的构成window 对象是浏览器的顶级对象,它具有双重角色。1. 它是 JS 访问浏览器窗口的一个接口。2. 它是一个全局对象。定义在全局作用域中的变量、函数都会变成 window 对象的属性和方法。在调用的时候可以省略 window,前面学习的对话框都属于 window 对象方法,如原创 2021-01-18 10:59:54 · 201 阅读 · 0 评论 -
从前慢-JavaScript之Web API-篇章4
avaScript之Web API1 PC端网页特效1.1 元素偏移量 offset 系列offset 翻译过来就是偏移量, 我们使用 offset 系列相关属性可以动态的得到该元素的位置(偏移)、大小等。获得元素距离带有定位父元素的位置获得元素自身的大小(宽度高度)注意: 返回的数值都不带单位1.2 offset系列属性<!DOCTYPE html><html lang="en"><head> <meta charset="UT原创 2021-01-18 11:46:36 · 944 阅读 · 0 评论 -
从前慢-移动WEB开发之百分比布局及flex布局
移动WEB开发之流式布局视口(viewport)就是浏览器显示页面内容的屏幕区域。 视口可以分为布局视口、视觉视口和理想视口布局视口 layout viewport,一般手机浏览器都默认设置了一个布局视口,用于解决早期的PC端页面在手机上显示的问题iOS, Android基本都将这个视口分辨率设置为 980px,所以PC上的网页大多都能在手机上呈现,只不过元素看上去很小,一般默认可以通过手动缩放网页。视觉视口 visual viewport用户正在看到的网站的区域理想视口 ideal原创 2021-01-17 14:24:42 · 326 阅读 · 0 评论 -
从前慢-移动WEB开发之rem适配布局
移动WEB开发之rem适配布局1.1 rem 基础rem (root em)是一个相对单位,类似于em,em是父元素字体大小。不同的是rem的基准是相对于html元素的字体大<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scal原创 2021-01-17 14:36:58 · 250 阅读 · 0 评论 -
从前慢-移动Web开发之响应式布局
移动Web开发之响应式布局1.1 响应式布局就是使用媒体查询针对不同宽度的设备进行布局和样式的设置,从而适配不同设备的目的。1.1.1 设备的划分情况:小于768的为超小屏幕(手机)768~992之间的为小屏设备(平板)992~1200的中等屏幕(桌面显示器)大于1200的宽屏设备(大桌面显示器)1.1.2 响应式开发响应式布局容器响应式需要一个父级做为布局容器,来配合子级元素来实现变化效果。原理就是在不同屏幕下,通过媒体查询来改变这个布局容器的大小,再改变里面子元素的排列方式和大原创 2021-01-17 14:47:41 · 218 阅读 · 0 评论