前端学习
关注
分享
扫一扫
文章平均质量分 81
迷途小羔羊。
down to the earth
展开
-
Vue复习（1）
模板语法、绑定属性、MVVM、计算属性、事件处理、条件判断、条件渲染原创 2022-06-07 00:00:11 · 185 阅读 · 0 评论 -
九、ES6（2）
写在前面：Symbol这一章尚硅谷简直讲的拉跨，想念pink老师。建议去这里看阮一峰es6ES6之Symbol详解ES6之Symbol详解1.ES（EcmaScript）： （1）是脚本语言的规范，平时编写的JS是EcmaScript的一种实现。ES新特性=JS新特性。 （2）ECMA：欧洲计算机制作商协会。这个协会制定了标准。 （3）ECMAScript：由ECMA-262标准化的脚本程序设计语言。2.let&&const关键字： ...原创 2022-04-20 13:12:00 · 1436 阅读 · 0 评论 -
九、ES6（1）
1.面向对象编程介绍： 1.1面向过程与面向对象： 面向过程是以步骤来划分问题，面向对象是以对象来划分问题。 1.2面向过程和面向对象的对比：2.ES6中的类和对象： 2.1对象：万物皆对象，特指某一个，通过类实例化一个具体的对象。 对象是由属性（特征）和方法（行为）组成的。 2.2类class：抽象了对象的公共部分，它泛指某一大类。 面向对象的思维特点： （1）抽象对象公用的属性和方法封装...原创 2022-04-15 20:28:29 · 620 阅读 · 0 评论 -
八、移动端：
1.移动端基础： 1.1浏览器现状： PC端常见浏览器：谷歌、火狐、QQ、百度、搜狗、IE、360浏览器。 移动端常见浏览器：UC、QQ、百度、360、谷歌等。 国内的UC和QQ，百度等手机浏览器都是根据Webkit修改过来的内核。 1.2手机屏幕现状： 1.3常见移动端屏幕尺寸：https://material.io/blog/device-metrics 1.4移动端调试方法： 总结：2.视...原创 2022-04-10 17:58:30 · 641 阅读 · 0 评论 -
七、JS核心Web APIs：
1.Web APIs和JS基础关联性： JS的组成： （1）JS基础：ECMAScript（JS语法） （2）Web APIs：DOM（页面文档对象模型）+BOM（浏览器对象模型）。 API：给程序员提供的一种工具，以便能更轻松地实现想要完成的功能。 Web API：浏览器提供的一套操作浏览器功能和页面元素的API（BOM和DOM），主要针对于浏览器做交互效果。2.DOM（文档对象类型）： 2.1DOM：可拓展标记语言的标准编程接...原创 2022-03-18 23:10:03 · 890 阅读 · 0 评论 -
六、JavaScript基础语法
1.初始JavaScript： （1）JS：脚本语言。（逐行解释） （2）作用：表单动态校验、网页特效、服务端开发、桌面程序、APP等。 （3）HTML/CSS/JS的关系： （4）浏览器执行JS： 浏览器分成两部分：渲染引擎（内核）+JS引擎（JS解释器）。 （5）JS的组成： ECMAScript：JS语法。 DOM：文档对象模型。（对页面上的各种元素进行操作，大小、位置、颜色等） BOM：浏览器...原创 2022-03-14 19:56:09 · 3169 阅读 · 2 评论 -
五、HTML5和CSS3提高
1.HTML5的新特性： （1）HTML5的新增特性主要针对于以前的不足，增加了一些新的标签、表单和表单属性。 这些新特性有兼容性问题，基本上IE9+以上版本的浏览器才支持。 （2）HTML5新增的语义化标签： （3）HTML5新增的多媒体标签： 视频：<video>，尽量使用mp4格式。 属性：autoplay，自动播放（谷歌浏览器需要muted来解决自动播放问题）。 muted：静音播...原创 2022-03-13 16:07:25 · 247 阅读 · 0 评论 -
四、CSS高级技巧
1.精灵图： 1.1为什么需要精灵图？ 为了有效减少服务器接收和发送请求的次数，提高页面的加载速度。 核心原理：将网页中的一些小背景图像整合到一张大图中，这样服务器只需要一次请求就可以了。 1.2精灵图的使用： （1）精灵技术主要针对于背景图片的使用。就是把多个小背景图片整合到一张大图片中。 （2）这个大突破也称为sprites 精灵图/雪碧图。 （3）移动背景图片位置，此时可以使用background-po...原创 2022-03-12 17:49:09 · 514 阅读 · 0 评论 -
html+css练手（1）——打造网页版大白
1.先看实现效果：2.源码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2022-03-09 18:05:35 · 387 阅读 · 0 评论 -
三、CSS标签（下）
1.圆角边框： （1）在CSS3中，新增了圆角边框样式，终于盒子就可以变圆角了。 （2）border-radius属性用于设置元素的外边框圆角。 border-radius: 10px; （3)如果是正方形，想要设置为一个圆，把数值修改为高度或宽度的一半即可，或直接写50%。 border-radius: 50%; （4）如果是个矩形，设置为高度的一半就可以做。 （5）可以设置不同的圆角，四个值分别代表顺时针的顺序。2.盒子阴...原创 2022-03-08 15:47:33 · 285 阅读 · 0 评论 -
三、CSS标签（中）
1.Emmet语法： 1.1快速生成html样式语法： （1）Emmet语法的前身是Zen coding，它使用缩写来提高html/css的编写速度。 （2）如果想要生成多个相同标签，加上*就可以了。 div*3：快速生成3个div。 （3）如果有父子级关系的标签，可以用>。比如ul>li （4）如果有兄弟级关系的标签，用+号就可以了。 （5）如果生成带有类名或者id名...原创 2022-03-05 22:25:50 · 539 阅读 · 0 评论 -
三、CSS标签（上）
（1）CSS作用：美化网页，页面布局。 HTML的局限性：它只关注内容的语义。 CSS：样式表。 CSS用于设置HTML页面中的文本内容（字体、大小、对齐方式）、图片的外形（宽高、边框样式、边距等）以及版面的布局和外观显示样式。 CSS最大价值：由HTML专注做结构，样式交给CSS，即结构与样式相分离。（2）CSS语法规划： CSS规则由两个主要部分构成：选择器+一条/多条声明。 选择器是用于指定CSS样式的HTML标签，花括号内是对该对象设置的具体样式。...原创 2022-03-02 21:15:54 · 295 阅读 · 0 评论 -
二、HTML标签（下）
1.表格标签： （1）作用：展示数据。 （2）表格的基本语法： <talbe></talbe>：定义表格的标签。 <tr></tr>：定义表格中的行，嵌套在talbe标签里。 <td></td>：定义表格中的单元格，嵌套在tr标签里。 <th></th>：表头单元格标签。（里面的文本内容加粗居中显示） （3）表格结构标签：...原创 2022-03-01 16:50:51 · 421 阅读 · 0 评论 -
二、HTML标签（上）
1.HTML语法规范 （1）由尖括号包围的关键词，<html> （2）双标签：通常是成对出现的。 （3）单标签：有些特殊的标签必须是单个标签，例如<br />。2.标签关系： （1）双标签可以分为包含关系和并列关系。3.HTML基本结构标签： （1）根标签：<html></html>...原创 2022-03-01 16:18:48 · 388 阅读 · 0 评论 -
一、网页&Web标准
1.什么是网页？ （1）网页（HTML文件）：网站中的一“页”，通常是HTML格式的文件，它要通过浏览器来阅读。 （2）网站：网页集合。 （3）网页的组成：图片、链接、文字、声音、视频等元素组成。2.什么是HTML？ （1）HTML：超文本标记语言，用来描述网页的一种语言。 （2）是一种标记语言，不是编程语言。3.网页的形成： （1）网页是由网页元素组成的，这些元素是利用html标签描述出来，然后通过浏览器解析来显示给用户的。...原创 2022-03-01 16:15:08 · 695 阅读 · 0 评论