84浏览

0评论

Vue源码探究之虚拟节点的实现

页面初始化的所有状态都准备就绪之后，下一步就是要生成组件相应的虚拟节点—— VNode 。初次进行组件初始化的时候， VNode 也会执行一次初始化并存储这时创建好的虚拟节点对象...

• 2020-05-27

97浏览

0评论

详解JavaScript的内存空间、赋值和深浅拷贝

JavaScript的内存空间在JavaScript中，每一个数据都需要一个内存空间。内存空间分为两种，栈内存（stack）与堆内存（heap）栈是系统自动分配的内存空间，由系统自动释放，堆则是动态分配的...

• 2020-05-27

95浏览

0评论

js的继承方法小结（prototype、call、apply）（推荐）

js的原型继承 -- prototype先说下什么是prorotype？ js中，俗话说“一切皆对象”。用new 出来的都是函数对象；否则就是普通对象 函数对象都有prototype（原型对象）；而普通对象则只...

• 2020-05-27

377浏览

0评论

在Vue项目中使用jsencrypt.js对数据进行加密传输的方法

项目需求中需要对用户登录时的密码进行加密，在网上查询些许文章后，最终与后端协商使用jsencrypt.js。jsencrypt.js的github地址： https://github.com/travist/js...使用yarn安...

• 2020-05-27

99浏览

0评论

详解Vue路由自动注入实践

什么是路由自动注入路由自动注入概念学习自nuxt,我们不需要在 router.js 中每次手动输入代码引入模块而是自动根据 文件目录格式 生成 router.js我们把这个功能独立成一个 w...

• 2020-05-27

108浏览

0评论

Angular Excel 导入与导出的实现代码

前言
本文基于 angular v7.2.7，初次编写于2019-4-17。虽然代码是基于angular 7.2.7，但是语法是基于 angular 4.X 以上均可使用 。在项目开发过程中，我们经常需要跟后端进行文件...

• 2020-05-27

104浏览

0评论

基于vue-cli、elementUI的Vue超简单入门小例子（推荐）

这个例子还是比较简单的，独立完成后，能大概知道vue是干嘛的，可以写个todoList的小例子。开始写例子之前，先对环境的部署做点简单的介绍，其实和Vue官方的差不多。#如若没有安装过v...

• 2020-05-27

93浏览

0评论

详解Vue 全局变量，局部变量

局组件和局部组件1.先定义组件 Vue.component('组件名', { 组件模板对象 })注意: 组件名不要使用原生的标签名, 若组件名定义时用的是驼峰命名法, 则调用时用中划线分割后...

• 2020-05-27

198浏览

0评论

vue模式history下在iis中配置流程

1.npm run build生成代码加密2.在iis添加网站定位到dist文件下第三步第四步配置是www.baidu.com/home一直重新刷新会出现404问题3.安装URL重写https://www.iis.net/download...

• 2020-05-27

109浏览

0评论

11个教程中不常被提及的JavaScript小技巧（推荐）

1、过滤唯一值Set类型是在ES6中新增的，它类似于数组，但是成员的值都是唯一的，没有重复的值。结合扩展运算符（...）我们可以创建一个新的数组，达到过滤原数组重复值的功能。const ar...

• 2020-05-27

96浏览

0评论

在element-ui的select下拉框加上滚动加载

在项目中，我们需要运用到很多来自后端返回的数据。有时是上百条，有时甚至上千条。如果加上后端的多表查询或者数据量过大，这就导致在前端的显示就会及其慢，特别是在网络不好的...

• 2020-05-27

106浏览

0评论

javascript数据类型中的一些小知识点（推荐）

1. undefined 和 nullundefined是一个变量而不是一个关键字，所以可以被重新赋值。为了避免歧义，一般推荐用void 0 来获取undefined；null是一个关键字，所以可以放心地使用null。U...

• 2020-05-27

122浏览

0评论

Vue自定义全局Toast和Loading的实例详解

