m0_56752010的博客

原创 JavaScript教程（三）之 jQuery

JavaScript库即library，是一个封装好的特定的集合（方法和函数）。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show，比如获取元素等；简单理解：就是一个JS文件，里面对我们原生JS代码进行了封装，存放到里面，这样我们可以快速高效的使用这些封装好的功能了；比如jQuery，就是为了快速方便的操作DOM，里面基本都是函数（方法）；常见的JavaScript库：jQuery、Prototype、YUI、Dojo、Ext

原创 JavaScript教程（二）

offset系列经常用于获得元素位置offsetLeftoffsetTop；client经常用于获取元素大小；scroll经常用于获取滚动距离scrollTopscrollLeft；注意：页面滚动的距离通过获得；

原创 JavaScript教程（高级）

函数声明方式function关键字（命名函数）；函数表达式（匿名函数）；（此处的Function()是一个构造函数）；var fn= new Function('参数1','参数2',...,'函数体');Function里面参数都必须是字符串格式；第三种方式执行效率低，也不方便书写因此较少使用；所有函数都是Function的实例（对象）；函数也属于对象；< script > // 函数的定义方式 // 1、自定义函数（命名函数）；} // 2、函数表达式（匿名函数）；

原创 JavaScript教程（一）

听课笔记

原创 React相关知识点

一、什么是 React?- 官方解释：用于构建用户界面的 JavaScript 库。是一个将数据渲染为 HTML 视图的开源 JavaScript 库。- 1.发送请求获取数据- 2.处理数据（过滤、整理格式等）- 3.操作 DOM 呈现页面二、为什么要学？- 原生 JavaScript 操作 DOM 繁琐，效率低；（DOM-API 操作UI）- 使用 JavaScript 直接操作 DOM ,浏览器会进行大量的重绘重排；- 原生 JavaScript 没有组件化编码方案，代码复用率低；三

原创 git相关知识点

1.git： - Git 是目前世界上最先进的分布式版本控制系统- 用来做项目的版本控制；有了它就可以将某个文件回溯到之前的状态，甚至将某个项目回退到过去某个时间点的状态；定位bug；2. 集中式（svn）:- svn因为每次存的都是差异，需要的硬盘空间会相对小一点，可以回滚的速度会很慢；- 优点：代码存放在单一的服务器上，便于项目的管理；- 缺点：服务器宕机，员工写的代码得不到保障；服务器炸了，整个项目的历史记录都会丢失分布式（git）: git 每次存的都是项目的完整快照，需要的硬盘空间会相

原创 电商后台管理项目知识点总结

一、项目概述- 电商后台管理系统整体采用前后端分离的开发模式，其中前端项目是基于 Vue 技术栈和 SPA ；- 前端项目技术栈：Vue Vue-router Element-UI Axios Echarts- 后端项目技术栈：Node.js Express Jwt(一个状态保持工具) Mysql Sequelize(操作数据库的框架)...

原创 supermall项目相关知识点总结

1.原生js实现局部滚动功能：

原创 ES6及Vuex相关知识点

1.变量作用域：变量在什么范围内是可用ES5之前因为 if 和 for 都没有块级作用域的概念，所以在很多时候，我们都必须借助于function的作用域来解决应用外面变量的问题。以下案例，如果for循环里用var声明i，打印结果会一直是“第5个按钮被点击” const ：使用const修饰的标识符为常量，一旦const修饰的标识符被赋值之后，不能修改const修饰的标识符必须赋初始值；常量的含义是指向的对象不能修改，但是可以改变对象内部的属性。在ES6开发中优先使用const，只有需要改变

原创 vue相关知识点二

一，vuecli-脚手架的介绍和安装：1、什么是 Vue CLI?— 使用Vue.js 开发大型应用时，我们需要考虑代码目录结构、项目结构和部署、热加载、代码单元测试等事情；— 如果每个项目都要手动完成这些工作，那无疑效率比较低下，所以通常我们会使用一些脚手架工具来帮助完成这些事情；— CLI 是Command-Line Interface,翻译为命令行界面，俗称脚手架；— Vue CLI 是一个官方发布 vue.js 项目脚手架；— 使用 vue-li 可以快速搭建 Vue 开发环境以及对应的

原创 Vue相关知识点

1.Vue中的MVVM

原创 微信小程序--电影首页星星颗数根据评分自动生成

第一步：star.wxs 文件第二步：在 .wxml 文件中引入 star.wxs 文件第三部：.wxml 文件中代码如下图：第四步：js文件中，data中写出文件路径效果图：

原创 node简介

