JavaScript中文网-JavaScript教程资源分享门户

百度ecahrts和swiper一起使用，loop复制slide导致图表不展示的问题解决

由于老项目用的swiper3，所以这里贴出来的是swiper3的配置项，swiper4的参照下面的稍作修改即可（原理就是通过回调自己手动控制） autoplay: 0, loop: false, onInit: swiper => {...

1 小时前

如何让Element UI的Message消息提示每次只弹出一个

前言 Element UI的Message消息提示是点击一次触发一次的。在开发的时候经常会作为一些校验提示，但是公司的测试人员在进行测试时会一直点，然后就会出现如下图的情况。虽然客户使用的时候一般来说不会出现这种情况（毕竟客户不会闲着没事一...

2 小时前

关于React中的setState

在react中，setState是用以改变class组件状态的函数，它有两种用法：一传入一个updater函数，该函数有两个参数，一个是当前的state，还有一个是当前的props。该函数的返回值需要是一个更改的state值的对象，它将...

3 小时前

Vue中的虚拟DOM及diff算法

虚拟dom 为什么出现：浏览器解析一个html大致分为五步：创建DOM tree –> 创建Style Rules -> 构建Render tree -> 布局Layout –> 绘制Painting。每次对真...

3 小时前

JavaScript—2.操作符

一元操作符一元操作符：就是只能操作一个值的操作符自增和自减操作符自增和自减操作符分两种：前置和后置。前置类型自增 var number = 20; ++number; //等同于 var number = ...

3 小时前

通过实例学习正则表达式

判断邮箱是否正确邮箱正则 /\w+[\w\.]*@[\w\.]+\.\w+/ 测试用例 const regex = /\w+[\w\.]*@[\w\.]+\.\w+/ regex.test(&#x...

3 小时前

Vue源码之Vue实例初始化

这一节主要记录一下：Vue 的初始化过程以下正式开始： Vue官网的生命周期图示表重点说一下 new Vue()后的初始化阶段，也就是created之前发生了什么。 initLifecycle 阶段 export function ...

8 小时前

nginx 适配react-router browserRoute 路由问题

本文环境比较复杂，首先两层nginx转发，并且访问路径也不是根路径。加上对nginx一知半解，各路搜索一看，全程懵逼。最终没有一个能用的。最后还是靠同事帮助，文档大法结束加班。本文知识点：location优先级，nginx资源文件寻找方式，...

9 小时前

π，序曲，第一个reducer

花了很久的时间学习π calculus；天资愚钝至今尚未学明白，好在不影响写代码。任何一种和计算或者编程相关的数学理论，都可以有两种不同的出发点：一种是可以作为基础理论（或计算模型）解释程序员们每天用各种语言写下的代码，它背后的本质是怎样...

9 小时前

前端面试每日 3+1 —— 第130天

今天的知识点 (2019.08.24) —— 第130天项目地址：前端面试每日3+1 【推荐】欢迎跟 jsliang 一起折腾前端，系统整理前端知识，目前正在折腾 LeetCode，打算打通算法与数据结构的任督二脉。GitHub 地址 ...

9 小时前

gitlab-ci 自动化部署vue [详细步骤分解]

起因是:每个服务器都要打包不同的axios的baseURL表示很心累，于是我想偷懒(就是这么直接) 实现过程中还是踩了不少坑的，话不多说，进入正题。有不正确的欢迎指正。服务器系统本地部署gitlab并汉化安装社区版gitlab...

9 小时前

Element-UI中，Switch 开关控件点击事件触发，但Switch状态不切换（角色权限管理功能）

在做这种点击左侧“角色”，右侧对应选中（Switch）已有的权限功能操作时，可能会遇到给某个选中的“角色”赋权限或删除权限时，数据库数据操作成功，但是界面上Switch控件没有表现出对应的状态，很有可能时因为你的“权限列表数据”或“根据角...

9 小时前

vue+Element-ui项目中抽离分页组件（包括前端分页和服务器端分页两种）

在components文件夹中新建分页组件Pagination.vue，代码如下 <template> <el-row> <div class="number"> ...

9 小时前

vue+Element-ui项目中抽离分页组件（包括前端分页和服务器端分页两种）

在components文件夹中新建分页组件Pagination.vue，代码如下 <template> <el-row> <div class="number"> ...

9 小时前

vue传值和事件方式

一、vue的传值方式 1、父向子传递 //child porops:{msg:String} //parent <Helloworld msg="我是传递给child的" &...

9 小时前

南半球被烧了21天！西方政界集体沉默！这是全世界最残忍的一幕

亚马逊雨林大火的新闻吸引了世界的注意人们意识到也许我们正在失去自然的馈赠与庇护文 | 季默存亚马逊雨林大火卫星图彼时，黑灰色浓烟弥漫整个圣保罗市，并陆续笼罩了巴西的朗多尼亚，帕拉和马托格罗索州等。天空一片黑暗，太阳被完全遮挡。白...

19 小时前

用原生js写出一个弹框+遮罩层的页面,完成弹框垂直居中页面且点击弹框外任何区域去掉弹框和遮罩层的功能

背景:Ant官网有个对话框Model组件.如图: 如果哪天不能用框架了,不能用组件了.只能用原生写页面… 现在的我可能要一个页面写一年写了很久很久…时间就不说了… 遇到的最难的问题就是:不知道怎么关闭弹框. 后面还是问了旁边的同事,教我...

19 小时前

JS基础06「数组」

数组是值的有序集合。每个值叫做一个元素，而每个元素在数组中有一个位置，以数字表示，称为索引。 JavaScript 数组是无类型的，数组元素可以是任意类型，并且同一个数组中的不同元素也可能有不同的类型。数组的元素甚至也可能是对象或其他数组。...

19 小时前

JS基础05「对象」

对象是 JavaScript 的数据类型。它将很多值（原始值或者其他对象）聚合在一起，可通过名字访问这些值，因此我们可以把它看成是从字符串到值的映射。对象是动态的，可以随时新增和删除自有属性。对象除了可以保持自有的属性，还可以从一个称为原型...

20 小时前

ES6 class继承与super关键词深入探索

ES6 class 在ES6版本之前，JavaScript语言并没有传统面向对象语言的class写法，ES6发布之后，Babel迅速跟进，广大开发者也很快喜欢上ES6带来的新的编程体验。当然，在这门“混乱”而又精妙的语言中，许多每天出现我...

20 小时前