weixin_55803498的博客

原创 初遇数据结构

什么是数据结构

原创 网络请求相关属性

网络请求相关Request URL:请求路径Request Method:请求方式Status Code:状态码Remote Address:当前HTTP请求的远程地址,即HTTP请求的源地址。（即所访问的地址）Referer:表示从哪个源跳转过来。（即跳转前的地址）Referrer Policy:是为了控制请求头中referrer的内容（url中可能携带部分参数）对应参数有：​ “ ”：设为空串则默认按照浏览器的机制设置referrer的内容，默认

原创 Es6基本知识点汇总

ES6简介ES6， 全称 ECMAScript 6.0 ，是 JavaScript 的当前版本标准。ECMAScript即javascript的正式名称，1996年11月，JavaScript 的创造者网景公司将 JS 提交给国际化标准组织 ECMA，希望这种语言能够成为国际标准，随后 ECMA 发布了规定浏览器脚本语言的标准，即 ECMAScript。这也有利于这门语言的开放和中立。ECMAScript的历史1997 年 ECMAScript 1.0 诞生。1998 年 6 月 ECMAS

原创 响应式布局基础

原创 flexible.js基础

使用flexible.js先下载flexible.js然后引入使用cssrem插件其默认html字体大小为16px 若要修改打开vscode设置搜索cssroot然后输入理想html字体大小

原创 Less基础

原创 rem基础及媒体查询

原创 flex布局

原创 浏览器私有前缀

原创 3D 转换

原创 CSS3 动画

原创 CSS3 2D转换

原创 background相关属性

只有添加定位position属性后才能使用z-index属性

原创 node_moduls

npm intall如果不行执行npm cache clean --force清除缓存然后载执行npm install

原创 Vuex概述

Vuex可以将它看成用来存放项目中各个组件所需要用到的一些公共变量的仓库其在项目中存放于store文件夹中，主要由state, mutations, actions, getters, modules组成state主要用来存放变量组件使用该变量的方法注意：安装完Vuex后要在main.js中进行导入和挂载import Vue from 'vue'import App from './App'//导入import store from './store'Vue.config.prod

原创 Promise用法简介

一，promise基础 promise是异步编程的一种解决方案，假设当遇到ajax请求A的回调函数中嵌套另一个请求B，请求B的回调函数中又嵌套一个请求C，请求C的回调函数中又嵌套一个请求D，以此最终获取到D回调函数中的data。正常情况下这种方式可以运行且可以获取我们想得到的结果，但这样的代码在完成后在视觉上不容易看出其中的嵌套关系，而且在后期不易维护。promise就在一定程度上解决了这种问题。使用方法（以下用定时器模拟异步操作）//其中传入的resolve,reject本身也是函数//re

原创 Vue-Route传递参数

一，params方式使用params方式传递参数就是通过拼接参数的形式传递参数。例传递用户名为张三，获取相应的界面<template> <div id="app"> <!-- tag可以设置组价的样式。默认为a标签 repalce可以禁用页面返回和前进 --> //在此处拼接userId的值为zhangsan，通过v-bind属性拼接 <router-link :to="'/user/'+userId" tag="button" rep

原创 Vue路由嵌套使用

实现在home模块中嵌套两个子模块1，创建两个子模块homeMessage<template> <div> <ul> <li>message one</li> <li>message two</li> <li>message three</li> <li>message four</

原创 Vue路由懒加载

路由懒加载的主要原理就是原本的Vue模块是全部导入在一起的打包文件，运行后用户查看相关模块显示的内容时会将整个打包的文件引入而后在其中查找对应的模块然后才将其呈现给用户。这样会使得在打包文件中查找对应模块时在浏览器中可能会出现短暂的空白页，从而降低用户体验。而路由懒加载是将各个模块分开打包，在用户查看下相关模块内容时就直接引入相关模块的打包文件然后进行显示，从而有效的解决了浏览器可能出现短暂时间空白页的情况。 具体操作如下为例//原本将所有模块全部导入// import home ...

原创 Vue Router相关属性

