前端
关注
分享
扫一扫
文章平均质量分 85
飞天小女侠~
编程中最没用的东西是源代码，最有用的东西是算法和数据结构。
柴静在《看见》里说，每个轻松的笑容的背后，都是一个咬紧牙关的灵魂。
每个出类拔萃的人，都为他现在所站的位置付出了很多很多。
展开
-
DOM（二）以及DOM复习。
一、排他思想先把所有人清空，再单独设置一个。案例：table表格隔行清空js练习案例——table表格隔行换色_xuan971130的博客-CSDN博客注意事项：设置鼠标移动和移出绑定事件。 设置好相应的类，修改时更好修改，避免修改js代码。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" conten原创 2022-03-08 20:07:32 · 170 阅读 · 0 评论
-
Web API、DOM（一）
一：WEB API和js的关联。1.js分为ECMAScript和DOM、BOM。js基础学的是ECMAScript，主要是js基本语法。WEB API主要学的是DOM和BOM。js基础学习ECMAScript基础语法为后面作铺垫，WEB APIs 是JS的应用，大量使用JS基础语法做交互效果。2.API和WEB API（1）API简单理解：API是程序员提供的一种工具，以便能更轻松实现想要完成的功能。（2）WEB API二、DOM导读2.1 DOM简介2..原创 2022-02-28 20:20:45 · 381 阅读 · 0 评论 -
vue学习：网络请求的封装axios
一、为什么选择axios二、axios的基本使用// 1.axios基本使用axios({ url: "http://123.207.32.32:8000/home/multidata", method: 'get' //默认是get请求}).then(res=>{ console.log(res);})// axios.post()axios({ // url: "http://123.207.32.32:8000/home/data?t...原创 2022-05-03 16:39:35 · 1746 阅读 · 5 评论 -
Vuex学习
一、Vuex是做什么的状态管理工具：多个组件共享状态（可以先简单理解成变量）所有的组件都继承自vue的原型：可以通过在prototype中加属性实现上述对象，但是通过这种方式，无法实现响应式。二、vue需要管理什么状态呢...原创 2022-04-27 17:29:22 · 1570 阅读 · 0 评论 -
Promise学习
一.初步认识；1.1 什么是promise1.2 promise的基本语法1.3 使用promise一般情况下，需要异步操作时，对异步操作进行封装promise 将网络请求代码和数据处理代码进行了分离。成功时，调用then，失败时，调用catch二、Promise的三种状态写法2：then中写两个函数，一个是成功时调用，一个是失败时调用三、Promise的链式调用<script> // 实现效果，使用定时器...原创 2022-04-27 17:11:17 · 325 阅读 · 0 评论 -
css学习——移动端
一、flex布局1.1 flex布局初体验1.2 flex布局原理1.3 flex布局 父项常见属性1.3.1 flex-direction设置主轴方向子元素根据主轴来排列1.3.2 justify-content 设置主轴上的子元素排列方式1.3.3 flex-wrap 设置子元素是否换行flex布局中，默认子元素是不换行的，如果撞不开，会缩小子元素的宽度，放到父元素里面1.3.4 align-items设置侧轴上的子元素排列方...原创 2022-04-27 10:23:37 · 756 阅读 · 0 评论 -
vue（三）CLI脚手架以及路由vue-router
一、认识脚手架：1.1 什么是脚手架1.2 CIL使用前提：（1）nodenode环境，并且node已经为我们安装好npm（2）webpack（3）安装CILnpm install -g @vue/cil1.3 拉取CIL2的模板npm install -g @vue/cil-init 安装好后，既可以用脚手架3也可以用脚手架21.4 创建项目使用脚手架2创建项目：vue init webpack my-project使用脚手架3创建项目:...原创 2022-04-25 20:27:52 · 2671 阅读 · 0 评论 -
WebPack
1.什么是WebPack1.1 前端模块化：es6的前端模块化是由浏览器提供的底层支撑。CommonJS在WebPack中就可以使用了。WebPack提供了底层的支撑。1.2 打包webPack更加强调模块化：模块化打包工具：着重理解 模块化和打包采用模块化开发完以后，需要运行代码webpack模块化打包。webPack为了可以正常运行，依赖node环境。而node环境为了可以正常运行很多代码，其中包含各种依赖的包。而这些包的管理又需要npm（...原创 2022-04-24 16:26:48 · 543 阅读 · 0 评论 -
vue2(二)组件化
一、组件化1.1 简单认识组件化1.2 全局组件与局部组件全局组件:可以在多个Vue实例中使用。局部组件：只能在单个Vue实例中使用。在项目开发中，一般只设置一个vue实例，一般采用局部组件的方式。<body> <div id="app"> <mycpn></mycpn> </div> <div id="app2"> <mycpn&.原创 2022-04-21 23:29:02 · 995 阅读 · 0 评论 -
vue2 （一）
一、vue入门1.1 vue是一个渐进式框架、可以将vue作为一部分作为应用的一部分嵌入。带来更丰富的交互体验。 Core（vue核心库）+Vue-router（路由）+Vuex（vue状态管理）：vue全家桶1.2 vue有很多高级功能。1.3 安装1.4 vue的好处实现了数据与界面真正的分离。...原创 2022-04-18 15:00:54 · 903 阅读 · 0 评论 -
es7-11学习
一、es7新特性1.1 cinludes相当于indexof，，但是indexof返回是数数字，下标1.2 指数操作符二、 es8新特性2.1. async和await函数：（生成器函数和promise对象可以实现异步编程）async和await两种语法结合可以让异步代码像同步代码一样2.1.1 async函数在函数前面加async即可。返回的结果是一个promise对象。promise对象的状态由对象来决定。如果返回的是失败的promise或者是错.原创 2022-04-17 17:38:09 · 370 阅读 · 0 评论 -
node.js学习
一、基础知识1. 终端、shell命令：dir：列出当前目录下所有路径.：表示当前目录； .. 表示上一级目录md 目录名: 新建文件rd 目录名： 删除文件文件名：直接打开文件2. 环境变量（windows系统中的变量）！！！配置path当在命令行窗口打开一个文件，或调用一个程序时，系统会首先在当前目录下寻找文件程序，如果找到了则直接打开，如果没有找到，则会一次到环境变量path的路径中寻找。如果没找到，则报错。（寻找的过程和作用域链是一致的。）因此可以将一些经常需要访原创 2022-04-15 21:47:19 · 1555 阅读 · 0 评论 -
es6学习（五）
es6学习1. es6新特性1.1 let 声明变量：不能重复声明，var可以重复声明 块级作用域{} 作用域：函数、全局、块级（es6新出的）、eval（严格模式下） 不存在变量提升。var存在变量提升。 不影响作用域链。（会向上一级作用域中去寻找）下面的案例，用var会报错。因为var是函数作用域。因此，其实只定义了一个i，而let是块级作用域，定义了三个i1.2 const 声明常量一定要赋初值。 一般常量使用大写 常量的值不能修改 块级作用域...原创 2022-04-14 15:54:29 · 519 阅读 · 0 评论 -
es6学习（四，完结）es6新特性
1.关键字1.1 let关键字：（1）left声明的变量只在所处于的块级作用域{}有效。只有let声明的变量才具有块级作用域，var声明的变量不具有块级作用域。优点：防止循环变量变成全局变量。（2）let声明的变量不存在变量提升。（3）使用let声明的变量具有暂时性死区的特性。在块级作用域中声明的变量与块级作用域进行了整体的绑定，不受块级作用域之外的变量的影响。因此上述if块级作用域中，tmp在声明之前先使用了tmp，会报错。这种特性，称为暂时性死区。经典面试题：①原创 2022-04-13 18:44:04 · 814 阅读 · 0 评论 -
es6学习（三）：正则表达式
一、正则表达式1.1 概述：1.1 1什么是正则表达式：1.1.2 正则表达式的作用：匹配、替换、提取1.1.3 正则表达式的特点：1.2 正则表达式在js中的使用1.2 .1创建正则表达式。1.2.2 测试正则表达式1.3 正则表达式中特殊字符1.3.1 边界符^和$一起，就是精确匹配1.3.2 字符类（1）[ ] 多选一、[a-z] a到z中的字符选一个。或者[a-zA-B0-9]、[a-zA-B0-9_-...原创 2022-04-13 15:40:36 · 399 阅读 · 0 评论 -
es6学习（二） 函数进阶 this指向问题、深拷贝、浅拷贝
一、函数进阶1.1 函数的定义和调用采用instanceof判断前者是否属于后者。f instanceof Object. 返回true1.2 函数的调用方式2.this指向问题2.1 函数内this的指向2.2 改变函数内部this指向2.2.1 call（）有两个作用：（1）调用函数（2）修改this指向问题。（Father.call(son)将father函数的this指向son）则son就可以使用father的属........原创 2022-04-12 21:15:56 · 389 阅读 · 0 评论 -
es6学习（一）：类和对象（继承、super）、构造函数和原型、es5新增方法。
一、面向对象：1.面向对象的三大特性：封装、、继承、多态。二、类和对象1.面向对象的思维特点2.对象：具体的事物：特指3.类class：泛指4.创建类：4.1 类 constructor构造函数4.2 类中添加方法：类中的函数不需要function，多个函数之间不需要添加逗号分隔。5. 类的继承5.1 extends继承5.2 super关键字（1）super调用父类的函数。否则，不能直接用su...原创 2022-04-11 20:16:29 · 350 阅读 · 0 评论 -
PC端网页特效
一、offset系列。必须是带有定位父元素的偏移position：relative。以带有定位的父亲为准，如果没有父亲或者没有定位，则以body为准。offsetWidth和offsetHight是包含padding+border+content。offsetParent返回带有定位的父亲position：relative，否则返回body。注意parentNode和offsetParent的区别：parentNode返回的是亲爸爸。但是offsetParent返回的是带有定位的..原创 2022-04-02 21:08:26 · 140 阅读 · 0 评论 -
前端学习——js基本语法
0215：一、初识javascript1.1什么是js1.javascript 是运行在客户端（不需要配置环境）的脚本语言。2.脚本语言：不需要编译，运行过程中由js解释器（js引擎）逐行来进行解释并执行。（翻译一行，执行一行）3.现在可以基于Node.js技术进行服务器端编程。（可以做前台，可以做后台）1.2js作用1.3 HTML/CSS/JS的关系1.HTML/CSS标记语言——描述类语言HTML决定网页结构和内容（决定看到什么） css决定网页呈现的样式。2.原创 2022-02-16 15:46:20 · 1922 阅读 · 0 评论 -
AJAX学习
一、简介：1.1 介绍1.2 XML简介HTML用来展示数据，xml用来传输和存储数据。1.3 AJAX特点：事件包括：鼠标事件、键盘事件等等。SEO：搜索引擎1.4 HTTP协议：详细介绍了浏览器和万维网服务器之间通信的原则。（1）请求报文重点是格式与参数。******************请求行：（请求类型：GET POST） (请求路径url)（http版本1.1） POST /s?ie=utf-8 HTTP/1.1.原创 2022-03-30 19:09:57 · 280 阅读 · 0 评论 -
js：BOM学习
一：什么是BOM二、window对象常用的时间2.1 窗口加载事件window.onload;加载完页面后，再触发该事件但是使用window.addEventListener('load', function(){})//就不回去出现上述2中的问题。（1）load必须等页面内容全部加载完毕，包含页面dom元素、图片 flash css等（2）DOMContentLoaded 是DOM加载完毕，不包含图片 flash css等就可以执行，加载速度比...原创 2022-03-29 20:47:39 · 347 阅读 · 0 评论 -
js事件高级
一、注册事件两种方式传统方式，同一个元素同一个事件，只能执行一个。新方法addEventListener（）可以执行多个，按顺序执行。addEventListener（type，function）；支持i9及以上。attachEvent（type，function）；i9以前的。不推荐使用。二、删除事件（解绑事件）2.1 删除事件的方式：（1）传统注册方式：eventTarget.onclick = null;(2)removeEventListener(typ...原创 2022-03-29 20:31:14 · 1298 阅读 · 2 评论 -
HTML5和CSS提高
一、HTML5新特性HTML5针对以前的不足，增加了一些新的标签、新的表单和新的表单属性。1.1 HTML5新增语义化标签此处插入图片1.2.HTML5新增的多媒体标签（1）音频： <audio>插入图片(2) 视频：<video>...原创 2022-03-07 22:29:58 · 135 阅读 · 0 评论 -
css高级技巧（一）
一、精灵图和字体图标1.1 为什么需要精灵图以前，每当客户端需要服务器时，便向服务器请求一张图片，为了改善服务器的压力，所以将多张图片放到一张图片上，减少了服务器的请求次数。1.2 精灵图片（sprites）的使用注意事项：设置一个和小图标一样大小的盒子。然后测出其坐标，设置background-position即可。1.3 字体图标的产生字体图标展示的是图标，实际上是字体。1.4 图标的优点1.5 字体图标的下载与使用（1...原创 2022-03-07 20:22:55 · 543 阅读 · 0 评论 -
css学习（三）
一、ps使用1.1 常见的图片格式：1.2切图：1.2.1图层切图① 直接导出② 合并图层再导出1.2.2 使用切片工具png可以保存透明的图片。1.2.3 ps插件切图1.2.4 cutterman 切图点击窗口 ，扩展功能。即可使用。学成在线案例：二、定位2.1 为什么需要定位2.2 定位组成2.2.1 定位模式2.2.2 边偏移2.3 详细的定位模式2.3.1 静态定位2.3.2 ...原创 2022-03-07 17:42:51 · 237 阅读 · 0 评论 -
css学习（二）
一、css的三大特性css具有三个非常重要的特性：层叠性、继承性、优先级1.1 层叠性1.2 继承性子标签会继承父标签的某些样式：（text-、font-、line-、这些元素开头的可以集成，以及color属性。） 恰当地使用可以简化代码，降低css的复杂性。特殊情况：行高的继承1.3 优先级(1) 优先级的基本特性（2）优先级要注意的点：其中a元素比较特殊，不能继承父元素的字体颜色。因此应当单独设置。（3）权重叠加：！！！！很重要如果是复..原创 2022-03-05 18:50:42 · 525 阅读 · 0 评论 -
css学习（一）
一、css简介1.css是叠层样式表（Cascading Style Sheets），也称为css样式表活着级连样式表。css也是一种标记语言。2.css规范：选择器、属性、值。选择器是用于指定css样式的HTML标签，花括号内是对该对象设置的具体样式，属性和属性值以"键值对"的形式出现。3.书写规范：h3 {color: pink;}属性值前面，冒号后面，保留一个空格。选择器和大括号中间保留一个空格。二.css选择器2.1 css选择器的...原创 2022-03-03 23:25:03 · 979 阅读 · 0 评论 -
HTML基础知识
一、基础知识：1.网站：许多网页的集合。2.HTML：超文本标记语言（Hyper Text Markup Language），用来描述网页的一种语言。不是一种变编程语言，而是一种标记语言。3.浏览器内核（渲染引擎）：负责读取网页内容，整理讯息、计算网页的显示方式并显示页面。4.Web标准的组成...原创 2022-03-02 14:44:27 · 2975 阅读 · 0 评论 -
（二）前端学习 JavaScript
JavaScript实现了三个部分：ECMAScript、DOM、BOM原创 2021-11-18 13:45:15 · 237 阅读 · 0 评论 -
（一）前端学习 html+css入门
1.网页遵循W3C（万维网联盟）规范：（1）结构：HTML描述页面的结构（骨架）（2）表现：CSS用于控制页面中元素的样式（装饰）（3）行为：JavaScript用于响应用户操作原创 2021-11-18 12:12:43 · 462 阅读 · 0 评论