编程开发 - 教程之家

185浏览

0评论

vue项目中使用ts（typescript）入门教程

目录1、引入Typescript2、配置文件webpack配置3、让项目识别.ts4、vue组件的编写data()中定义数据props传值完整代码案例最近项目需要将原vue项目结合ts的使用进行改造，这个...

2022-01-09 20:10:05

146浏览

0评论

json文件书写格式详解

目录 JSON是什么为什么有这个技术JSON 如何使用- 数据格式- 注意事项- JS 内置两个Json方法实例： JSON是什么JSON ( JavaScript Object Notation) ，是一种数据交互格式。为...

2022-01-09 20:10:04

107浏览

0评论

JS深入浅出Function与构造函数

目录 1.概述1.1利用Function构造函数创建函数
1.2Function与Object
2.构造函数2.1自定义否则函数
2.2对象的constructor属性
2.3构造函数与函数
3.Function对象的属性和方...

2022-01-09 20:10:03

118浏览

0评论

一文带你了解vite对浏览器的请求做了什么

目录工作原理：浏览器做的什么事啊宿主文件index.htmlmain.js其他裸模块了解一下预打包服务器做的什么事啊请求首页index.html请求以.js结尾的文件基础js文件对main中的依赖进...

2022-01-09 20:09:59

127浏览

0评论

Linux通过yum命令彻底删除node.js并重新安装

第一步用自带的包管理先删除一次 yum remove nodejs npm -y手动删除残留进入 /usr/local/lib 删除所有 node 和 node_modules文件夹进入 /usr/local/include 删除所...

2022-01-09 20:09:57

94浏览

0评论

jQuery实现全部购物车功能实例

目录一、全选二、增减商品数量三、修改商品小计四、计算总计和总和五、删除商品六、选中商品添加背景七、html 全部核心代码今天是一些购物车的基本功能实现，全选、增减商...

2022-01-09 20:09:56

104浏览

0评论

vue实现网页语言国际化切换

