手写数组Map函数和filter函数
手写数组map函数和filter函数
map()
12345678910111213var arr = [1,2,3]//方法实现Array.prototype._map = function(fn){ var newArr = [] for(var i=0; i<this.length;i++){ newArr.push(fn(this[i], ...
手写深拷贝浅拷贝方法
深拷贝和浅拷贝
浅拷贝
123456789101112131415function shallowClone(source) { if (typeof source !== 'object' || source == null) { return source; } let target = ...
手写Vue的v-Model指令
手写双向数据绑定(v-mode)
使用Obiect.defineProperty() 实现双向数据绑定 vue2
1234567891011121314151617181920212223242526272829303132333435<!DOCTYPE html><html lang="zh-CN"> <head> <meta ...
Flask框架
虚拟环境安装virtualenv
作用
virtualenv是一个虚拟的Python环境构建器。 它可以帮助用户并行创建多个Python环境。 因此,它可以避免不同版本的库之间的兼容性问题。
安装
12345// pip 安装pip install virtualenv// linux安装sudo apt-get install virtualenv
创建虚拟环境
1virtualenv ve ...
图片懒加载
图片懒加载 图片懒加载是一种网页优化技术,用于延迟加载页面中的图片,以减少页面加载时间和带宽消耗。在网页中,当用户滚动浏览页面时,只有当图片进入可视窗口时才加载图片,而不是一次性加载所有图片
思路:通过JavaScript监听滚动事件,当图片进入可视窗口时再动态加载图片。
原生js
123456789101112131415161718192021222324document.addEv ...
下拉刷新,触底加载
上拉刷新,触底加载
原生js
12345678910111213141516171819202122232425262728293031323334353637document.addEventListener('DOMContentLoaded', function() { const content = document.getElementById( ...
原生Js实现路由
原生js实现路由 背景: 再过去,路由切换只出现在后台,前端想要切换到某个页面,就需要向后端请求,随后完成路由切换。但随着spa单页面应用模型的发展,前端路由也逐渐火热,单页面顾名思义就是一个html页面,但当我们点击导航的时候url会改变,网页也会显示不同的内容。简而言之就是js监测url变化,从而改变内容
实现思路:实现前端路由是为了在单页面应用中实现页面切换而不刷新整个页面。原生Jav ...