目录 0.什么是Module 1.Module 的加载 1.1 方式一 1.2 方式二 2.导出和导入 2.1 一个模块的导出可以被其它模块导入，并访问。 2.2 没有导出，也可以将其导入 2.3 被导入的代码都会执行一遍，...

台湾服务器http://www.558idc.com/tw.html 目录 Vue生命周期介绍和钩子函数 VUE生命周期钩子 Vue生命周期简介 create 和 mounted 相关 update 相关 destroy 相关 总结 Vue生命周期介绍和钩子函数 组件每个...

目录 一、Set去重 二、双重for循环去重 三、利用indexOf去重 四、利用icludes去重 五、filter 六、Map 总结 一、Set去重 function funSet(arr){ return Array.from(new Set(arr)); } 二、双重for循环去重 functi...

本文实例为大家分享了vue大屏展示适配的具体代码，供大家参考，具体内容如下 1.utils文件夹建一个文件cv以下代码 export function useIndex (appRef) { // * appRef指向最外层容器 // * 定时函数 l...

1、forEach()类似于map()，它还将每个元素依次作用于传入函数，但不会返回新的数组。 2、forEach()常用于遍历数组，用于调用数组的每一个元素，并将其传递给回调函数。传输函数不需要...

目录 介绍 routes中对象属性 path: string component : Component | () = import(组件) name: string redirect： string | Location | Function props: boolean | Object | Function alias: string| Array[string] children: Array[RouteConfig]...

目录 前言 静态作用域与动态作用域 静态作用域执行过程 动态作用域执行过程 习题 习题一 习题二 习题三 总结 前言 在文章最开始，先学习几个概念： 作用域：《你不知道的js》中指...

如果你已经在以太坊上开发过DApp，那你在前端JavaScript中可能用过web3.js。Ethers.js则是一个轻量级的web3.js替代品。 与Web3.js相比，Ethers.js有很多优点，其中我最喜欢的一个特性是Ethers.js提...

在开发vue项目中经常需要实现 一个页面里面可以切换着展现不同的组件页面 例如：下图中通过点击侧边栏不同的组件路由到不同的组件页， 而侧边栏和顶部中东服务器http://www.558idc....

javascript获取指针的位置的方法：使用事件对象的pageX和pageY，或者clientX和clientY属性，并且配合scrollLef海外服务器https://www.68idc.cnt和scrollTop属性，这样就可以计算出指针的位置了。 本文...

vue中的store最简单的应用就是全局存储了。 我这里使用了两个组件在相互跳转（ Helloworld.vue 和 twopage.vue ），前者是用来向store中放数据的，后者是从store取数据的。 首先需要安装vuex：...

目录 使用 EsLint的使用 添加配置文件 Prettier的使用 使用husky和lint-staged构建代码 增加setting.json配置 参考资料 本文主要介绍在Vue3中使用TypeScript做开发时，如何安装与配置EsLint和Prettier，...

目录 一、组件的注册 二、组件的使用 三、父传子 四、子传父 五、插槽 六、子组件给插槽传值 总结 一、组件的注册 组件注册需要注意的有五点： 1、data要写成函数，并且用return返回...

目录 1、prototype（显式原型） 2、__proto__（隐式原型） 3、constructor（构造函数） 4、new的原理 5、原型链 5.1 原型链的作用 5.2 构造函数的__proto__是什么呢？ 6、总结 前言： JavaScript 常被描...

目录 列表渲染 key 的原理和作用 key的原理分析 key的作用 总结 列表渲染 key 的原理和作用 key就是为该节点做身份标识，如果对key绑定index的值，那么很容易出现问题： 1.若对数据进行：...

目录 1.什么是闭包？ 1.2 闭包的记忆性：函数能够记住定义时所处的环境 1.3 闭包现象：JS中每次创建函数时都会创建闭包 2.闭包的功能：记忆性、模拟私有变量 2.1 记忆性 2.2 模拟私有变...

目录 概述 前端知识体系 前端三要素 表现层（CSS） 行为层（JavaScript） JavaScript 框架 UI框架 JavaScript 构建工具 三端统一 混合开发（Hybrid App） 微信小程序 后端技术 主流前端框架 Eleme...

title: vue 使用 vue-meta-info 设置每个页面的 title 和 meta 信息 #文章页面上的显示名称，一般是中文 date: 2019-11-20 16:30:16 #文章生成时间，一般不改，当然也可以任意修改 categories: vue #分类...

目录 一、JavaScript的书写位置 二、JavaScript常用的输入输出语句 1.浏览器弹出警告框： 2.浏览器控制台打印输出信息： 3.浏览器弹出输入框，让用户可以输入： 三、变量 1.变量的使用：...

目录 1、源码 1.1 monorepo 1.2 TypeScript 2、性能 2.1 优化源码体积 2.3 Proxy 2.4 Composition API Vue2已经非常优秀，且具备完善的社区和生态，但是Vue3仍然在源码、性能和语法 API 三个大的方面进行...

目录 示例 方式一：delete删除 方式二：解构 补充 总结 Thinking系列，旨在利用10分钟的时间传达一种可落地的编程思想。 业务开发中，我们经常会遇到：基于后端返回接口数据，前端保...

目录 背景 解决思路 新问题 进阶 背景 穿梭框处理大数据量时,由于渲染的 DOM 节点过多，造成页面卡顿的问题。 在尽量不改变组件原有逻辑的前提下，进行优化。 解决思路 懒加载 -...

1、通过“stripslashes($_POST['json']);”方法删除反斜杠。 2、通过“json_decode”对JSON格式的字符串进行解码即可。 通过AJAX传到PHP的json字符串有时候加上反斜杠”\”来转义，PHP处理时需要先...

目录 前言 vue-cli2.0版本 vue-cli3.0版本 总结 前言 使用vue-cli打包项目一般为spa项目，众所周知单页面应用不利于SEO，有ssr(服务端渲染)和预渲染两种解决方案，这里我们只讨论预渲染 vue...

目录 1.学习根据不同的请求路径返回：不同数据 2.发送的数据：数据类型，和什么编码:Content-Type 3.关于读入文件的：相对路径和绝对路径: 4.读图片 1.学习根据不同的请求路径返回：不...

本文实例为大家分享了JS实现百度新闻导航栏效果的具体代码，供大家参考，具体内容如下 最近在学Web前端，用js简单实现了百度新闻导航栏的效果。当鼠标移动到某一选项上方时，会...

本文实例为大家分享了JavaScript实现二级菜单效果的具体代码，供大家参考，具体内容如下 这次实现的效果图如下： 这个二级菜单实现的效果是： 当点击某一个框时，会将已经打开的框...

本文实例为大家分享了JavaScript实现抽奖器效果的具体代码，供大家参考，具体内容如下 这次实现的效果如下图： 所实现的功能是：当每次点击中间的抽奖按钮时，会随机选择一个盒子...

目录 UI设计图 Echarts示例效果 前言 示例代码 最终效果 UI设计图 Echarts示例效果 前言 对于UI给出的设计图，各个气象网站都有类似的效果，实现方式大可归为两种： 网格布局+图表框架绘...

本文实例为大家分享了JavaScript实现鼠标拖拽效果的具体代码，供大家参考，具体内容如下 这次的效果图如下： 我认为这个实验的难点是保持盒子和鼠标的相对位置不变，通过鼠标按下...

本文实例为大家分享了JavaScript实现进度条效果的具体代码，供大家参考，具体内容如下 这次的效果图如下： 这个案例做起来不难，在我练习的时候，新知识点是使用 window.getComputedSt...

本文实例为大家分享了JavaScript实现搜索的数据显示代码，供大家参考，具体内容如下 今天的效果如下： 这个案例的 要点 有两个： 一 是使用CSS显示样式 二 是使用js 比较 输入的内容和...

本文实例为大家分享了JavaScript实现验证码效果的具体代码，供大家参考，具体内容如下 今天的案例，效果如下： 这个案例的实现其实没有很多难点，让我们一起来看看吧~ html和css的实...

目录 1、Vue安装 方式1：CDN引入 方式2：直接下载引入 方式3：npm安装 2、基本使用 前言： Vue (读音/vju/，类似于view) 是一套用于构建前后端分离的框架。刚开始是由国内优秀选手尤雨溪开...

本文实例为大家分享了javaScript实现支付10秒倒计时的具体代码，供大家参考，具体内容如下 效果图 如下： 这个案例其实很简单，只要掌握了js基础中的 onclick 函数以及 定时器 的使用，...

目录 1、计数器的实现 2、实现效果 1、计数器的实现 在页面上简单实现一个计数器： !DOCTYPE htmlhtml lang="en"head meta charset="UTF-8" titleTitle/title script src="../js/vue.js"/script/headbodydiv id="app" h3当...

支付倒计时返回首页案例简介：在首页绑定一个按钮跳转到另一个页面，用到了简单的js语法，getElementsByTagName、location.href等。 index.html 效果图如下: !DOCTYPE htmlhtml lang="en"head meta charset...

JavaScript实现伸缩二级菜单的具体代码，供大家参考，具体内容如下 伸缩二级菜单： 案例说明：效果图如下，一次只能打开一个，打开后，+ 号变 - 。 HTML 代码 !--伸拉列表--style li { /*取...

目录 1、编译器代码格式规范设置 2、vue模板配置 1、编译器代码格式规范设置 通常我们写代码时，代码缩进都是4个空格，但是在前端中，据全球投票统计，建议使用2个空格来进行代码...

目录 一、v-text（v-指令名="变量"，变量需要data提供数值） 二、v-html（可以解析html语法） 三、v-once（只渲染元素和组件一次） 四、v-cloak（防止页面闪烁） 五、v-pre（了解） 六、v-bin...

目录 一、teleport 介绍 1.1、多个 teleport 使用 二、为什么使用 teleport 三、teleport 应用 四、初学者容易遇到的坑 一、teleport 介绍 teleport 传送门组件，提供一种简洁的方式，可以指定它里...

目录 1、香港cn2服务器http://www.558idc.com/st.html基础例子 2、计算属性缓存 vs 方法 3、计算属性的 setter 前言： 一般情况下属性都是放到 data 中的，但是有些属性可能是需要经过一些逻辑计...

目录 1、监听事件 2、传入event参数 3、事件修饰符 案例1：阻止单击事件继续传播 案例2：提交事件不再重载页面 1、监听事件 可以用 v-on 指令监听 DOM 事件，并在触发时运行一些 JavaSc...

本文实例为大家分享了JavaScript实现标签页切换效果的具体代码，供大家参考，具体内容如下 构建主体界面 HTML代码 h1实现标签页的切换效果/h1ul id="tab" lia href=""影视/a/li lia href=""娱乐/...

目录 1、v-if 2、在template上使用v-if 3、用 key 管理可复用的元素 4、v-show 4.1 v-if 对比 v-show 1、v-if 在模板中，可以根据条件进行渲染。条件用到的是 v-if 、 v-else-if 以及 v-else 来组合实现的...

目录 1.购物车案例 2.代码实现 3.总结 1.购物车案例 经过一系列的学习，我们这里来练习一个购物车的案例 需求： 使用 vue 写一个表单页面，页面上有购买的数量，点击按钮+或者-，可以...

本文实例为大家分享了vue实现div高度可拖拽的具体代码，供大家参考，具体内容如下 这里有一个现成的demo，可以实现页面div的拖拽功能，但是和我想要的效果不是很一样，所以说后边...

目录 1.v-model 2.绑定的属性和事件 3.表单元素绑定 3.1 input绑定 3.2 textarea绑定 3.3 checkbox绑定 3.4 radio绑定 3.5 select绑定 4.值绑定 4.1 代码详解 5.修饰符 5.1 .lazy 5.2 .number 5.3 .trim 1.v-model v-mod...

本文实例为大家分享了vue全局实现数字千位分隔符格式的具体代码，供大家参考，具体内容如下 这个是啥意思呢 ？ 就是我们在页面上需要渲染数据的时候，比如 88888，我们需要按照千...

目录 1、什么叫做组件化 2、基本使用 前言： 有时候有一组html结构的代码，并且这个上面可能还绑定了事件。然后这段代码可能有多个地方都被使用到了，如果都是拷贝来拷贝去，很多...