1.命令行窗口window+r—>cmd打开命令行窗口常用指令： dir 列出当前目录下的所有文件cd 后面跟目录名,进入指定的目录下 再追加dir，就会显示该目录下所有目录f: 转到F盘md 后面跟目录名,创建一个文件夹rd 后面跟目录名,删除一个文件夹node 后跟文件名，打开js文件直接输入文件名–打开文件-目录：. 表示当前目录… 表示上一级目录盘符：切换磁盘的根目录环境变量(windows系统中的变量)：计算机–右键–属性–高级系统设置–环境

原创 关于弹窗 alert() confirm() prompt()

1.alert()2.confirm()confirm()方法用于显示一个带有指定消息和确认及取消按钮的对话框。如果访问者点击"确定"，此方法返回true，否则返回false。3.prompt()prompt(text,defaultText) 方法用于显示可提示用户进行输入的对话框。参数 描述text 可选 要在对话框中显示的纯文本（而不是 HTML 格式的文本）。defaultText 可选 默认的输入文本。如果用户单击提示框的取消按钮，则返回 null。如

原创 if 语句

1.if 语句 当有多个条件为true时，只执行第一个满足条件后的代码块，后面的条件判断不执行。

原创 事件与对象

1、对象2、date对象3、Math对象4、

原创 javascript

1、 alert(""); 控制浏览器弹出一个警告框document.write() 可以向body中输出一个内容console.log() 作用是向控制台输出一个内容

原创 关于元素居中

1、定位元素垂直居中：top:50%;margin-top: - 自身高度的一半;2、定位元素水平居中：left：50%；margin-left： - 自身宽度的一半；3、块元素水平居中：margin：0 auto；4、当元素宽高不确定时，让元素居中应用：热点发散图5.vertical-align:; 属性设置一个元素的垂直对齐方式。该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中，这个属性会设.

原创 鼠标悬停盒子轻微上抬 + box-shadow 动画效果

原创 表格和表单

1.表格表格的样式2、表单

原创 渐变和滤镜

渐变1、线性渐变2.

原创 背景

background 简写属性：background-colorbackground-imagebackground-repeatbackground-positionbackground-sizebackground-originbackground-clipbackground-attachment-background 背景相关的简写属性，所有背景相关的样式都可以通过该样式来设置。并且该样式没有顺序要求，也没有哪个属性是必须写的。注意：background-size 必须写..

原创 文本样式

1、文本的水平和垂直对齐水平对齐：垂直对齐：

原创 字体

1、字体

原创 定位

定位（position):-定位是一种更加高级的布局手段。-通过定位可以将元素摆放到页面的任意位置。-使用position属性来设置定位。可选值：static 默认值，元素是静止的，没有开启定位relative 开启元素的相对定位absolute 开启元素的绝对定位fixed 开启元素的固定定位sticky 开启元素的粘滞定位相对定位：-当元素的position属性值设置为relative时则开启了元素的相对定位相对定位的特点：1.元素开启相对定位以后，如果不设置偏移量，

原创 高度塌陷和BFC

高度塌陷问题：在浮动布局中，父元素的高度默认是被子元素撑开的，当子元素浮动后，其会完全脱离文档流，子元素从文档流中脱离，将会无法撑起父元素的高度，导致父元素的高度丢失。父元素高度丢失以后，其下的元素会自动上移，导致页面布局混乱。所以高度塌陷是浮动布局中比较常见的一个问题，必须要进行处理。BFC (Block Formatting Context) 块级格式化环境：-BFC 是一个css中的一个隐含的属性，可以为一个元素开启BFC。开启BFC该元素会变成一个独立的布局区域-元素开启BFC后的特点

原创 浮动

浮动（fload）:

原创 阴影和圆角

1、阴影box-shadow 用来设置元素的阴影效果，阴影不会影响页面布局第一个值 水平偏移量 设置阴影的水平位置 正值向右移动 负值向左移动第二个值 垂直偏移量 设置阴影的垂直位置 正值向上移动 负值向下移动第三个值 阴影的模糊半径第四个值 阴影的颜色outline 用来设置元素的轮廓线，用法和border一模一样。轮廓和边框不同的点，就是轮廓不会影响到可见框的大小。2、圆角border-radius:用来设置圆角 圆角设置的是圆的半径大小border-top-left-r

原创 盒子模型

盒子模型、盒模型、框模型（box model）-css将页面中的所有元素都设置为了一个矩形的盒子-将元素设置为矩形的盒子后，对页面的布局就变成将不同的盒子摆放到不同的位置-每一个盒子都有以下几个部分组成：内容区（content）内边距（padding）边框（border）外边距（margin）1、 边框（border）:边框属于盒子的边缘，边框里面属于盒子内部，出了边框都是盒子的外部。边框的大小会影响到整个盒子的大小要设置边框，需要至少设置三个样式：边框的宽度 border-widt

原创 文档流