如果我们的Vue项目中没有用到任何UI框架的话，为了更好的用户体验，肯定会用到loading和toast。那么我们就自定义这两个组件吧。1、Toast组件首先，在common下新建global文件夹，存...

• 2020-05-27

81浏览

0评论

Vue 进阶之路（三）

之前的文章我们已经对 vue 有了初步认识，这篇文章我们通过一个例子说一下 vue 的方法 methods，计算属性 compited 和监听器 watch。现在我们有一个需求，变量 firstName = "hell...

• 2020-05-27

108浏览

0评论

Node.js对MongoDB进行增删改查操作的实例代码

MongoDB简介MongoDB是一个开源的、文档型的NoSQL数据库程序。MongoDB将数据存储在类似JSON的文档中，操作起来更灵活方便。NoSQL数据库中的文档(documents)对应于SQL数据库中...

• 2020-05-27

218浏览

0评论

详解Vue中的scoped及穿透方法

scoped的由来css一直有个令人困扰的作用域问题：即使是模块化编程下，在对应的模块的js中import css进来，这个css仍然是全局的。为了避免css样式之间的污染，vue中引入了scoped这个...

• 2020-05-27

94浏览

0评论

Vue的H5页面唤起支付宝支付功能

目前项目中比较常用的第三方支付无非就是支付宝支付和微信支付。下面介绍一下Vue中H5页面如何使用支付宝支付。其实很简单的，只不过是调自己后台的一个接口而已（后台根据支付...

• 2020-05-27

119浏览

0评论

基于vue实现滚动条滚动到指定位置对应位置数字进行tween特效

实现目标浏览各大云平台，发现一个页面特效使用较为频繁，以“百度云”为例（https://cloud.baidu.com/），进入百度云后，当滚动条滚动至“更可靠的数据支持”模块时，页面数据将会开始滚...

• 2020-05-27

121浏览

0评论

vue.js高德地图实现热点图代码实例

1.在index.html引入高德地图JSAPI <script src="https://webapi.amap.com/maps&#63;v=1.3&key=xxx"></script>2.地图dom<div class="map-container"> <div id="container"...

• 2020-05-27

98浏览

0评论

详解JavaScript中关于this指向的4种情况

对很多前端开发者来说，JavaScript语言的this指向是一个令人头疼的问题。先看下面这道测试题，如果你能实现并解释原因，那本文对你来说价值不大，可以直接略过。**开篇测试题：**尝试...

• 2020-05-27

102浏览

0评论

微信小程序 setData 对 data数据影响问题

我是纯前端的，有些时候没有后端接口，只能模拟一些数据来操作。偶然之下，发现了setdata 的一些机制，也有可能不对，请多指教。先放结论：data的变量通过setdata绑在一起，是同步变化的...

• 2020-05-27

122浏览

0评论

详解vue的数据劫持以及操作数组的坑

TL;DR给data添加新属性的时候vm.$set(vm.info,'newKey','newValue')
data上面属性值是数组的时候，需要用数组的方法操作数组，而不能通过index或者length属性去操作数组，因为监...

• 2020-05-27

96浏览

0评论

Vue组件系列开发之模态框

项目基础工程文件是使用vue-cli3.0搭建的,这里不过多介绍。开发Vue组件系列之模态框,主要有标题、内容、定时器、按钮文案、按钮事件回调、遮罩层这些可配置项。本次开发得...

• 2020-05-27

98浏览

0评论

vue axios封装及API统一管理的方法

在vue项目中，每次和后台交互的时候，经常用到的就是axios请求数据，它是基于promise的http库，可运行在浏览器端和node.js中。当项目越来越大的时候，接口的请求也会越来越多，怎么去管...

• 2020-05-27

111浏览

0评论

Vue-input框checkbox强制刷新问题

　　在引用input框的checkbox属性时，选中后会出现数据已经刷新，checkbox选中状态不会改变。这时在事件触发后可以调用this.$forceUpdate()，强制刷新页面解决这个问题。　input...

