- 博客(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
1226
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
1237
原创 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
2290
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
1908
1
原创 JS 中改变函数的this指向，call，apply，bind方法的使用和区别
JS 中改变函数的this指向，call，apply，bind方法的使用和区别1. 普通函数调用，此时 this 指向 windowfunction 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
1770
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
1612
2
原创 vue基础
1.Vuex是什么？Vuex是实现组件全局状态(数据)管理的一种机制，可以方便的实现组件之间数据的共享。2.使用Vuex统一管理状态的好处能够在vuex中集中管理共享的数据，易于开发和后期维护能够高效的实现组件直接得数据共享，提高开发效率储存在vuex中的数据都是响应式的，能够实现数据与页面的同步3.什么样的数据储存在Vuex中一般情况下，只有组件之间共享的数据，才有必要储存在vuex中，对于组件的私有数据，依旧储存在自身的data中即可。4.下载和使用Vuexnpm install vu
2020-09-14 08:54:00
86
原创 vue axios封装
axios封装的目的就是简化代码方便后期维护安装axiosnpm install axios -Saxios引入import axios from ‘axios’;设置请求超时时间通过axios.defaults.timeout设置默认的请求超时时间。例如超过了10s，就会告知用户当前请求超时，请刷新等操作。post请求头的设置post请求的时候，我们需要加上一个请求头，所以可以在这里进行一个默认的设置，即设置post的请求头为 application/x-www-form-urlencod
2020-09-10 00:20:23
123
原创 axios总结
axios:1.作用：1）ajax工具包2）promise3）支持请求和响应的拦截nodejs和网页端都可以使用2.使用 :1.安装 npm install axios2.导入挂载 import axios from ‘axios’Vue.prototype $http=axios3.在组件使用：发送post请求，参数写在data属性中axios({ url: 'http://www.mi.com/api/echo', method: 'post', data: {
2020-09-08 23:59:05
1406
原创 mockjs总结
mockjs1.作用在做开发时，当后端的接口还未完成，前端为了不影响工作效率，手动模拟后端接口，2.使用方法npm install mockjs --save-dev// 引入 Mockvar Mock = require('mockjs')// 定义数据类型var data = Mock.mock({ // 20条数据 "data|20": [{ // 商品种类 "goodsClass": "女装", // 商品Id "goodsId|+1": 1
2020-09-08 23:53:34
3159
原创 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
3960
原创 js数据类型
数据类型值类型都存在栈中1.undefined 未定义2.String 字符串3.Number 数字4.Boolean 布尔5.Symbol 符号引用类型key 地址 存在栈中 内容存在堆中1.Array 数组2.Object 对象3.Function 函数4.null 空隐式转换100==“100”//true0=="";//true0false;//truefalse’’;//truenull==undefined;//trueNaN ==0//false任意值
2020-08-27 21:40:13
119
原创 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
2879
原创 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 解构 字符串 数组
ES6let局部声明变量const常量声明let1.只能在{}用2.不能重复声明3.不会变量提升（变量声明前访问回报错）const1.声明必须复制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关注的人