- 博客(17)
- 收藏
- 关注
RSS订阅原创 一个例子让你明白什么是事件代理
在实际的开发当中，利用事件流的特性，我们可以使用一种叫做事件代理的方法。 <ul class="color_list"> <li>red</li> <li>orange</li> <li>yellow</li> <li>green<...
2020-03-26 20:44:28
299
1
原创 深入浅出浅拷贝与深拷贝
浅拷贝：一般指的是把对象的第一层拷贝到一个新对象上去，比如 var a = { count: 1, deep: { count: 2 } } var b = Object.assign({ }, a) 或者 var c = { ...a } console.log(b) // { count: 1, deep: { count: 2 } } console.log(c) // { count:...
2020-03-26 20:07:19
179
原创 如何利用vue+MongoDB+node+express制作个人博客
vue的话不用说了，直接用vue全家桶，后台方面利用fs模块进行对md文件的增删改操作，并且记录每次上传md文件进入数据库，下面是我制作的博客的链接，大家可以去看看，还是能实现的，或者你们可以尝试用Vuepress和hero技术 点我查看博主制作的效果图 效果图： ...
2020-03-21 20:40:14
436
1
原创 什么是防抖和节流？有什么区别？如何实现？
什么是防抖和节流？有什么区别？如何实现？ 一、防抖 场景：在滚动事件中需要做个复杂计算或者实现一个按钮的防二次点击操作。这些需求都可以通过函数防抖动来实现。尤其是第一个需求，如果在频繁的事件回调中做复杂计算，很有可能导致页面卡顿，不如将多次计算合并为一次计算，只在一个精确点做操作。 一般的防抖会有immediate选项，表示是否立即调用。 // 思路:在规定时间内未触发第二次，则执行 funct...
2020-02-26 21:58:16
159
原创 实现一个基本的Promise
思路 未添加异步处理等其他边界情况 ①自动执行函数，②三个状态，③then class Promise { constructor(fn) { // 添加三个状态 this.state = 'pending' this.value = undefined this.reason = undefined le...
2020-02-26 21:57:41
94
原创 获取路由地址上的参数值
写一个函数 function getUrlKey(name){ return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.href) || [, ""])[1].replace(/\+/g, '%20')) || null } n...
2019-10-10 15:39:28
833
原创 简单的理解react-router
1. 理解react-router react的一个插件库 专门用来实现一个SPA应用 基于react的项目基本都会用到此库 2. 几个重要问题 1). SPA应用 单页Web应用（single page web application，SPA） 整个应用只有一个完整的页面 点击页面中的链接不会刷新页面, 本身也不会向服务器发请求 当点击链接时, 只会做页面的局部更新 数据都需要通过ajax请求...
2019-08-02 16:54:44
137
原创 在vue-cli上使用vuex（拆分成到每个文件操作）
在vue-cli上使用vuex 什么是vuex呢？ Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 他有什么用呢 假如，登录之后的用户信息在很多组件上都需要，那么老办法的话无非就是子传子，子传父，或者存浏览器缓存上，但是这样非常麻烦，所以vuex的作用是把这些数据统一管理起来，需要的话再去...
2019-07-23 13:06:49
1257
原创 在vue-cli（脚手架）上使用Vue-router
VUE之Vue-router vue-router是什么呢？ 它就是由前端来控制页面的跳转（但其实是个单页面），根据不同的 url 地址展示不同的内容和页面。 安装 1、在项目根目录敲 npm install vue-router -S 2、安装完之后，在main.js文件中配置以下代码 import Vue from 'vue' import App from './App' import r...
2019-07-23 11:58:29
515
原创 内存溢出与内存泄露
内存溢出与内存泄露 1、什么是内存溢出？ 一种程序运行出现的错误 当程序运行时需要的内存超过剩余的内存时，就会内存溢出的错误 1、什么是内存泄露？ 占用的内存没有及时释放 内存泄露积累多了就容易导致内存溢出 常见的内存泄露：1、意外的全局变量 2、没有及时清理的定时器或回调函数 3、闭包 内存溢出 var obj = {} for (var i = 0; i < 100000000;...
2019-07-20 13:37:24
222
原创 ES6新增的const和let同var之间的对比并且解决了循环内的点击事件上I的值一直是末尾值
ES6新增的const和let同var之间的对比 1. var 2. let 3. const 1. var：可以重复声明、无法限制修改、没有块级作用域 1.1、变量可以重复声明 var a = 12; var a = 5; console.log(a); // 5 1.2、可以被修改 var b = 12; b = 5; console.log(b) // 5 1.3...
2019-07-14 14:55:43
266
原创 Math的计算方法+随机数的封装函数
Math.max And min // max取数组中的最大值 var max = Math.max(11, 99, 9); // min取数组中的最小值 var min = Math.min(1, 0, 9); console.log("最大值---------" + max + "最小值--------" + min) Math.ceil // ceil方法是向上取整、...
2019-07-13 15:03:34
334
原创 如何在VUE上使用高德地图，获取当前地址与当前经纬度
如何在VUE上使用高德地图 html上 <el-amap vid="amapDemo" :center="center" :zoom="zoom" :plugin="plugin" class="amap-demo" style="height: 200px; width: 100%;margin-top: 50px; z-index: -1;"></el-amap> 在...
2019-07-13 14:49:45
3772
原创 用flex布局模拟bootstrap的栅格式布局
用flex布局模拟bootstrap的栅格式布局 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...
2019-07-08 14:18:22
549
原创 JavaScript之对象创建模式
JS之设计模式 工厂模式 创建多个单体对象的时候会产生大量重复的代码发明一种接口函数 function createPerson(name, age, job ) { var o = new Object(); o.name = name o.age = age ...
2019-06-25 12:44:54
126
原创 微信小程序之movable-view的direction用法
微信小程序之movable-view的direction用法 movable-view必须在 movable-area 组件中，并且必须是直接子节点，否则不能移动，movable-area的大小必须比movable-view大 movable-view 之 direction direction:all ：可随意滑动； 效果如下： direction:horizontal ：横向滑动...
2019-06-25 09:50:19
2055
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人