• 2020-05-27

84浏览

0评论

this.$toast() 了解一下？

前言在平时的开发过程中，我们总是先写好一个组件，然后在需要的页面中用 import 引入即可，但如果是下面这种类型的组件呢&#128071;上面这种类型的浮层提示有一个很大的特点，就是...

• 2020-05-27

117浏览

0评论

vue router导航守卫（router.beforeEach()）的使用详解

导航守卫 导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中：全局的, 单个路由独享的, 或者组件级的。（记住参数或查询的改变并不会触发进...

• 2020-05-27

96浏览

0评论

详解vue中使用微信jssdk

首先，确保你安装了weixin-js-sdk。如果还没有安装 npm install weixin-js-sdk在页面中 import wx from 'weixin-js-sdk';接下来，就需要在mounted里面进行wx.config()了。由于...

• 2020-05-27

112浏览

0评论

vue cli使用融云实现聊天功能的实例代码

先看下vue-cli的使用 1：安装node2：npm i vue-cli -g　　npm install --global vue-cli3：vue list 可以查看模板4：选择一个模板，初始化项目，例如vue init webpack myPro5：cd myPro...

• 2020-05-27

109浏览

0评论

详解如何在Vue项目中导出Excel

Excel 导出Excel 的导入导出都是依赖于js-xlsx来实现的。在 js-xlsx的基础上又封装了Export2Excel.js来方便导出数据。使用由于 Export2Excel不仅依赖js-xlsx还依赖file-sav...

• 2020-05-27

111浏览

0评论

浅谈Javascript中的对象和继承

Javascript是一门函数式编程语言，Javascript当中函数是核心，在Javascript中函数也是对象，函数对象在创建的时候会被添加属性和方法。在Javascript中函数对象有两种调用方式，一种...

• 2020-05-27

107浏览

0评论

vue中使用vue-cli接入融云实现即时通信

本人傻逼GOU，近日公司要开发一款移动app，要用vue结合webpack+es6搭建的项目开发，需要用到融云的即时通信功能，本人找遍了度娘，发现这类型的文章很少，我也是费了不少时间才弄明...

• 2020-05-27

134浏览

0评论

详解vue-cli+es6引入es5写的js(两种方法)

学习了vue有一段日子了，vue+es6开发非常好用，vue的插件非常多，很充足，但是还是会用到引入第三方外部js的时候，但是很多人在vue-cli中的.vue文件引入es6会出很多错误，因为我们的代...

• 2020-05-27

161浏览

0评论

Vue Cli 3项目使用融云IM实现聊天功能的方法

介绍：前台使用vue开发的单页面，后台使用ant design pro单页面，实现手机端和后台聊天功能。
效果如图(PC+移动)：一、申请融云账号（token、appKey）
建议先看教程：sdk使用介绍
过一遍...

• 2020-05-27

126浏览

0评论

Bootstarp在pycharm中的安装及简单的使用方法

一.安装首先打开Bootstarp的官网： https://v3.bootcss.com下载完成后，解压压缩包，把解压后的文件导入pycham中
在HTML页面中的style中导入bootstrap的css文件和js文件，建议导入m...

• 2020-05-27

112浏览

0评论

基于javascript的拖拽类封装详解