**1，**映射配置在index.js里创建的VueRouter对象中写入相关的hash路径和相关Vue组件const routes = [{ path: '', //重定向设置，默认显示的hash为home redirect: '/home' }, { path: '/home', component: home }, { path: '/about', co

原创 Vue Router安装配置

**1，**安装vue-routernpm install vue-router --save在终端中输入此命令即可安装好VueRouter。**2，**在src文件夹中新建一个router文件夹，并在router文件夹中新建index.js文件，并在index.js中写入以下配置。//导入vue-router和vue文件import VueRouter from 'vue-router';import Vue from 'vue';//通过Vue.use（插件），安装插件Vue.use

原创 JS定时器

1，setTimeoutsetTimeout(回调函数，[延时毫秒数])延时时间到了就调用回调函数，只调用一次，就结束了了这个定时器。2，setIntervalsetInterval(回调函数，[间隔毫秒数])每隔这个延时时间就去回调这个回调函数，，会调用很多次，重复调用这个函数。...

原创 JS事件对象

e.target和this的区别e.target返回的是点击对象，如给ul绑定点击事件则点击ul中的某个 li时e.target会返回所点击的li对象。而this返回的是绑定时间的主体，当点击ul绑定事件下的某个li时this返回的则是绑定事件的ul对象。事件对象方法...

原创 JS鼠标事件

原创 JS结点操作

1，获取父节点node.parentNode获取离元素最近的一个父节点，若没有则返回null。2，获取子结点node.childNodes返回值里面包含了所有结点，包括元素节点，文本节点等例如：<div>//这里的换行是一个文本节点nodeType为3 <p>hello</p>//这里是一个元素节点nodeType为1，p之后又是一个换行，为文本节点</div></body><script> va

原创 webpack将es6转换为es5

webpack@1.0.0转换后

原创 js预解析

js预解析即在 js执行函数时会将var 和 函数声明提升到作用域最前面例如：变量预解析：console.log(num);//undefind var num = 10;以上代码在js执行预解析时相当于var num；console.log(num);//undefindnum = 10;函数预解析： fun(); function fun(){ console.log(22); }以上代码在js预解析时相当于 function fun(

原创 当css文件中有图片时如何用webpack打包引用

**步骤一：**安装url-loader并在webpack.config.js文件中填好相关配置**步骤二：**安装file-loader**步骤三：**进行打包后会发现在dist(存放打包后文件的文件夹)下出现一张图片，而后在webpack.config.js文件中写入如下配置**步骤四：**再次打包运行即可...

原创 webpack如何使用css文件的配置

将css文件打包步骤一：创建 一个css文件步骤二：添加css文件依赖步骤三：在webpack.config.js中添加相关配置步骤四：安装css-loader和style-loader(注意css-loader和style-loader两个版本要一样)步骤五：运行后引入HTML代码中运行即可...

原创 如何在webpack后面简写命令

第一步：在webpack文件上新建一个webpack.config.js文件（文件名固定）在改文件中写入相关配置代码第二步进行初始化输入项目名称输入后出现packge-lock.json文件主要作用是看packge.json里面是否存在依赖如果有辅助其依赖此时在终端中输入npx webpack则会打包好bundle.js文件还可以在packge.json文件中修改配置保存后再终端中输入npm run build则一样可以运行。...

原创 vs code中如何应用webpack

./src/index.js是在src文件中导入了模块的index.js文件./dist/dundie.js是在dist文件中存放将index.js文件打包好后的dundie.js文件注：dundie.js文件由自己命名

原创 Vue插槽用法

slot插槽基本用法使用slot插槽后可以使得组件在调用后可以进行修改<body> <div id="app"> <cpn></cpn> <cpn><span>无按钮</span></cpn> //向组件中加入新的元素时会覆盖原有的默认值，若有多个元素会一起替换 </div> <template id="cpn">

原创 Vue子组件访问父组件

parent子组件访问父组件通过$parent访问上一层的父组件，具体应用方式如下：<body> <div id="app"> <cpn></cpn> </div> <template id="cpn"> <div> <h2>我是cpn组件</h2> <ccpn></ccpn>

原创 Vue中父组件访问子组件

**children∗∗通过children**通过children∗∗通过children方法能够让父组件访问子组件但是访问子组件时要么全部访问，要么以数组的形式在$children后加上索引号访问某一个子组件，如下所示。<body> <div id="app"> <cpn></cpn> <cpn></cpn> <button @click="btnClick">

原创 JS冒泡排序

冒泡排序法冒泡排序法即将数组中的元素按照指定的条件重新排序。以将数组[50,30,20,40]按从小到大排序为例，先将50与30,20,40挨个比较若小于50就排在50前面，而后再用30与20,40挨个比较大小若小于30就排在30前面，以此类推。具体代码如下<script> var arr = [50, 30, 20, 40]; for (let i = 0; i < arr.length - 1; i++) { //外部for循环遍历数组有哪些元素需要与后

原创 Vue中父子组件双向绑定

父子双向绑定<body> <div id="app"> <cpn :number1='num1' :number2='num2' @num1change='num1change' @num2change='num2change'></cpn> // :number1='num1' :number2='num2' 利用父传子的原理将父组件的值传递给子组件 @num1change='num1change' @num2cha

原创 Vue组件父传子

在Vue中将父组件数据传递给子组件<body> <div id="app"> <cpn :cmovies="movies" :cmessage="message"></cpn> </div></body><template id="cpn"> <div> <ul> <li v-for="item in cmov

原创 Vue组件子传父

在Vue中将子组件的参数传给父组件<body> <div id="app"> <cpn @item-click="cpnClick"></cpn> //item-click为发射事件，cpnClick为接收事件（在省略参数item的情况下系统会默认参数为item） </div></body><template id="cpn"> <div>

原创 js逻辑中断

1， 逻辑与&&逻辑与在执行过程中若是前后两个表达式确定则第一个表达式为真则输出第二个表达式，若第一个表达式为假则输出第一个表达式。例：console.log(123 && 456);//456console.log(0 && 456);//02，逻辑或||逻辑或在执行过程中若是前后两个表达式确定则第一个表达式为真则输出第一个表达式，若第一个表达式为假则输出第二个表达式。console.log(1 || 2);//1console.log

原创 array.sort()方法的内置函数为什么要return a-b？？？