文档流（normal flow）-网页是一个多层的结构，一层摞着一层-通过css可以分别为每一层来设置样式-作为用户来讲只能看到最顶上一层-这些层中，最底下的一层称为文档流，文档流是网页的基础。我们所创建的元素默认都是在文档流进行排列-对于我们来说，元素主要有两个状态在文档流中不在文档流中（脱离文档流）-元素在文档流中有什么特点：-块元素：会在页面中独占一行，默认宽度是父元素的全部（会把父元素撑满），默认高度是被内容（子元素）撑开块元素自上向下垂直排列-行内元素:不会独占页面的一行，

原创 颜色单位

颜色单位：在CSS中可以直接使用颜色名来设置各种颜色，比如：red，orange，blue等等。但是在CSS中直接使用颜色名是非常的不方便。RGB值：-RGB通过三种颜色的不同浓度来调配出不同的颜色。R red,G green,B blue-每一种颜色的范围在0-255（0%-100%）之间。-语法：RGB(红色，绿色，蓝色)RGBA:-就是在RGB的基础上增加了一个a表示不透明度-需要4个值，前三个和RGB一样，第四个表示不透明度。1表示完全不透明，0表示完全透明，0.5表示半透明。十

原创 样式的继承，选择器的权重

样式的继承：我们为一个元素设置的样式同时也会应用到它的后代元素上。继承是发生在祖先和后代之间的继承的设计是为了方便我们的开发，利用继承我们可以将一些通用的样式统一设置到共同的祖先元素上这样只需设置一次即可 让所有的元素都具有该样式。注意：并不是所有的样式都会被继承，比如：背景相关的，布局相关的等这些样式都不会被继承。...

原创 CSS简介及选择器

网页分为三个部分：结构（html）表现(css)行为(javascript)css：-层叠样式表-网页实际上是一个多层的结构，通过CSS可以分别为网页的每一个层来设置样式，而最终我们能看到只是网页的最上边一层。-总之一句话，css用来设置网页中元素的样式使用css来修改元素的样式：第一种方式：内联样式/行内样式-在标签内部通过style属性来设置元素的样式。**问题：**使用内联样式，样式只能对一个标签生效。如果希望影响到多个元素必须在每一个元素中都复制一遍。并且当样式发生变化时，我

原创 音视频

audio标签用来向页面中引入一个外部的音频文件。音视频文件引入时，默认情况下不允许用户自己控制播放停止。要想让用户控制，添加controls属性。属性：controls 是否允许用户控制播放。autoplay 音频文件是否自动播放。如果设置了autoplay,则音乐在打开页面时自动播放，但是目前来讲大部分浏览器都不会自动对音乐进行播放。loop音乐是否循环播放除了通过src来指定外部文件的路径以外，还可以通过source来指定文件的路径。 对不起，

原创 内联框架

内联框架：用于向当前页面中引入一个其他页面。src 指定要引入的网页的路径frameborder 指定内联框架的边框。frameborder="0"无框架；frameborder="1"有框架。

原创 图片标签

图片标签用于向当前页面中引入一个外部图片使用img标签来引入外部图片，img标签是一个自结束标签img这种元素属于替换元素（基于块和行内元素之间，具有两种元素的特点）属性：src 属性指定的是外部图片的路径(路径规则和超链接是一样的)alt 图片的描述，这个描述默认情况下不会显示，有些浏览器在图片无法加载时显示搜索引擎会根据alt中的内容来识别图片，如果不写alt属性则图片不会被搜索引擎所收录width 图片的宽度（单位是像素）height 图片的高度宽度和高度中如果只修改了一个

原创 超链接

target属性，用来指定超链接打开的位置可选值：_self默认值 在当前页面中打开超链接_blank 在一个新的页面中打开超链接 超链接在开发中，可以将#作为超链接路径的占位符使用 到底部到第三自然段...

原创 09.相对路径

当我们需要跳转一个服务器内部的页面时，一般我们都会使用相对路径，相对路径都会使用.或…开头./…/./可以省略不写，如果不写./，也不写…/则就相当于写了././表示当前文件所在的目录…/表示当前文件所在目录的上一级目录超链接1超链接2超链接3在这里当前页面就是09.相对路径.html./就等于09.相对路径.html所在的目录...

原创 列表

列表（list）: html列表一共分为三种，1、有序列表：使用ol标签来创建有序列表，使用li表示列表项 有序列表： <ol> <li>结构</li> <li>表现</li>

原创 基础知识

ctrl+s 保存ctrl+a 全选windows+R打开搜索页 输入calc+enter键打开计算器 - 查看 - 程序员 - 进制换算按住shift不放 多选自结束标签：/ /查看拓展名：组织-文件夹选项-查看-（下拉）隐藏扩展名-取消html的注释 ,注释不可嵌套style的注释 /* */...