一、基本步骤1：安装 yarn add vue-i18n 在此路径新建一个.js文件：src/lang/index.js后： 2:导入import VueI18n from 'vue-i18n'3:注册import Vue from 'vue'Vue.use(VueI18n...

2022-01-09 20:09:54

86浏览

0评论

一次VUE项目中遇到XSS攻击的实战记录

目录前言发现原因自定义过滤规则总结前言随着互联网的高速发展，信息安全问题已经成为企业最为关注的焦点之一，而前端又是引发企业安全问题的高危据点。在移动互联网时代，前端人...

2022-01-09 20:09:52

94浏览

0评论

tkinter使用js的canvas实现渐变色

目录1. 使用rgb表示颜色2. tkinter canvas组件3. 设置渐变3.1 渐变的原理3.2 实例1总结之前呢，我一直对GUI不是很感兴趣，但是呢，最近由于某些特殊原因，导致不得不用tkinter，需要...

2022-01-09 20:09:51

94浏览

0评论

JavaScript阻止事件冒泡的方法

我们需要注意的是：事件冒泡本身的特性，会带来的坏处，也会带来的好处，在后续的博客我会详细说明。
所以我们在这里将论述一下如何阻止事件冒泡。比如现在有一个子盒子和...

2022-01-09 20:09:50

76浏览

0评论

JS高级ES6的6种继承方式

目录1.原型链继承2.借助构造函数继承3.组合式继承4.原型式继承5.寄生式继承6.寄生组合式继承前言：
继承是面向对象中老生常谈的一个内容，在ECMAScript6之前，JavaScript中的继承...

2022-01-09 20:09:46

88浏览

0评论

JS ES新特性模板字符串

目录1.模板字符串是什么2.多行模板字符串2.1带表达式的模板字符串
3.带标签的模板字符串4.原始字符串5.判断是否包含某字符串5.1includes()方法
5.2startsWith()方法
5.3end...

2022-01-09 20:09:45

94浏览

0评论

javascript之函数进阶详解

目录函数定义方式函数的调用(6种）this指向问题严格模式高阶函数闭包递归：函数里面调用自己，需要有结束条件函数定义方式function fn(){}//命名函数 var fun=function(){}//匿名...

2022-01-09 20:09:44

78浏览

0评论

Vue中的 watch监听属性详情

目录一.watch监听一般数据的变化(数值，字符串，布尔值)1.数值
2.字符串
3.布尔值
二.watch 监听复杂类型数据的变化1.对象
2.数组
3.对象数组
4.对象数组的属性
首先要确认 wa...

2022-01-09 20:09:41

82浏览

0评论

JavaScript之BOM构成和常用事件详解

目录一、BOM2、BOM的构成二、window对象的常用事件1、窗口加载事件2、调整窗口大小事件总结一、BOM1、什么是BOM？BOM（Browser Object Model）即浏览器对象模型，它提供了独立于内...

2022-01-09 20:09:40

70浏览

0评论

详解Vue与VueComponent的关系

下面这个案例复习我们之前学过的原型链的知识点 // 定义一个构造函数 function Demo() { this.a = 1 this.b = 2 } //...

2022-01-09 20:09:37

89浏览

0评论

nodejs与浏览器中全局对象区别点总结

Node.js中，一个.js文件就是一个完整的作用域(module,模块)。因此 var 声明的变量只在当前.js文件中有效,而不是全局有效。而global全局对象是独立于所有的.js(module,模块)...

2022-01-09 20:09:36

74浏览

0评论

微信小程序简洁登录页面的实现(附源码)

目录1.上图2.用户不存在3.上代码1.上图2.用户不存在3.上代码
3.1login.wxml<view class="v1" style="height:{{clientHeight?clientHeight+'px':'auto'}}"> <!-- v2父...

2022-01-09 20:09:34

84浏览

0评论

JS实战面向对象贪吃蛇小游戏示例

目录思考一、贪吃蛇效果图二、贪吃蛇分析2.1 开始游戏功能2.2 运动功能2.2.1 蛇的不同方向的运动2.2.2 键盘控制方向运动功能2.3 吃食物功能2.3.1 食物的产生2.3.2 吃食物的...

2022-01-09 20:09:33

89浏览

0评论

ECMAscript新特性对象介绍

目录1.对象的属性1.1属性表示法
2.计算属性名3.Object 的方法3.1Object.is() 方法
3.2Object.assign()方法
4.super 关键字5.对象的扩展运算符1.对象的属性
1.1属性表示法
E...

2022-01-09 20:09:31

93浏览

0评论

JavaScript实现放大镜详细

目录1、效果图2、实现原理3、总结1、效果图2、实现原理
借助宽高等比例放大的两张图片，结合js中鼠标偏移量、元素偏移量、元素自身宽高等属性完成；左侧遮罩移动Xpx,右侧大图移...

2022-01-09 20:09:30

80浏览

0评论

Vue做一个简单的随机点名册

目录布局部分：<div id="app"> <p>{{result}}</p> <button @click="randomName()">{{txt}}</button> </div>Vue部分： <script> let vm = new Vue({...

2022-01-09 20:09:29

99浏览

0评论

js关闭浏览器时退出账号的处理

目录经典做法问题进一步问题需要注意问题经典做法
众所周知，为了账户安全，用户未主动点击注销系统时，直接关闭浏览器或标签页强制退出系统的方法：// 关闭时调用注销接口window.o...

2022-01-09 20:09:25

83浏览

0评论

Vue中的局部组件介绍

在Vue中我们可以自己定义(注册)局部组件
定义组件名的方式：var ComponentA = { /* ... */ }var ComponentB = { /* ... */ }然后在 components 选项中定义你想要使用的组件：ne...

2022-01-09 20:09:24

193浏览

0评论

使用vue.js 为基础的仿QQ聊天室

目录简介下面是效果演示图：
MChat组件效果图：
IChat组件效果图：
如何安装
使用 npm 安装使用
在main.js中引入如何进行二次开发
方案一：
方案二：
总结简介
这是一款基于 vue.js...

2022-01-09 20:09:23

97浏览

0评论

JavaScript实现优先级队列

目录一、优先级队列介绍二、优先级队列封装一、优先级队列介绍
我们知道，普通的队列插入一个元素，数据会被放在后端，并且需要前面所有的元素都处理完成后才会处理前面的数据。...

2022-01-09 20:09:21

90浏览

0评论

JavaScript严格模式use strict的介绍

目录1.概述1.1严格模式是什么
1.2严格模式的目的
2.开启严格模式2.1全局开启严格模式
2.2局部开启严格模式
3.严格模式中的变量3.1禁止意外创建变量
3.2静默失败转为异常
3....

2022-01-09 20:09:20

81浏览

0评论

JavaScript高级之自定义异常

目录1.概念1.1什么是错误与异常
1.2异常的分类
2.异常处理2.1try...catch语句
2.2finally语句
2.3throw语句
3.Error对象3.1自定义异常类型
前言：
在我们的实际编程中，抛出异...

2022-01-09 20:09:19

93浏览

0评论

JS ES新特性扩展运算符介绍

一、扩展运算符
扩展运算符是三个点... , 允许将一个表达式原地展开，当需要多个参数(比如函数的调用时) 或者多个值(比如数组)它会将其转为用逗号分隔的参数序列。示例代码如...

2022-01-09 20:09:18

176浏览

0评论

手把手教你用Javascript实现观察者模式

目录什么是观察者模式？场景模拟代码实现重构代码总结什么是观察者模式？观察者模式一种设计模式。观察者模式定义了对象间的一种一对多的依赖关系，当一个对象的状态发...

2022-01-09 20:09:16

79浏览

0评论

JavaScript执行机制详细介绍

目录1.进程与线程的概念2.浏览器原理3.同步与异步4.执行栈与任务队列5.事件循环（Event-Loop）6.定时器前言：
不论是工作还是面试，我们可能都经常会碰到需要知道代码的执行顺序的...

2022-01-09 20:09:14

89浏览

0评论

vue使用计算属性完成动态滑竿条制作

布局部分：<div id="slider">  <label for="range" :style="{'color':getHappinessColor}">情...

2022-01-09 20:09:13

127浏览

0评论

Vue中路由守卫的具体使用

目录1.全局守卫1.1 全局前置守卫1.2 全局后置路由守卫1.3 整合2. 路由独享的守卫3.组件内的守卫作用：对路由进行权限控制分类：全局守卫、独享守卫、组件内守卫1.全局守卫1.1...

2022-01-09 20:09:11

108浏览

0评论

javascript内嵌式与外链式的基本应用方式

目录javascript内嵌式与外链式基本应用JavaScript的三种书写方式：行内式、内嵌式、外链式1、行内式2、内嵌式3、外链式javascript内嵌式与外链式基本应用js语言可以完全放在h...

2022-01-09 20:09:10

103浏览

0评论

详解vue页面状态持久化详解

目录代码：补充：总结需求：左树右表。组织树选中某一节点后，进入详情页面，再返回时需要保持选中。其他查询条件也需要保持状态。思路：用vuex结合localStorage缓存数据。点击树节点或...

2022-01-09 20:09:09

97浏览

0评论

JS ES新特性之变量的解耦赋值

目录1.数组的解耦赋值1.1数组解耦赋值是什么
1.2数组解耦赋值失败
1.3不完全解耦赋值
1.4默认值
1.5数组解耦赋值的复杂情况
2.对象的解耦赋值2.1对象解耦赋值的特殊情况
2....

2022-01-09 20:09:08

118浏览

0评论

关于Vue中使用alibaba的iconfont矢量图标的问题

网上有很多引入方法，官方也给出了三种引入方法，但是大多数人引入后都不会显示，或者是不能自定义样式，下面这种方法不会存在上面的那些问题，是目前最好的引入方式。1、网址阿里巴...

2022-01-09 20:09:07

86浏览

0评论

一文带你了解JavaScript基础之深拷贝和浅拷贝

目录浅拷贝深拷贝补充总结拷贝（又名克隆，复制等），但是又分深拷贝和钱拷贝。其实这个问题有时候想通了就很简单，如果想不通可能会有点绕，不过其难度比闭包等好理解的多。为什么又这...

2022-01-09 20:09:05

136浏览

0评论

Vue中的计算属性介绍

目录1、什么是计算属性2.计算属性的语法3.举例1、什么是计算属性模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维...

2022-01-09 20:09:03

107浏览

0评论

vue关闭浏览器退出登录的实现示例

目录1、beforeunload事件2、unload事件3、源码部分项目需要：也在网上找了不少类似的文章，不过用起来多少有点问题，毕竟要适合自己的需求，我这里是vue3适用，理论上vue2也可以...

2022-01-09 20:09:02

76浏览

0评论

JavaScript数据扁平化详解

目录什么是扁平化递归tostringreduceundercore_.flatten_.union_.difference总结什么是扁平化数组的扁平化，就是将一个嵌套多层的数组 array (嵌套可以是任何层数)转换为只有...

2022-01-09 20:09:01

90浏览

0评论

Vue中使用计算属性的知识点总结

计算属性
有些时候，我们在模板中放入了过多的逻辑，从而导致模板过重，且难以维护。例如：<div id="app"> {{ message.split('').reverse().join('') }}</div>碰到这样的情况，我们...

2022-01-09 20:09:00

89浏览

0评论

JavaScript函数的使用详解

目录1. 声明函数2. 调用函数3. 函数的参数4. 函数的返回值5. arguments的使用6. 函数可以调用另外一个函数7. 函数的两种声明方式总结1. 声明函数2. 调用函数3. 函数的参数4...

2022-01-09 20:08:59

110浏览

0评论

ECMAscrip新特性函数介绍

目录1.函数参数的默认值1.1函数参数指定默认值
1.2与解耦赋值配合使用
1.3函数参数的作用域
2.rest参数3.箭头函数3.1什么是箭头函数
3.2箭头函数的注意事项
4.函数的尾调用...

2022-01-09 20:08:57

87浏览

0评论

jquery+swiper组件实现时间轴滑动年份tab切换效果

实现效果：实现代码：需要配合swiper组件使用Swiper基础演示地址：https://www.swiper.com.cn/demo/index.htmlHTML:<div class="swiper-container box"> <div class="swiper-w...

2022-01-09 20:08:55

108浏览

0评论

vue中的生命周期及钩子函数

目录1.什么是生命周期2.vue 的生命周期3.生命周期钩子函数1.什么是生命周期Vue 实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载 Dom、渲染 → 更新...

2022-01-09 20:08:52

113浏览

0评论

nodejs 全局变量和全局对象知识点及用法详解

1、全局对象所有模块都可以调用1）global：表示Node所在的全局环境，类似于浏览器中的window对象。2）process：指向Node内置的process模块，允许开发者与当前进程互动。例如你在DOS或终...

2022-01-09 20:08:51

84浏览

0评论

JS 中Json字符串+Cookie+localstorage

目录1.Json字符串1.1Json语法
1.2举例
2.Cookie2.1怎么用？
3.Localstorage3.1基本使用
3.2案例（记住用户名和密码）
1.Json字符串
Json主要用于前后端交互，是一种数据格式，相较于X...

2022-01-09 20:08:49

106浏览

0评论

js中的循环方式及各种遍历的方法

目录for循环while循环 do-while循环循环的嵌套遍历方法for - infor - offor循环　 1、for有三个表达式：①声明循环变量；②判断循环条件；③更新循环变量；三个表达式之间，用;...

2022-01-09 20:08:48

98浏览

0评论

JavaScript定时器原理详解

目录一、 setTimeout() 定时器二、停止 setTimeout() 定时器三、setInterval() 定时器四、清除setInterval() 定时器五、电子时钟案例前言：在很多页面中，我们都可以看到一些倒...

2022-01-09 20:08:46

热门文章