首页
学习
活动
专区
工具
TVP
发布

那些年我们学过的前端

专栏作者
33
文章
57197
阅读量
15
订阅数
vue中使用节流函数踩坑记录
一个常见的业务场景,我们要在input搜索框输入结束后,发送相关请求,获取搜索数据。频繁的事件触发会导致接口请求过于频繁。所以需要我们对此加以限制,来禁止不必要的请求,以免资源的浪费~
念念不忘
2020-05-18
2.3K2
从零开始,手摸手搭建前端组件库
https://majunchang.github.io/mi.vant/#/quickStart
念念不忘
2019-11-11
2.6K1
axios源码分析
项目连接 文档在线预览地址 axios源码分析 axios调用方法 const axios = require('axios'); // 第一种 axios({ url, method, headers, }) // 第二种 axios(url, { method, headers, }) // 第三种 axios.get(url, { headers, }) // 第四种 axios.post(url, data, { headers, }) //
念念不忘
2019-08-20
1.3K0
移动端 局部dom实现滚动
https://github.com/surmon-china/vue-awesome-swiper/issues/423
念念不忘
2019-07-20
9010
Rollup
什么是Rollup rollup.js是Javascript的ES模块打包器,我们熟知的Vue、React等诸多知名框架或类库都通过rollup.js进行打包。与Webpack偏向于应用打包的定位不同,rollup.js更专注于Javascript类库打包(虽然rollup.js也可以提供资源打包,但显然这不是它的强项)。在我们学习Vue和React等框架源码或者自己编写Javascript类库时,rollup.js是一条必经之路。 Rollup 的好处 Tree Shaking: 自动移除未使用的代
念念不忘
2019-05-10
1.6K0
jsonForest
JsonTransfer 以昆仑三级联动类目为例 对于后端返回的数据 我们可能需要对这些字段进行特殊的配置(如改名)等才能拿到我们可以直接使用的数据。除此之外,消息订阅比较混乱。 我们期望的消息订阅模式如下: // 监听 listen 事件 this.jsonTransfer.on("listen", value => { // 处理 value 值 value 为后端字符串经过特殊处理之后返回给我们需要的字符串 this.resOptions = value;
念念不忘
2019-05-08
4100
NodeJs事件驱动和非阻塞机制详解
NodeJs事件驱动和非阻塞机制详解 NodeJs强调错误优先 因为事件的操作大多数都是异步的方式,无法通过try catch捕获异常 采用错误优先的回调函数 ---- NodeJs基本介绍(菜鸟教程) Node.js 是单进程单线程应用程序,但是通过事件和回调支持并发,所以性能非常高。 Node.js 的每一个 API 都是异步的,并作为一个独立线程运行,使用异步函数调用,并处理并发。 Node.js 基本上所有的事件机制都是用设计模式中观察者模式实现。 Node.js 单线程类似进入一个while(tr
念念不忘
2019-03-29
2.5K0
vue梳理
vue使用总结心得 vue的安装 在这里我们主要针对的是vue的单页面项目 如果仅仅是为了单个案例可以直接下载 然后script安装 Vue 提供一个官方命令行工具,可用于快速搭建大型单页应用。该工具为现代化的前端开发工作流提供了开箱即用的构建配置。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目: # 全局安装 vue-cli $ npm install --global vue-cli # 创建一个基于 webpack 模板的新项目 $ vue init we
念念不忘
2019-03-29
6440
基于数据分析的图书管理系统(全栈)
基于Vue全家桶(2.x)+NodeJs+Express+MongoDB+ES6+iview制作的图书管理系统,通过该系统来学习当下最流行的大框架和技术,采用前后端分类的开发方式,Vue全家桶(2.x)全部涉及。
念念不忘
2019-03-29
1.6K0
cookie和本地存储的区别
cookie 基本概念 cookie非常小,限制在4kb左右,很多浏览器都限制一个站点最多保存20个cookie。 如果没有设置时间,则表示cookie的生命期为浏览器会话期间,关闭浏览器窗口,cookie就会消失,这种被称为会话cookie,它会被保存在内存中。 当设置了过期时间,浏览器会把cookie保存在硬盘中,关闭浏览器之后任然有效,直到超过设定的过期时间。 设置和获取cookie的方法 原生 // 使用js创建cookie document.cookie="username=John Doe
念念不忘
2019-03-29
2.5K0
vue项目-音乐app
网易云音乐 git地址 https://github.com/majunchang/wangYiYun-Music 项目截图 mark mark mark mark mark mark mark m
念念不忘
2019-03-29
1.7K1
windows下配置mongodb环境
如何在windows下配置mongodb数据库 下载安装包 官网下载链接 https://www.mongodb.com/download-center?jmp=nav#community 下载以后进
念念不忘
2019-03-29
1.3K0
前端如何进行压缩下载
title: 前端如何进行压缩下载 date: 2017-04-08 11:40:49 tags: categories: plugin
念念不忘
2019-03-29
8200
hexo搭建个人博客
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境,可以在非浏览器环境下,解释运行 JS 代码。
念念不忘
2019-03-29
1K0
jquery中ajax参数详解
title: $.ajax参数详解 date: 2017-04-08 15:25:57 tags: ajax categories: ajax
念念不忘
2019-03-29
2.1K0
redux常用api的详解
返回值 保存了应用中所有state的对象,改变state的唯一方法是dispatch action。 你也可以subscribe监听state的变化 然后更新ui
念念不忘
2019-03-29
1.1K0
vue双向数据绑定原理
目前几种主流的mvc(vm)框架都实现了单向数据绑定,而我所理解的双向数据绑定无非就是在单向绑定的基础上给可输入元素(input、textare等)添加了change(input)事件,来动态修改model和 view,并没有多高深。所以无需太过介怀是实现的单向或双向绑定。 实现数据绑定的做法有大致如下几种:
念念不忘
2019-03-29
2.1K0
javascript的发布-订阅者模式
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> </body> </html> <script> // 代码的封装 var event = { list: [], listen: function(key, fn) { if (!this.list[key]) { this.list[key
念念不忘
2019-03-29
4040
回流和重绘
我们要明确页面在文档加载完成之后到完全显示中间的过程是 根据文档生成DOM树(包括display:none的节点) 在DOM树基础上根据节点的几何属性(margin/padding/width/height等)生成render树(不包括display:none、head节点但会包含visibility:hidden节点) 在render树基础上进行进一步渲染包括color,outline等样式 reflow: 当render树中的一部分或者全部因为大小边距等问题发生改变而需要重建的过程叫做回流 rep
念念不忘
2019-03-29
8340
mini-react-redux的实现
` react-redux的原理 提供一个Provider组件 负责吧外层的数据 传递给所有的子组件 connect方法(高阶组件) 负责将props和dispatch的方法 传递给子组件 废话不多
念念不忘
2019-03-29
4890
点击加载更多
社区活动
腾讯技术创作狂欢月
“码”上创作 21 天,分 10000 元奖品池!
Python精品学习库
代码在线跑,知识轻松学
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档