效果图如下github地址如下： github地址使用方法引入js和对应的cssimport Drag from '../../static/dragger.js'import './assets/css/dragger.css'之后，实例化new Drag({ id:...

• 2020-05-27

101浏览

0评论

一个Java程序猿眼中的前后端分离以及Vue.js入门(推荐)

松哥的书里边，其实有涉及到 Vue，但是并没有详细说过，原因很简单，Vue 的资料都是中文的，把 Vue.js 官网的资料从头到尾浏览一遍该懂的基本就懂了，个人感觉这个是最好的 Vue.js 学习...

• 2020-05-27

113浏览

0评论

详解keep-alive + vuex 让缓存的页面灵活起来

引入在使用vue + vue-router开发SPA的时候，有没有遇到过这样的情况：当我们在列表页和详情页之间切换的时候，如果列表页不做缓存，会导致每次从详情页返回时，列表页都会重新加载。...

• 2020-05-27

121浏览

0评论

vue组件之间的数据传递方法详解

（1）props属性：在父组件中，可以通过子组件标签属性的形式将数据或者函数传给子组件，子组件通过props去读取父组件传过来的数据用法父组件传数据给子组件： 一般的属性值都是用来给...

• 2020-05-27

122浏览

0评论

vue项目打包上传github并制作预览链接（pages）

当Vue项目完成后，在根目录下打开命令行，输入命令：npm run build实际上此命令就是执行build.js文件，将项目打包成静态资源。此命令完成后，项目根目录下会多出一个dist文件夹，dist文...

• 2020-05-27

98浏览

0评论

如何根据业务封装自己的功能组件

查询回显input的封最近有幸在做一个管理系统采用的是vue+element-ui, 表单页面非常多, 而且都出奇的大,在多页面开发的时候做大表单的优缺点我大概先说一下, 我们的任务是,...

• 2020-05-27

102浏览

0评论

js module大战

JS本身是一个多才多艺的语言，一个可以用自己编译自己的自由度极高的语言。正因为这份自由，出现了天花乱坠的规范与框架们，其中最基础的一块便是Module。来来来，baby们，做个小测试...

• 2020-05-27

118浏览

0评论

读懂CommonJS的模块加载

叨叨一会CommonJSCommon这个英文单词的意思，相信大家都认识，我记得有一个词组common knowledge是常识的意思，那么CommonJS是不是也是类似于常识性的，大家都理解的意思呢？很明显不...

• 2020-05-27

97浏览

0评论

AjaxFileUpload.js实现异步上传文件功能

做软工作业时，需要实现无刷新异步上传图片到服务器，于是想利用Ajax：得到file的val，再post过去…等真正实现的时候才发现，根本行不通。于是翻来翻去找到一个封装好的js插件，可以实...

• 2020-05-27

107浏览

0评论

ajaxfileupload.js实现上传文件功能

使用ajaxfileupload.js实现上传文件功能一、ajaxFileUpload是一个异步上传文件的jQuery插语法：$.ajaxFileUpload([options])options参数说明：1、url　　　　　　　　　　 上传...

• 2020-05-27

120浏览

0评论

详解vue使用$http服务端收不到参数

老夫子我正在憋方案书，听到身后传来细软的声音：“李哥，我这有个Bug调了很长时间了，您能帮我看一下吗？”。说这话的是我的好朋友，公司新来的前端小妹伊万卡。我起身向她走去，看到因...

• 2020-05-27

119浏览

0评论

详解Vue+Element的动态表单，动态表格（后端发送配置，前端动态生成）

动态表单生成ElementUI官网引导Element表单生成
Element动态增减表单,在线代码关键配置 template中,form和form-item的写法和绑定 data里的值为空 methods中，向后台获取数...

• 2020-05-27

106浏览

0评论

vue路由对不同界面进行传参及跳转的总结

最近在做一个公众号的商城项目，主要用的VUE+MUI，其实今天这个点对于有过项目经验的前端工作者来说是最基础的，但也是必须要掌握的，今天小编主要是记录下传参和跳转的一些总结（仅...

• 2020-05-27

122浏览

0评论

函数式编程入门实践（一）

在文章之前，先和大家讲一下对于函数式编程（Functional Programming, aka. FP）的理解（下文我会用FP指代函数式编程）： FP需要保证函数都是纯净的，既不依赖外部的状态变量，也不产生副...

• 2020-05-27

101浏览

0评论

详解key在Vue列表渲染时究竟起到了什么作用

Vue2+采用diff算法来进行新旧vnode的对比从而更新DOM节点。而通常在我们使用v-for这个指令的时候，Vue会要求你给循环列表的每一项添加唯一的key，那么这个key在渲染列表时究竟...

• 2020-05-27