- 博客(42)
- 收藏
- 关注
转载 关于js
什么是js? 概念: JavaScript 是一种运行在客户端的脚本语言语言 :编译语言:Java/C/C++/OC/Swift... 运行代码之前,把所有的代码先编译一遍,再运行每一行代码(先编译找语法错误,然后再一行一行执行里面的逻辑)脚本语言:JavaScript/PHP/Python...运行一行解析一行,不需要提前编译 , 非编译语言...
2019-09-18 21:48:00 237
转载 关于Visual Studio Code 以及 一些工具
常用插件Path Intellisense 路径提示open in browser 打开浏览器 ALT+B代码块ctrl + shift + p/或者设置(左下角右下角的齿轮)=> 命令面板 => 搜索:snippet => 找到:首选项:配置用户代码片段 =>搜 js/html/cs => 找到javascript.js...
2019-09-18 21:06:00 343
转载 ECMAScript严格模式
ECMAScript 第5个版本1. 严格模式:什么是: 比普通js运行机制,要求更严格的模式为什么: js语言本身具有很多广受诟病的缺陷何时: 今后所有的js程序,必须运行在严格模式下!如何:在当前作用域的顶部写:"use strict";——启用严格模式规定:1. 禁止给未声明变量赋值:2. 静默失败升级为错...
2019-09-13 16:13:00 172
转载 vuex配置
import Vue from 'vue'import App from './App.vue'import router from './router'import store from './store'import Vuex from 'vuex' Vue.use(Vuex) const myStore = new Vuex.Store({ ...
2019-09-11 08:56:00 146
转载 vue脚手架安装
1. 脚手架:如何:1. 安装脚手架的工具命令:npm i -g @vue/cli电脑安装完命令后 : 直接创建 vue create 文件夹名字2. 用命令反复创建脚手架:cd 要保存项目的文件夹完整路径比如: cd C:\xampp\htdocs\dd\6_VUE\day04用vue命令工具,创建一个项目的脚...
2019-09-10 21:35:00 5399
转载 关于正则表达式RegExp
常用元字符串元字符说明\d匹配 数字\D匹配 非数字\w匹配 数字,字母,下划线\W匹配 任意不是字母,数字,下划线\s匹配 空白符\S匹配 任意不是空白符的字符.匹配除换行符以外的任意字符^匹配 以谁开头...
2019-09-08 22:33:00 127
转载 前端笔试题
第一题<script> var a = 10; function test() { a = 100; console.log(a); //100 console.log(this.a) //10 var a; ...
2019-09-08 00:49:00 442
转载 css
关于定位position relative 相对定位,相对于其源文档流的位置进行定位 不脱离文档流 absolute 绝对定位,相对于其上一个已经定位的父元素进行定位、 脱离文档流 fixed 固定定位,相对于浏览器的窗口进行定位 ...
2019-09-05 11:03:00 75
转载 关于less
Less编译工具 koala官网:www.koala-app.comless中的注释以//开头的注释不会被编译到css文件中以/**/包裹的注释会被编译到css文件中less中的变量使用@来声明一个变量:@pink:pink;01作为普通属性值来使用:直接使用@pink02作为选择器和属性名:@{selector的值}的形式03...
2019-09-04 22:03:00 92
转载 用css画一个倒三角
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <me...
2019-09-04 21:53:00 1001
转载 关于HTML5
1. html5语义化兼容性问题 如 header footer nav<!-- 现象: IE8 以下版本不支持 html5 语义化标签 --><header>我是header标签, 我应该独占一整行</header>解决方式: 在浏览器解析标签之前, 动态创建一下 header 标签, 浏览器就认识了 document...
2019-09-03 12:55:00 78
转载 关于微信小程序的一些总结
mpvue?{{}} 在vue和小程序中的区别? 01 小程序中{{}}和vue中的{{}}用法基本一致,可以显示data中的数据,可以写表达式 不一样的地方? 01 小程序的{{}}可以写在属性中 02 小程序的{{}}不能使用方法的调用微信小程序中的 wx:key 01 wx:for 可以遍历数组中的数...
2019-08-31 21:14:00 319
转载 冒泡排序
初级版本冒泡<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...
2019-08-30 10:59:00 63
转载 关于js延迟加载(异步操作)的方式
https://www.cnblogs.com/songForU/p/10905031.html转载于:https://www.cnblogs.com/javascript9527/p/11423190.html
2019-08-28 11:51:00 102
转载 webpack
什么是? wabpack是当前最流行的打包工具webpack能做什么? 将 sass/less 等预编译css语言 转化为 浏览器能够认识的css文件 将多个文件打包生成为一个文件 搭建开发环境(开启了服务器) 监视文件变化,文件改变后,能够自动刷新浏览器 对于vue来说,可以将单文件组件(*.vue)类型的文件, ...
2019-08-26 19:04:00 91
转载 分页
当前页 curPage每页大小 pageSiize总条数 tototal总页数=Math.ceil(total/pageSize)转载于:https://www.cnblogs.com/javascript9527/p/11406260.html
2019-08-24 21:59:00 91
转载 canvas 画正方形和圆形
绘制正方形<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...
2019-08-22 22:08:00 1196
转载 数组去重
方法一 利用ES6 新特性 new Set() 进行数组去重Set 的成员具有唯一性1 <!-- 利用new Set() 进行数组去重 -->2 <script>3 var arr=['a','b','c','c']4 var result=new Set(arr...
2019-08-21 16:56:00 109
转载 数组 字符串 对象 常用方法
对象 obj.hasOwnProperty( 属性名) 遍历自己身上所以属性,看是否存在,如果有ture,没有false。 let 子对象 = Object.create(父对象) ;01 创建空的子对象 02 子对象继承 父对象中的成员 03 子对象有的成功,先用自己的成员,不会覆盖 Object.assign方法用来将...
2019-08-21 11:51:00 104
转载 this的指向问题 call apply bind 中的this
在函数中this指向谁: 函数中的this指向谁,是由函数被调用的那一刻就确定下来的 平时确定一个函数中的this是谁,我们需要通过调用模式来确定 1.函数调用模式 this ---> window 函数名() 2.方法调用模式 this ---> 调用方法的对象 对象.方法名() 3.构造函数调用模式 this -...
2019-08-20 23:23:00 68
转载 DOM IE 兼容性 I
IE8事件模型和DOM事件模型有何不同?如何处理DOM事件模型与IE8事件模型的兼容性?1 事件模型不一样 DOM的浏览器兼容性问题:事件模型 3个阶段 01 外向内:捕获 02 目标触发 03内向外:冒泡 IE8:2个阶段:没有捕获阶段 ,只有两个阶段 。 目标触发 和 冒泡阶段...
2019-08-20 14:35:00 191
转载 vue 自定义组件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <me...
2019-08-19 19:12:00 76
转载 promise
Promise的三种状态? pending 等待中(promise封装的是一个异步操作,异步操作是需要时间的) fulfilled 成功 resolve() rejected 失败 reject()状态只有两种情况: 01 pending --> fulfllied 02 pending --> rejected状态只要发生改变...
2019-08-18 21:34:00 52
转载 vue中 aixos 常用配置 aixos拦截器 interceptors的使用
axios的配置 公共路径配置 拦截器的使用 1 //这个文件是根组件 new Vue,所有所需的模块和对象都要在new Vue之前配置好 2 3 import Vue from 'vue' 4 import App from './App.vue' 5 import router...
2019-08-18 19:16:00 488
转载 深拷贝浅拷贝
对象和对象的深拷贝 利用...进行对象的深拷贝 1 <script> 2 // 剩余参数...进行拷贝,这是深拷贝,新复制出来的对象和之前的对象不是一个地址 3 var obj1={ 4 name:'zh', 5 age:18, 6 ...
2019-08-17 10:12:00 88
转载 var name全局变量 typeof 类型一直是 string
在全局中window.name=" ";name属性在全局中比较特殊,不管var name = 任何值,它最终等于的都是字符串console.log(window.name) //""console.log(typeof name); //"string";name变...
2019-08-16 17:59:00 1613
转载 关于ES6的新特性
1 let声明变量 01 let声明的变量,不可重复声明,比如 let a=1 ; let a=2 ;这样申明会报错 02 let声明的变量,有块级作用域,比如 if( ){ }这用语句 有了作用域 03 let声明的变量不再声明提前 for (var i = 0; i < 100; i++){ ...
2019-08-14 19:27:00 112
转载 利用webSocket实现浏览器中多个标签页之间的通信
webSoket用来实现双向通信,客户端和服务端实时通信。webSoket优点和缺点? 优点:对于前端来说,使用简单,功能灵活,如果部署了webSocket服务器,可以实现实时通信。 缺点:需要服务端技术的支持,如果websocket数据量比较大的话,会严重消耗服务器的资源。例子:01 websocket服务器端搭建//初始化一个node项...
2019-08-14 10:50:00 3718
转载 关于websocket
http 协议: http 协议:超文本传输协议 http协议作用:传输网页资源(html/css/js/mp3/mp4/..) http 工作方式:请求和响应 必须是客户端先发起请求,服务器端才会有响应,而且一次请求一次响应 问题: 有一次应用场景下不适合使用http协议,比如: 金融行业:[股...
2019-08-13 18:06:00 117
转载 利用localStorage实现浏览器中多个标签页之间的通信
原理: localStorage是浏览器存储数据的容器,而且它是多页面共享的,利用localStorage多页面共享的特性,可以实现多个标签页的通信。 比如: 一个标签页发送消息(将发送的消息设置到localStorage中),一个标签页接收消息(从localStorage中获取消息)利用 localStorage 方式实现的标签页通信优点? 相比...
2019-08-13 11:31:00 1273
转载 利用cookie实现浏览器中多个标签页之间的通信
原理: cookie是浏览器端的存储容器,而且它是多页面共享的,利用cookie多页面共享的特性,可以实现多个标签页的通信。 比如: 一个标签页发送消息(将发送的消息设置到cookie中),一个标签页接收消息(从cookie中获取消息)利用cookie+setinterval方式实现的标签页通信优点? 优点:每个浏览器都兼容缺点? cookie有...
2019-08-13 10:18:00 2137
转载 element ui 退出功能
<template> <el-container class="home-wrapper"> <el-header> <el-row type="flex" class="row-bg" justify="space-between"> ...
2019-08-12 22:43:00 2700
转载 vue
vue中的页面跳转?声明式导航?: <router-link :to='...'>编程式导航?: $router.push(...)router?是用来实现路由跳转,route?用来获取l路由参数push方法的参数为:要跳转到的路由地址(path)导航守卫?全局路由守卫 router.beforeEach((to, from...
2019-08-11 23:43:00 164
转载 element ui 登录验证,路由守卫
<template> <!-- el-form :label-position="labelPosition" 设置label的位置 :model 用来给表单设置数据模型(对象) :rules 用来设置表单验证规则的 ref 用来引用当前的表单组件 ...
2019-08-11 17:03:00 516
转载 vue生命周期
vue生命周期什么是? 生命周期其实就是一个组件加载的过程。包括四个阶段,bage八个钩子函数。四个阶段? create mount update destory 创建 挂载 更新 销毁create : 创建组件对象和模型数据对象data 。在创建阶段,不能执行DOM操作,比如:让元素获得焦点。...
2019-08-10 17:56:00 51
转载 节流 防抖
什么是节流? 阻止一个函数在短时间内的连续调用。 比如:设置一个按钮,去请求服务器,如果不设置节流,就可以无限点击获取,点一次触发一次函数。 比如 后边的例子 : 一个函数每三秒才可以执行一次函数,三秒之内点击事件不会执行函数。 什么是防抖? 当触发事件的时候,一定时间段内没有再触发事件,事件处理函数才会执行一次。如果设定...
2019-08-10 11:16:00 89
转载 web面试
什么是面向对象? 程序中的事物都是用对象结构来描述的,所有的程序都是用面向对象的思想,管理数据和功能的。 面向对象三大特点:封装 继承 多态什么是封装? 创建一个对象结构,用来保存一个事物的属性和方法(功能) 有几种封装方式? 3种 01 用{ }创建 ,var obj={ } 02 用new创建, var...
2019-08-09 20:24:00 150
转载 Vuex
什么是Vuex? Vuex是一种状态管理模式,说白了Vuex就是数据管理的模式,它是管理数据的。什么时候用Vuex? 多个组件需要共享同一数据,让它们保持一致。比如 购物车。 Vuex解决了一个问题:保持多个组件之间数据一致。store: 俗称 仓库,这个仓库里面放的是 一些数据 和 对数据的操作。state: 仓库中的数据都放...
2019-08-09 19:44:00 50
转载 cookie session sessionStorage localStorage
什么是会话? 会话指的是浏览器与服务器之间的数据交互。所白了就是 浏览器和服务器进行的请求和响应。 http协议是无状态的,多次请求之间没有关联性 cookie和session的作用?干啥的? 利用cookie和session可以进行会话保持, 会话保持就是指: 保持用户的登录状态,服务器记录了用户的登录信息,下一次访问服务器就认识该用户了关于coo...
2019-08-09 19:03:00 85
转载 同源策略 跨域
关于同源策略 同源指的是: 协议 , 域名 , 端口 三个完全相同。只有浏览器有同源策略。 同源策略的作用: 为了用户数据的安全,防止恶意窃取用户数据。如果没有同源策略,浏览器会变得很不安全。 当不同源的时候,也就是协议 或 域名 或 端口 不一样的时候,去请求数据就会产生跨域。同源策略的本质 其实跨域的时候是可以发送ajax请求的,而且请求是成功的,返回的...
2019-08-09 17:10:00 119
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人