浅谈前端JS沙箱实现的几种方式
目录前言
iframe实现沙箱
diff方式实现沙箱
基于代理(Proxy)实现单实例沙箱
基于代理(Proxy)实现多实例沙箱
结束语
参考前言
在微前端领域当中，沙箱是很重要的一件事情。像...
2021-08-10
vue异步更新dom的实现浅析
目录Vue异步更新DOM的原理1 什么时候能获取到真正的DOM元素？2 为什么Vue需要通过nextTick方法才能获取最新的DOM？3 为什么this.$nextTick 能够获取更新后的DOM？总结：vue异步更新...
2021-08-10
Vue使用v-model封装el-pagination组件的全过程
使用v-model绑定分页信息对象，分页信息对象包括3个核心属性参数，分页事件直接绑定查询数据的方法，消除父组件的handleSizeChange和handleCurrentChange的绑定事件方法。1、前言...
2021-08-10
JavaScript中变量提升和函数提升实例详解
js 执行 词法分析阶段：包括分析形参、分析变量声明、分析函数声明三个部分。通过词法分析将我们写的 js 代码转成可以执行的代码。 执行阶段变量提升 只有声明被提...
2021-08-10
项目中如何使用axios过滤多次重复请求详解
目录一、前言：
这个情况下，我们通常的做法有两种：二、CancelToken类
最终效果总结一、前言：
我们在web应用开发过程当中，经常会遇到一个时刻发起了多个请求的场景这个情况下，我们...
2021-08-10
webpack几种手动实现HMR的方式
目录1.前言2.GitHub3.基本配置项目目录package.jsonwebpack.config.jsmain.jsindex.htmlmain.vue4.webpack-dev-serverpackage.jsondev.config.js完成5.webpack-dev-middlew...
2021-08-10
ECMAScript6中Map映射的基本概念与常用方法
目录什么是映射
Object与Map区别
Map映射常用方法
声明并初始化赋值set获取键值get删除键值delete判断键值是否存在 has获取所有键值 values()key/value 迭代器 entries()遍...
2021-08-10
利用原生JS实现懒加载lazyLoad的三种方法总结
目录前言Method 1: 高度对比
Method 2: 使用getBoundingClientRect() 的API
Method 3: 采用最新的 IntersectionObserver 构造函数
总结前言首先我们先搭建好页面如下:<styl...
2021-08-10
Vue3中watch的用法与最佳实践指南
目录前言🌟
一、API介绍
二、监听多个数据源
三、侦听数组
四、侦听对象五、总结✨
前言🌟
本文以实验的形式，为大家揭示Vue3中watch的最佳实践。这篇文...
2021-08-10
Typescript中的as、问号与感叹号详解
1、as关键字表示断言在Typescript中，表示断言有两种方式。一种是扩号表示法：let someValue: any = "this is a string";let strLength: number = (someValue).length;另一种使...
2021-08-10
详解Bootstrap网格垂直和水平对齐方式
目录1、Bootstrap网格布局
2、垂直对齐
2.1 row标签中设置垂直对齐
2.2 col标签中设置垂直对齐
3、水平对齐
3.1 row标签中设置垂直对齐
1、Bootstrap网格布局
上一节我们介...
2021-08-10
JS操作对象数组实现增删改查实例代码
1.介绍
最近帮朋友弄一个简单的针对json数组的增删改成页面，正好涉及到了js去操作对象数组实现增删改查功能。我估计很多朋友应该也会遇到这类操作，所以记录一下以便分享。2....
2021-08-10
vuex中Getter的用法详解
前言Vuex 允许我们在 store 中定义“getter”（可以认为是 store 的计算属性）。就像计算属性一样，getter 的返回值会根据它的依赖被缓存起来，且只有当它的依赖值发生了改变才会被...
2021-08-10
浅谈vue中所有的封装方式总结
目录1.封装API 2.注册全局工具组件 3.封装全局函数4. 为了减少页面代码量的封装如何确定我需要封装呢？1.复用，如果觉得以后还会用到2.你觉得方便，别的地方可能也需要用3.如果不...
2021-08-10
JavaScript实现的七种排序算法总结（推荐！）
目录前言冒泡排序
基础算法
第二种写法是在基础算法的基础上改良而来的：选择排序
基础算法二元选择排序-优化插入排序
交换法插入排序移动法希尔排序
堆排序
快速排序
归并排...
2021-08-10
Vue项目中常用的实用技巧汇总
目录前言1. 使用 $attrs 和 $listeners 进行多层级的数据和事件传递
2. 实现数据的双向绑定，方便维护数据
使用 .sync 实现 Prop 的“双向绑定”
使用 model 选项
3. 使用 Mi...
2021-08-10
Vue中 Vue.prototype使用详解
目录1. 基本示例
2. 为实例prototype设置作用域
3. 注册和使用全局变量
4. 原型方法的上下文
5. 应用示例
5.1 引入 axios
Vue.prototype、Vue.component和Vue.use区别1、Vu...
2021-08-10
Vue3中watchEffect的用途浅析
前言vue2里面的 watch api 大家应该都挺熟悉的了， vue2中vue实例里面有一个 $watch 方法 在sfc(sigle file component)里面有一个 watch 选项。他可以实现在一个属性变更的时...
2021-08-10
Bootstrap网页布局网格的实现
目录1、Bootstrap网格系统的工作原理1.1 十二栅格系统1.2 Bootstrap 网格系统标签1.3 Bootstrap 网格系统规则2、Bootstrap 网格系统中单元格宽度设置2.1 默认等宽布局2.2...
2021-08-10
Vue导出Excel功能的全过程记录
目录1.前端主导流程：
2. 插件使用及初始化
2.1 借助vue-admin中提供的方法。2.2 安装插件依赖。2.3 回调函数内容如下3.对后台数据进行处理，完成想要的效果3.1 准备一个数...
2021-08-10
前端JavaScript实现本地模糊搜索功能的方法实例
目录一、项目前景
二、涉及知识点
Object.assign()的用法filter()方法indexOf()模糊查询DEMO完整代码如下：总结一、项目前景
随着vue、react在实际开发中应运越来越广泛，前端...
2021-08-10
JS、CSS和HTML实现注册页面
一个用HTML和CSS实现的注册页面模板，废话不多说了，上代码！更新：使用JavaScript实现用户名和密码表单校验功能。代码如下：<!DOCTYPE html><html lang="en"><head> <meta charse...
2021-08-10
详解npm和cnpm混用的坑
目录起因
原因
NPM介绍：
CNPM介绍：
更好的方式
方式改进
有没有遇到过npm和cnpm一起用的时候出现奇奇怪怪的问题呢？ 有没有遇到过cnpm在支付宝小程序上面安装包无效？他们真的只...
2021-08-10
vue轻松实现虚拟滚动的示例代码
目录前言
滚动原理
实现
源代码
参考前言
移动端网页的日常开发中,偶尔会包含一些渲染长列表的场景.比如某旅游网站需要完全展示出全国的城市列表,再有将所有通讯录的姓名按...
2021-08-10
微信小程序实现自动播放视频模仿gif动图效果实例
需求背景：在小程序页面插入gif动态图，但gif图一般体积比较大，转而用自动播放视频的模式来模拟gif图的效果，丰富页面展示。自动播放的视频，无控制条，无声音，自动循环播放。技术难点：...
2021-08-10
微信小程序picker多列选择器(mode = multiSelector)
目录一、效果图（多列）二、普通选择器：mode = selector、多列选择器：mode = multiSelector三、app.json四、picker.wxml五、picker.jsvue-next-admin，这是基于 vue3.x + Compositi...
2021-08-10
JavaScript sleep睡眠函数的使用
目录1.sleep函数
2. setTimeout
3.Promise
4. async await
5. 1s后输出1 2s后输出2 3s后输出3
参考文章：1.sleep函数
JavaScript是单线程运行的，没有内置的sleep函数，现在模拟...
2021-08-10
如何利用JavaScript获取字符串中重复次数最多的字符
目录题目
分析
使用对象
解题思路：代码实现如下：
分析：数组&指针
解题思路：代码实现如下：
分析：
总结
想要保持自己的技术活力，最有效的手段就是通过不断地输入来提供足够的养分。...
2021-08-10
Vue.$set 失效的坑 问题发现及解决方案
偶然在项目中发现Vue.$set失效有这样一个需求 添加数据过滤用 左边是控件选择 中间是条件 右边是值因为会根据控件不同渲染不同的值选项控件 <el-form inline > <el...
2021-08-10
nodejs将JSON字符串转化为JSON对象报错的解决
如何将JSON字符串转化为JSON对象？JSON.parse(str) JSON是javascript的一个内置对象，提供了转换JSON对象与字符串互相转换的方法； 问题来了，道理我都懂可是就是报错！ 这是我...
2021-08-10
Vue路由this.route.push跳转页面不刷新的解决方案
Vue路由this.route.push跳转页面不刷新一、背景介绍：在vue项目开发中，使用路由进行页面跳转时，路由所跳转的页面不进行刷新。也就是vue生命周期函数没有执行(created、mounted...
2021-08-10
vue+iview的菜单与页签的联动方式
vue+iview菜单与页签联动最近在使用vue+iview开发一个后台管理类的系统，希望做一个点击左侧菜单右侧的页签与内容都能相对应的改变。但搞了好久的路由也没有实现这个功能。刚...
2021-08-10
JS实现数组过滤从简单到多条件筛选
目录单条件单数据筛选
单条件多数据筛选
多条件单数据筛选
多条件多数据筛选
知识点1: Object.key() 获取数组索引或者对象属性知识点2: js里的falsy
知识点3: Array.every...
2021-08-10
Vue中插槽和过滤器的深入讲解
目录插槽
什么是插槽？
插槽内容
编译作用域
后备内容
具名插槽
过滤器
概念
语法全局过滤器局部过滤器练习总结插槽
什么是插槽？
概念Vue 实现了一套内容分发的 API，为组件提供...
2021-08-10
浅谈JavaScript中的parseInt()的妙用
起因写这篇博客的起因是今天在刷leetcode的每日一题，是一道字符串转换整数 (atoi)的题，感兴趣的话可以点击题目名称去看一下具体描述。在我多次debug终于成功提交之后，去评论区...
2021-08-10
浅析从面向对象思维理解Vue组件
在多次使用到相同的函数和相同的HTML代码时，可以考虑抽取为组件。想用就调用，想改就传参，就是组件的好处。什么是组件用面向对象的思维去理解Vue组件，可以将所有的事物都抽象为...
2021-08-10
Vue项目打包、合并及压缩优化网页响应速度
目录前言一.请求内容太大
解决方案：CDN引入压缩请求资源一.http请求次数太多
解决方案：总结前言影响网页响应速度的因素有很多，例如：请求内容太大、http请求次数太多、服务器本...
2021-08-10
JavaScript数组reduce()方法的语法与实例解析
前言reduce() 方法接收一个函数作为累加器（accumulator），数组中的每个值（从左到右）开始缩减，最终为一个值。
reduce 为数组中的每一个元素依次执行回调函数，不包括数组中被删除或从...
2021-08-10
关于Vue 消除Token过期时刷新页面的重复提示问题
token过期时，刷新页面，页面如果加载时向后端发起多个请求，会重复告警提示，经过处理，只提示一次告警。1、问题现象  页面长时间未操作，再刷新页面时，第一次弹出“token...
2021-08-10
Ant Design Blazor 组件库的路由复用多标签页功能
最近，在 Ant Design Blazor 组件库中实现多标签页组件的呼声日益高涨。于是，我利用周末时间，结合 Blazor 内置路由组件实现了基于 `Tabs` 组件的 `ReuseTabs` 组件。最近，在 Ant...
2021-08-10
使用vue项目配置多个代理的注意点
在Vue项目的开发过程中,为了本地调试方便，我们通常会在 vue.config.js 中配置 devServer 来在本地启动一个服务器，在这个选项中，我们会配置proxy 属性来将指向到本地的请求（例如...
2021-08-10
基于事件冒泡、事件捕获和事件委托详解
事件冒泡、事件捕获和事件委托在javascript里，事件委托是很重要的一个东西，事件委托依靠的就是事件冒泡和捕获的机制，我先来解释一下事件冒泡和事件捕获：事件冒泡会从当前触发的...
2021-08-10
利用Node.js创建一个密码生成器的全步骤
目录一、 准备工作
二、 编写命令行
2.1 添加版本和描述
2.2 配置密码长度命令
2.2 密码长度添加默认值：82.3 配置保存密码命令2.4 配置密码格式： 没有数字2.5 配置密码格式：...
2021-08-10
Vue拖动截图功能的简单实现方法
拖动鼠标进行页面截图(也可指定区域拖动截图)一、安装html2canvas、vue-croppernpm i html2canvas --save //用于将指定区域转为图片npm i vue-cropper -S...
2021-08-10
一篇文章弄懂ECMAScript中的操作符
目录一元操作符
布尔操作符
乘性操作符
加性操作符
关系操作符
相等操作符
条件操作符
赋值操作符
逗号操作符
总结一元操作符
只能操作一个值的操作符叫做一元操作符递增和...
2021-08-10
iview 权限管理的实现
目录iview-admin2.0自带的权限管理
根据权限控制组件展示
自定义auth指令
自定义auth组件
总结
iview-admin2.0自带的权限管理
iview-admin2.0自带权限管理，可以通过设置路由...
2021-08-10
微信小程序实现简单手写签名组件的方法实例
目录背景：需求：效果一、思路
二、实现
1. 页面与样式
2. 初始化
3. 点击时
4. 签名时
三、总结
背景：在做项目过程中，需要在微信小程序中实现手写签名组件。在网上找了微信小程...
2021-08-10
Vue 两个字段联合校验之修改密码功能的实现
目录1、前言2、方案实现2.1、实现代码2.2、代码说明2.3、校验效果1、前言  本文是前文《Vue Element-ui表单校验规则，你掌握了哪些？》针对多字段联合校验的典型应...
2021-08-10
教你使用vscode 搭建react-native开发环境
问题代码没有提示：
许多刚接触RN开发的非前端同学，都会问“哪个编辑器有智能提示？”。。。而对于前端同学来说，现在的日子已经好很多了，要什么自行车。低级代码错误：
这里的错误...
2021-08-10
Vue3.0中Ref与Reactive的区别示例详析
目录Ref与Reactive
Ref
ReactiveRef与Reactive的区别
shallowRef 与shallowReactive
toRaw ---只修改数据不渲染页面
markRaw --- 不追踪数据toRef --- 跟数据源关联 不修改...
2021-08-10
