- 博客(21)
- 收藏
- 关注
RSS订阅
原创 什么是BFC
1，什么是BFC？ 1）BFC(Block formatting context)直译为“块级格式化上下文”。BFC它是一个独立的渲染区域，只有Block-level box（块元素）参与，它规定了内部的Block-level box如何布局，并且与这个区域外部毫不相关。 2）可以理解成：创建了 BFC的元素就是一个独立的盒子，里面的子元素不会在布局上影响外面的元素（里面怎么布局都不会影响外部），BFC仍属于文档中的普通流 3）不是所有的元素，模式都能产生BFC 。w3c规范：display属性为block
2020-08-25 16:11:50
1228
1
原创 javascript面试题
JavaScript 的组成 ECMAscript(核心)：JavaScript 语言基础 DOM（文档对象模型）：规定了访问 HTML 和 XML 的接口 BOM（浏览器对象模型）：提供了浏览器窗口之间进行交互的对象和方法 JS 的基本数据类型和引用数据类型 基本数据类型：undefined、null、boolean、number、string、symbol 引用数据类型：object、array、function 介绍 JS 有哪些内置对象？ 数据封装类对象：Object、Array、Boolean、N
2020-08-20 21:03:46
1238
原创 position四种定位方式区别
position四种定位 static静态定位 位置不会发生改变不会脱离文档流 <style> .main{ width:500px; height:500px; position:static; } </style> <div class="main"> <div class="content"></div> </div> <div class="c1"></div> fixe 固定定位 相
2020-08-15 09:36:56
2291
25
原创 set map symbol的用法和类的继承
set map symbol的用法 set特点:不重复数组 要用于对数组去重 初始化 new Set 添加 add() 删除 delete() 获取长度 size 遍历 for of 转换为数组 Array.from()[…] var arr=[1,1,2,3,4,5,4,4,3,5] var s1=new Set(arr); // arr=[...s1]; arr=Array.from(s1); console.log(arr) console.log(s1) map类似于对象，但与对象又有区别主要
2020-08-12 20:50:49
1911
1
原创 JS 中改变函数的this指向，call，apply，bind方法的使用和区别
JS 中改变函数的this指向，call，apply，bind方法的使用和区别 1. 普通函数调用，此时 this 指向 window function a() { console.log(this); // window } a(); 2.构造函数调用， 此时 this 指向 实例对象 function Person(age, name) { this.age = age; this.name = name console.log(
2020-08-12 20:11:57
1771
24
原创 高阶数组方法
高阶数组方法 1.forEach()方法 遍历数组 var arr=[1,2,3,4,5]; arr.forEach(function(item,index,self){ console.log(item,index,self); }) 2.map() 方法 通过映射返回一个新的数组 var arr=[1,2,3,45,6] var arr1=arr.map(function(item){ return item*2 }) console.log(arr1) 3.filter() 方法 通过遍
2020-08-11 20:14:02
1358
21
原创 Jquery基础知识
jquery引入方式 本地引入 <script scr='jquery,.js'></script> 远程引入 <script scr==“http:// ajax.microsoft.com/ajax/jquery/ jquery-1.4.min.js”> jquery选择器 基本选择器 ${"#id"} id选择器 ${".class"} ${“div”} ${"*"} ${“div,span”} 层次选择器 $(“E1 E2”) 选择E1下所有E2 $(
2020-08-10 20:21:10
1614
2
原创 vue基础
1.Vuex是什么？ Vuex是实现组件全局状态(数据)管理的一种机制，可以方便的实现组件之间数据的共享。 2.使用Vuex统一管理状态的好处 能够在vuex中集中管理共享的数据，易于开发和后期维护 能够高效的实现组件直接得数据共享，提高开发效率 储存在vuex中的数据都是响应式的，能够实现数据与页面的同步 3.什么样的数据储存在Vuex中 一般情况下，只有组件之间共享的数据，才有必要储存在vuex中，对于组件的私有数据，依旧储存在自身的data中即可。 4.下载和使用Vuex npm install vu
2020-09-14 08:54:00
88
原创 vue axios封装
axios封装的目的就是简化代码方便后期维护 安装axios npm install axios -S axios引入 import axios from ‘axios’; 设置请求超时时间 通过axios.defaults.timeout设置默认的请求超时时间。例如超过了10s，就会告知用户当前请求超时，请刷新等操作。 post请求头的设置 post请求的时候，我们需要加上一个请求头，所以可以在这里进行一个默认的设置，即设置post的请求头为 application/x-www-form-urlencod
2020-09-10 00:20:23
124
原创 axios总结
axios: 1.作用： 1）ajax工具包 2）promise 3）支持请求和响应的拦截 nodejs和网页端都可以使用 2.使用 : 1.安装 npm install axios 2.导入挂载 import axios from ‘axios’ Vue.prototype $http=axios 3.在组件使用： 发送post请求，参数写在data属性中 axios({ url: 'http://www.mi.com/api/echo', method: 'post', data: {
2020-09-08 23:59:05
1407
原创 mockjs总结
mockjs 1.作用 在做开发时，当后端的接口还未完成，前端为了不影响工作效率，手动模拟后端接口， 2.使用方法 npm install mockjs --save-dev // 引入 Mock var Mock = require('mockjs') // 定义数据类型 var data = Mock.mock({ // 20条数据 "data|20": [{ // 商品种类 "goodsClass": "女装", // 商品Id "goodsId|+1": 1
2020-09-08 23:53:34
3162
原创 Vue.js 组件
vue组件 组件 (Component) 是 Vue.js 最强大的功能之一， 创建组件 <body> <div id="app"> <button-counter></button-counter> </div> <script type="text/javascript"> //全局定义组件(作用域隔离) //可包含dom js逻辑 样式 Vue.component("n
2020-08-31 00:56:45
3963
原创 js数据类型
数据类型 值类型 都存在栈中 1.undefined 未定义 2.String 字符串 3.Number 数字 4.Boolean 布尔 5.Symbol 符号 引用类型 key 地址 存在栈中 内容存在堆中 1.Array 数组 2.Object 对象 3.Function 函数 4.null 空 隐式转换 100==“100”//true 0=="";//true 0false;//true false’’;//true null==undefined;//true NaN ==0//false 任意值
2020-08-27 21:40:13
120
原创 javascript 中字符串的方法
字符串是不可变的：字符串不能更改，只能替换。 字符穿的长度 var str-'ewuvwevyqvwewevh'; console.log(str.length); 查找字符串中的字符串 indexOf() 方法返回字符串中指定文本首次出现的索引（位置）： var str-'ewuvwevyqvwewevh'; console.log(str.indexof("q",5)); 从5开始到字符串结尾 lastIndexOf() 方法返回指定文本在字符串中最后一次出现的索引： var str-'ewuvwe
2020-08-26 20:01:09
2880
原创 ajax详解
原生ajax请求 发送 get请求 btn.onclick=function(){ var xhr=new XHLHttpRequerst(); xhr.open("GET",'./be/txt',false); xhr.onreadystatechange=function(){ if(xhr.status==200&&xhr.readyState==4){ content.innerHTML=xhr.responseText; } } xhr.send(); }
2020-08-25 19:32:34
2971
原创 前端工作常用名词
O2O 是Online To Offline的缩写即在线离线/线上到线下，是指将线下的商务机会与互联网结合，让互联网成为线下交易的平台。 O2O电子商务模式需具备五大要素：独立网上商城、国家级权威行业可信网站认证、在线网络广告营销推广、全面社交媒体与客户在线互动、线上线下一体化的会员营销系统。O2O营销模式的核心是在线支付。 B2B 是指企业与企业之间通过专用网络或Internet，进行数据信息的交换、传递，开展交易活动的商业模式。 含有三要素： ⒈买卖：B2B 网站或移动平台为消费者提供质优价廉的商品，吸
2020-08-17 20:31:39
3017
原创 es6知识总结 模块 承诺加载
模块 ES6 的模块化分为导出（export） @与导入（import）两个模块。 var name='mumu'; function fun(){ console.log('拟好') } class Cat{ constructor(name){ this.name=name; } } export{name,fun} export default Cat; import * as obj from './..js' import Cat,{fun,name] from './..js' al
2020-08-13 20:49:24
273
原创 ES6 不定参数 默认参数 扩展参数 箭头函数
箭头函数 1.组成 参数 => 语句 2.参数不是一个是加() 3.语句不是一句是加{}并且返回值要写 4.返回的对象格式:参数=>({}) function times(n){ alert(n*2) } var times = n =>alert(n*2) 默认参数 当没有参数，但有默认参数调用默认 当有参数，有默认参数调用本来参数 function add(a,b=10){ alert(a+b); } add(3,5); add(3) 不定参数 参数不确定 function a
2020-08-11 20:32:00
937
26
原创 ES6 let 和 const 解构 字符串 数组
ES6 let局部声明变量const常量声明 let 1.只能在{}用 2.不能重复声明 3.不会变量提升（变量声明前访问回报错） const 1.声明必须复制 2.复制不能更改（数据类型）； 3.建议变量名大写 解构 基础 let [a,b]=[1,2]; console.log（a，b）； var obj={name:“邢玉坤”,age:20}; let {age,name}=obj; console.log(age,name); 忽略 let [a,b]=[1,2,3] 剩余 let[a,…b]=[1
2020-08-10 20:53:28
391
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人