前端开发
文章平均质量分 83
bye_cherry
这个作者很懒,什么都没留下…
展开
-
防抖和节流
防抖和节流使用场景防抖:比如echarts图表需要根据窗口的大小进行resize操作,但是浏览器的resize事件触发太频繁了,特别是在拖拉浏览器窗口的时候,就会导致echarts实例经常去调resize方法,但是实际上只需要在停止变化浏览器窗口大小之后再去执行resize方法就好了,那么这个时候就需要用到防抖的技术了。防抖函数有另一个需要注意的地方,就是停止多久之后再执行的问题。但是很少有人思考为什么叫防抖,防抖是什么意思,防止抖动?这么理解完全没有问题,并且还十分形象。举个生活中的例子,假设现原创 2021-01-30 16:00:14 · 519 阅读 · 2 评论 -
post请求下载文件(兼容IE)
post请求下载文件(兼容IE)有时候由于下载文件的url携带的参数过多,导致整个url长度超过get请求的上限,这个时候需要更换为post请求,具体实现如下function downLoadFile (url, params, fileName) { const xhr = new XMLHttpRequest() xhr.open('post', url) xhr.setRequestHeader('Content-Type', 'application/json') xhr.res原创 2020-10-29 22:58:31 · 1788 阅读 · 0 评论 -
【js】this作用域全解析
this作用域问题一般来说,谁调指谁是一个基本原则,但是这并不是一个非常好的面试回答,虽然从某种程度上,这有助于帮我们判断this指向问题,但是不能涵盖所有的情况,建议从函数调用的4种方式展开函数式调用方法调用模式构造函数调用模式(this指向实例)call、apply、bind函数式调用var age = 10var person = { age:12, say(){...原创 2020-04-09 13:31:49 · 1321 阅读 · 0 评论 -
【前端:Ts+React+Redux+React-Router+ant-design;服务端:Node+Koa2+MongoDB】从TodoList入门React全家桶采坑合集
文章目录前言采坑合集没有全家桶脚手架搭建typescript环境在官方全家桶中使用typescript配置tslint样式表的使用配置其他类型的css处理文件行内样式的使用样式没有模块作用域配置react-router没有双绑绑定事件事件参数问题使用ant-designreduxredux谷歌开发者工具combineReducersredux中间件redux-thunk概念使用redux中间件re...原创 2019-09-02 21:17:36 · 1581 阅读 · 0 评论 -
字节跳动2020届秋招提前批前端面经
字节跳动面经一面自我介绍完,面试官问了为什么项目中选择vue1、上来聊如何理解mvvm、vue组件通信、vex、路由实现2、写一个组件实现一个user banner组件,根据用是否登录、注册显示不同的信息;name、id、icon我的实现<template><div> <div v-if:'isLogin'> <div&...原创 2019-07-18 21:48:00 · 2140 阅读 · 1 评论 -
【web】仿微博浏览量自增(判断元素是否在可视区+停留2s事件响应)
浏览量自增需求分析微博、空间动态中经常能看到浏览量统计,不同于博客,点击之后浏览量自动加1,这种碎片化的推送信息,浏览次数不能以常规的点击方式来统计,用户可能甚至根本不会点击内容,匆匆一瞥就把滚动条往下滑动了,所以如何设计一个自动统计用户浏览这些零散信息的浏览量,是大有操作空间的。首先规定用户的什么行为作为一次浏览,考虑用户在每个信息前停留的时间,以及浏览页面的习惯,做出如下规定如果一条微...原创 2019-07-11 20:14:41 · 511 阅读 · 0 评论 -
【Rxjs】初步感知-不算入门的入门
文章目录Rxjs异步数据流编程各异步编程语法比较相比Promise的优势Rxjs unsubscribe 取消订阅Rxjs 订阅后多次执行Rxjs 工具函数rxjs教程指路中文手册Rxjs异步数据流编程个人理解:异步编程,类Promise,功能比Promise更强大各异步编程语法比较回调函数function getcallbackData(callback) { setTime...原创 2019-05-23 23:49:26 · 229 阅读 · 0 评论 -
【js】require和import的区别
文章目录`require`和`import`的区别起源导出命令/引入命令CommonJSes6静态优化require和import的区别起源es6诞生之前,js一直没有模块系统,就连css都有@import,对现在复杂的大型项目开发无疑是一种阻碍。es6在2015年6月正式发布,所以es6也有一个别称es2015。官方没有提出es6之前,社区给出了解决模块问题的方案,那就是node.js。介...原创 2019-05-21 20:27:11 · 4079 阅读 · 0 评论 -
【最全】原生JS创建对象与继承的所有方法
文章目录1. JS创建对象(实例)的方法1.1 工厂模式1.2 构造函数模式1.3 原型模式1.4 组合使用构造函数模式和原型模式1.5 动态原型模式1.6 寄生构造函数模式1.7 稳妥构造函数模式2. JS实现继承的方法2.1 原型链继承2.2 借用构造函数2.3 组合继承2.4 原型式继承2.5 寄生式继承2.6 寄生组合式继承1. JS创建对象(实例)的方法1.1 工厂模式functi...原创 2019-04-29 16:23:06 · 406 阅读 · 0 评论 -
【SpringMVC】仿空间说说照片上传
先看看实现效果,如果不是您需要的效果就不浪费您宝贵的时间了。代码地址此需求适用于用户在提交包含多张图像信息的相关记录时, 前端页面中图像排版的一个相关显示。一、实现思路 如果只是上传单张图像,那么常规的上传流程应该是1:用户(前端)选择需要上传的图像2:后台(服务器端)接收前端发送的表单数据,将照片存入指定位置,再连同文本信息一起保存进数据库,上传文件的方式使用Apache 的...原创 2019-02-17 18:47:45 · 426 阅读 · 0 评论