javascript

一篇文章带你搞懂VUE基础知识

目录 VUE是什么 Vue中的核心插件 Vue Router Vuex axios element-ui Vue前端整体架构 总结 VUE是什么 Vue (读音 /vju/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,...

JavaScript实现星座查询功能 附详细代码

目录 一、题目 二、代码 三、结果 四、总结 一、题目 在文本框中输入一个生日值,点击按钮,可以显示此生日的对应星座。定义一个函数,该函数用来接收一个生日值(月日组成的...

javascript实现双端队列

本文实例为大家分享了javascript实现双端队列的具体代码,供大家参考,具体内容如下 1.双端队列 双端队列是一种允许我们同时从前端和后端添加和移除元素的特殊队列 2.双端队列的应...

vue实现GitHub的第三方授权方法示例

目录 创建OAuth Apps 获取code 获取access_token 获取用户信息 最近在完善我的博客系统,突然想到从原本临时填写 name + email 进行评论改成使用GitHub授权登陆以发表评论。 废话不多说,直接奔...

javascript数据代理与事件详解分析

目录 数据代理与事件 回顾Object.defineProperty方法 何为数据代理 Vue中的数据代理 事件的基本使用 事件的修饰符 键盘事件 数据代理与事件 星光不负赶路人,满身花香蝶自来 回顾Object.d...

微信小程序实现搜索框功能

本文实例为大家分享了微信小程序实现搜索框功能的具体代码,供大家参考,具体内容如下 效果: wxml文件: view class="search_input" navigator url="/pages/search/search" open-type="navigate" class="naviga...

深入聊一聊JS中new的原理与实现

目录 定义 构造函数体不同 无返回值 返回对象 返回非对象 没有属性绑定+返回非对象 构造函数类型不同 构造函数为普通函数 构造函数为箭头函数 手写new 总结 定义 new 运算符创建一个...

如何利用JavaScript实现排序算法浅析

目录 冒泡排序 选择排序 插入排序 总结 冒泡排序 冒泡排序就是重复从序列右边开始比较相邻两个数字的大小,再根据结果交换两个数字的位置。 JavaScript代码实现: 代码简介:声明一个...

JS中for,for...in,for...of和forEach的区别和用法实例

for循环 基本语法格式: for(初始化变量;条件表达式;操作表达式){ 循环体语句; } 普通for循环在Array和Object中都可以使用。for循环中可以使用return、break等来中断循环。 //遍历数组 var arr...

Vue 中为什么不推荐用index 做 key属性值

目录 前言 key 的作用 key 在 diff 算法中的角色 同步头部节点 同步尾部节点 添加新的节点 删除多余节点 最长递增子序列 为什么不要用 index 性能消耗 数据错位 解决方案 总结 前言 前端...

TypeScript环境搭建并且部署到VSCode的详细步骤

目录 TypeScript环境搭建 第一步:下载淘宝镜像 第二步:下载TypeScript 部署到VSCode 先创建一个文件夹tsDemo, 修改tsconfig.json配置 可能会遇到的报错 前言:要想搭建 TypeScript ,那么就要有...

Vue绑定class和绑定内联样式的实现方法

目录 绑定class 绑定内联样式 绑定class 方式一: 对象语法:给 v-bind:class传 一个对象,以动态地切换 class 当对象中某key对应的值为true时,该key做为className被添加到标签上 .box { width: 10...

聊聊vue集成sweetalert2提示组件的问题

目录 一、项目集成 1. 引入方式 CDN引入方式: 2. 确认框封装 3. 提示框封装 4. 确认框使用 5. 消息提示框使用 6.项目效果 一、项目集成 官网链接:https://sweetalert2.github.io 案例 1. 引入方式...

JavaScript Dom对象的操作

目录 一、核心 1、获得Dom节点 2、更新节点 2.1 实战演练 3、删除Dom节点 4、插入节点 4.1 把已有的标签进行插入 4.2 创建一个新的标签,实现插入 4.3 在子节点前插入(insertBefore) 一、核心...

vue中PC端地址跳转移动端的操作方法

需求:pc端和移动端是两个独立的项目,两个项目项目中的内容基本相同,链接组合的方式都有规律可循,接到的需求便是在移动端访问pc端的URL连接时,重定向至移动端对应页面。 这...

nuxt.js 多环境变量配置

目录 1、前言 2、场景 3、创建环境 3.1 注入环境变量 4、最后 1、前言 一般在我们项目开发中,一般会有以下3个环境 开发环境也叫测试环境( test ) RC 环境也叫预发布环境( rc ) 线上环境...

Vue使用Canvas生成随机大小且不重叠圆

目录 canvas 相关文档 效果图展示 案例完整代码 父组件代码 子组件代码 总结 canvas 相关文档 Canvas Api CANVAS速查简表 效果图展示 第一张是 随机颜色随机大小聚合 在一起效果 第二张是 随...

jquery+springboot实现文件上传功能

本文实例为大家分享了jquery+springboot实现文件上传功能的具体代码,供大家参考,具体内容如下 前端 !DOCTYPE htmlhtml lang="zh" head title/title meta charset="utf-8" meta name="viewport" content="width=devic...

js事件委托详解

1、每个函数都是对象,占用内存。内存中的对象越多,性能越差。解决事件处理过多问题的办法是事件委托。 2、事件委托冒泡,只指定一个事件处理程序,就可以管理某一类型的所有...

Echarts实现一张图现切换不同的X轴(实例代码)

效果图 如果大家想实现如下图的效果那么久继续往下看吧,直接上动图! 方法 因为项目需要展示的数据图表比较多我选择的是把每一张图表封装成一个vue组件来引用。 先上一个完整的...

Vue实现无限加载瀑布流

本文实例为大家分享了Vue实现无限加载瀑布流的具体代码,供大家参考,具体内容如下 我做的这个瀑布流放在了一个嵌套页面里,就是类似管理后台的main content中,如果要改成全屏的也...

小程序自定义tabBar组件封装

本文实例为大家分享了小程序自定义tabBar组件封装的具体代码,供大家参考,具体内容如下 1、新建组件:在component下新建一个tabBar 2、组件的index.wxml结构如下: cover-view class="tab-bar"...

JavaScript组合继承详解

目录 1、前言 2、原型链继承 3、构造函数继承 4、组合继承 1、前言 首先学习继承之前,要对原型链有一定程度的了解。 不了解可以去先阅读我另一篇文章,里面对原型链有一个较为详...

JavaScript原型链详解

目录 1、构造函数和实例 2、属性Prototype 3、属性__proto__ 4、访问原型上的方法 5、构造函数也有__proto__ 6、构造函数的原型也有__proto__ 7、Object.prototype这个原型对象很特殊 8、总结 1、构造...

JavaScript中isPrototypeOf函数

目录 1、isPrototypeOf() 示例1,Object类实例: 示例2,自己定义Human类: 示例3,再来看看Object的原型(prototype)是否美国服务器http://www.558idc.com/mg.html是human的原型: 示例4,Object.prototype是...

微信小程序如何保证每个页面都已经登陆详解

目录 现状 解决方案 进一步解决方案 最后 现状 一个微信小程序中,有首页,有个人页面,还有一些列表页面,详情页面等等,这些页面大部分是可以分享的。当分享出去的页面被一个...

JavaScript中时间格式化新思路toLocaleString()

目录 1、时间格式化常规思路 2、时间格式化toLocaleString() 研究 Object 对象的时候,看到了 toLocaleString() 这个方法可以很简单的实现时间格式化。 1、时间格式化常规思路 正常思路是通过...

Javascript使用integrity属性进行安全验证

目录 一、script标签引入文件 1. 引入本地文件 2. 引入远程文件 二、integrity安全验证 1. 引入vue的cdn资源 2. 验证是否正常 一、script标签引入文件 在 html 中, script 标签可以通过 src 属性引...

Json格式详解

目录 一 JSON构建于两种结构: 二 JSON的形式 1.对象 2. 数组 三 值的内容 四 范例 总结 JSON ( JavaScript Object Notation )是一种轻量级的数据交换格式.易于阅读和理解,也易于机器解析和生成.JS...

JavaScript严格模式不支持八进制的问题讲解

关于 JavaScript 严格模式不支持八进制的这个问题,首先我们大家都知道 JavaScript 是可以通过在数字前面加 0 表示八进制, 如下: let i = 011;console.log(i); // 9 但是在严格模式下,这种方式...

浅谈JavaScript浅拷贝和深拷贝

目录 一、直接赋值 二、浅拷贝 三、深拷贝 1. JSON对象的方式 2. 递归复制 网上关于这个话题,讨论有很多了,根据各路情况我自己整理了一下,最后还是能接近完美的实现深拷贝,欢迎...

vue实现单点登录的方式汇总

最近项目停工了,RageFrame的学习暂时告一段落,这一篇给大家分享下有关单点登录的相关知识,并提供一些demo给大家参考,希望对想了解的朋友有一些帮助。 话不多说,先上原理(借...

计算属性和侦听器详情

目录 1、计算属性 1.1 基础例子 1.2 计算属性缓存 vs 方法 1.3 计算属性 vs 侦听属性 1.4 计算属性的 setter 2、侦听器 1、计算属性 模板内的表达式非常便利,但是设计它们的初衷是用于简单...

关于Vue的 watch、computed和methods的区别汇总

防ddos攻击http://www.558idc.com/gfcdn.html 目录 1 前言 2 基础用法 2.1 methods 方法 2.2 computed 计算属性 2.3 watch 侦听器 3 三者的区别 3.1 方法 VS 计算属性 3.2 计算属性 VS 侦听器 1 前言 创建一个Vu...

教你用几十行js实现很炫的canvas交互特效

目录 1.画圆 2.鼠标移动的圆 3.鼠标拖动的粒子 4.颜色渐变的粒子 5.连接的粒子 总结 废话不多说,先上效果图! 本篇文章的示例代码都是抄的一个叫Franks的老外在yutube上的一个教学视频...

关于vue中根据用户权限动态添加路由的问题

根据用户的权限,展示不同的菜单页。 知识点 路由守卫(使用了前置守卫):根据用户角色判断要添加的路由 vuex:保存动态添加的路由 难点 每次路由发生变化时都需要调用一次路由...

用JS写一个发布订阅模式

目录 1 场景引入 2 代码优化 2.1 解决增加粉丝问题 2.2 解决添加作品问题 3 观察者模式 4 经纪人登场 5 发布订阅模式 6 观察者模式和发布订阅模式的对比 什么是发布订阅模式?能手写实...

手写实现JS中的new

目录 1 new 运算符简介 2 new 究竟干了什么事 3 模拟实现 new 运算符 4 补充 预备知识: 了解原型和原型链 了解this绑定 1 new 运算符简介 MDN文档: new 运算符创建一个用户定义的对象类型的...

JS数组去重详情

目录 1 测试用例 2 JS 数组去重4大类型 2.1 元素比较型 2.1.1 双层 for 循环逐一比较(es5常用) 2.1.2 排序相邻比较 2.2 查找元素位置型 2.2.1 indexOf 2.2.2 findIndex 2.3 元素是否存在型 2.3.1 includ...

JavaScript函数柯里化

目录 1 什么是函数柯里化 2 柯里化的作用和特点 2.1 参数复用 2.2 提前返回 2.3 延迟执行 3 封装通用柯里化工具函数# 4 总结和补充 1 什么是函数柯里化 在计算机科学中,柯里化( Curryi...

JavaScript 正则表达式详解

目录 1. 正则表达式创建 2. 使用模式 2.1 使用简单模式 2.2 使用特殊字符 3. 应用 3.1 切分字符串 3.2 分组 3.3 贪婪匹配 3.4 正则表达式标志 3.5 test() 方法 4. 常用正则(参考) 总结 1. 正则表...