- 博客(40)
- 收藏
- 关注
RSS订阅原创 CSS定位详解
position 属性氛围 static，relative，absolute，fixed，sticky 5种本文涉及文档流基础概念。文档流（百度百科）：将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流.(自己的理解是从头到尾按照文档的顺序，该在什么位置就在什么位置，也可以按照上面的意思理解，自上而下，自左到右的顺序)1.static（英文释义：静止的; 静态的; 停滞的; ）不设置position属性的元素，默认position:static，static属性下设置top,
2020-11-04 17:29:06
206
原创 使用Settings Sync上传同步Vscode插件配置
1.打开GITHUB，点击右上角的列表，选中settings属性2.选中Develop settings3.点击personal access tokens,然后点击Generate new token（产生新token）4.配置token信息点击Generate token生成token5.复制生成的token6.下载好Settings Sync后按住Ctrl+P接着选择将你的token替换 或者输入进去最后再输出Ctrl+P,输入>,然后选择更新上传配置大功
2020-10-04 10:29:40
371
原创 JS快速排序
记一个快速排序的JS实现，方便以后使用var quickSort = function (arr) { if (arr.length <= 1) { return arr; } var pivotIndex = Math.floor(arr.length / 2); var pivot = arr.splice(pivotIndex, 1)[0]; var left = []; var right = []; for (var i = 0; i <
2020-09-20 17:25:38
114
原创 JS哈希表算法——空间换时间
题目来源力扣：给定一个整数数组 nums 和一个目标值 target，请你在该数组中找出和为目标值的那 两个 整数，并返回他们的数组下标。你可以假设每种输入只会对应一个答案。但是，数组中同一个元素不能使用两遍。示例：给定 nums = [2, 7, 11, 15], target = 9因为 nums[0] + nums[1] = 2 + 7 = 9所以返回 [0, 1]两种算法，前者时间换空间，暴力运算求解，后者空间换时间 var twoSum = function (nums, targe
2020-09-18 19:57:12
502
原创 哈希算法插入删除时间复杂度O（1）的疑问
哈希表的插入和删除平均时间为什么是O（1）？末尾的插入和删除是O（1），最坏情况的插入删除是O（n）,那平均为什么还是O（1）呢？看了几篇文章，隐约有了答案，但还不是很确定。可能这是文字上的一种理解问题。我个人的理解，哈希表是数据+链表的组合。除了对链表头和尾的操作，那时间复杂度就是O（n）。阿里架构师数据结构原理：Hash表的时间复杂度为什么是O(1)？...
2020-09-17 16:41:07
2612
原创 Vue局部混入全局混入
局部混入首先新建一个mixin.js用于存储我们需要混入到其他组件内的数据//mixin.jsimport Vue from 'vue';const mixin = Vue.mixin({ data() { return { message: 'this is mixin123' } }, methods: { showString() { console.log(this.me
2020-09-17 15:42:09
687
原创 VUE 子组件内输入框，父组件获取输入框的值
父组件<template> <div> <!-- 子组件 --> <Slot_input v-model="str"></Slot_input> <!--显示子组件输入框的值 --> <div>now str is:{{str}}</div> </div></template><script>/* 引入子组件 */impor
2020-09-15 18:16:31
2387
原创 Vue——v-slot父组件调用子组件内的值
首先声明子组件，设置3个slot插槽，分别为header，main和默认插槽<template> <div> <!-- 这是子组件 --> <slot name="header" v-bind:user="user">{{ user.lastName }}</slot> <!-- header插槽默认显示 user.lastName，即firstName123--> <slot name="m
2020-09-12 18:26:01
2934
原创 Fullcalender使用历程及总结
1.设置日历表按钮文字，且风格对应中文 var calendar = new Calendar(calendarEl, { events: function (date, callback, falsecallback) {}, theme: true, isRTL: false, firstDay: 0, droppable: true, contentHeight: "5rem", heig
2020-09-08 12:32:45
894
原创 父子间传值深度validator校验
面试问到Vue的父子间传值的深度校验，这一块刚好知识盲区，工作中也没有碰到过，上网搜索整理了一下。Vue官网讲解Vue.component('my-component', { props: { // 基础的类型检查 (`null` 和 `undefined` 会通过任何类型验证) propA: Number, // 多个可能的类型 propB: [String, Number], // 必填的字符串 propC: { type: Strin
2020-09-08 12:20:18
226
原创 JS NaN -0 0的验证
判断NaN<script> //方法1 NaN是唯一一个自身不等于自身的值 console.log(NaN === NaN);//false //方法2，使用内置方法isNaN()判断 console.log(isNaN(NaN));//true console.log(Object.prototype.toString.apply(NaN));//[object Number] console.
2020-09-07 18:50:23
589
原创 百度地图截取指定区域坐标（可伸拉标记点）
``body, html { width: 100%; height: 100%; overflow: hidden; margin: 0; } #allmap { margin-right: 300px; height: 100%; overflow: hidden; } #result { ...
2020-08-07 10:31:02
2215
原创 前端面试题
如何快速判断变量a为undefined/Null/NaN/Number/String/Boolean，并将变量a转为整型。抛开这道题，来谈谈typeof和Object.prototype.toString.apply()两种检测变量的手段，前者是操作符，后者是原型上的方法。看结果可见后者更加精确。<script> function judge() { console.log(typeof undefined);//undefined consol.
2020-07-11 10:35:53
84
原创 VUE非父子组件通信Bus——公交车踩坑笔记
WEB前端浏览器兼容性问题(pc端及移动端)PC端 （一）html部分1.H5新标签在IE9以下的浏览器识别<!–[if lt IE 9]>...
2020-06-26 18:30:20
429
原创 VUE父子组件通信简单实例
声明一个子组件，取名Son，使其可以接收父组件传递过来的值，也可以向父组件发送信息props是儿子接收父亲信息的关键点this.$emit是向父亲发送信息的关键以下是子组件接收父亲信息一步，发送信息一步，很简单<template> <div> <div>爸爸那传过来的参数：{{fromfather}}</div> <!-- fromfather接收从父组件Father那收到的参数 --> <b
2020-06-26 09:34:56
160
原创 VUE路由跳转详解
router-link标签跳转运用router-link标签实现路由跳转，使用query 或者 params携带参数path对应query，name对应params<template> <div> <router-link :to="{path:'./first',query: {name: 'query',id:'a1'}}">query携带参数</router-link> <!-- 这里path使用相对路径，query携带参
2020-06-22 17:13:41
818
原创 数组常用遍历
for循环var arr = [1, 2, 3, 4, 5, 6] for (let i = 0; i < arr.length; i++) { console.log(i);//分别输出1,2,3,4,5,6 }for…in （ ES5语法，主要是用来循环遍历对象的属性，效率低）var obj = { a: "123", b: "456", c: "787" } for (const k.
2020-06-21 15:54:15
87
原创 深拷贝及浅拷贝
学一样东西，如果只是简单的模仿，这样比较浅显，就好比浅拷贝，只是对一件事物进行简单的模仿和复制，事物如何变化，自己就跟着模仿变化，一直被牵着走，这就好比浅拷贝。var Obj1, Obj2; Obj1 = { a: '123', b: { c: '345' } } Obj2 = Obj1;//Obj2对Obj1进行浅拷贝，他们俩便指向了堆内存中的一个相同对象 Obj1.a = 'aaa'; Ob
2020-06-21 10:50:13
87
原创 VUE-amap遇到的坑和总结
和公司前辈做的第一个项目，我们都没有使用过vue-amap，期间遇到了各种问题，上网搜索发现有些方案不满足需求，或者根本没有对应的解决方案，又或是有些地方有些坑。项目接近尾声，想写个博客一来总结经验，二来希望能给其他通过vue-amap做项目的人提供一些帮助，毕竟当初自己也是疯狂上百度搜索资料来解决问题。东西比较零碎，第一次写博客，不足之处望海涵。
2019-12-12 16:49:20
8094
9
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人