60浏览

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

54浏览

0评论

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

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

• 2020-05-27

44浏览

0评论

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

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

• 2020-05-27

64浏览

0评论

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

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

• 2020-05-27

49浏览

0评论

Vue组件系列开发之模态框

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

• 2020-05-27

47浏览

0评论

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

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

• 2020-05-27

46浏览

0评论

Vue-input框checkbox强制刷新问题

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

• 2020-05-27

40浏览

0评论

this.$toast() 了解一下？

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

• 2020-05-27

57浏览

0评论

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

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

• 2020-05-27

38浏览

0评论

详解vue中使用微信jssdk

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

• 2020-05-27

53浏览

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

56浏览

0评论

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

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

• 2020-05-27

54浏览

0评论

浅谈Javascript中的对象和继承

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

• 2020-05-27

52浏览

0评论

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

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

• 2020-05-27

53浏览

0评论

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

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

• 2020-05-27

95浏览

0评论

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

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

• 2020-05-27

63浏览

0评论

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

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

• 2020-05-27

54浏览

0评论

基于javascript的拖拽类封装详解

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

• 2020-05-27

54浏览

0评论

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

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

• 2020-05-27

54浏览

0评论

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

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

• 2020-05-27

64浏览

0评论

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

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

• 2020-05-27

57浏览

0评论

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

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

• 2020-05-27

51浏览

0评论

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

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

• 2020-05-27

52浏览

0评论

js module大战

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

• 2020-05-27

65浏览

0评论

读懂CommonJS的模块加载

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

• 2020-05-27

48浏览

0评论

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

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

• 2020-05-27

61浏览

0评论

ajaxfileupload.js实现上传文件功能

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

• 2020-05-27

64浏览

0评论

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

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

• 2020-05-27

59浏览

0评论

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

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

• 2020-05-27

59浏览

0评论

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

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

• 2020-05-27

44浏览

0评论

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

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

• 2020-05-27

45浏览

0评论

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

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

• 2020-05-27

67浏览

0评论

详解JavaScript的数据类型以及数据类型的转换

基本数据类型字符串型数据在JavaScript中，字符串型数据是用引号括起来的文本字符串。
在JavaScript中不区分“字符”和“字符串”，字符也被当做字符串处理。在字符串中可以包...

• 2020-05-27

58浏览

0评论

优雅地使用loading(推荐)

前言 不知道从什么时候开始有了写博客的想法，奈何自己的知识储备还很薄弱，迟迟无法下笔。这是我的第一篇博客，算是记录一下自己学习前端以来的一些知识吧。如有错漏，恳请指出，您...

• 2020-05-27

54浏览

0评论

Node.js折腾记一：读指定文件夹，输出该文件夹的文件树详解

前言用来干什么：想干嘛干嘛
为什么写：写来玩，学习node.js文件系统相关api；树结构这种东西还是挺不错的，会用会造才是真的会
用了什么： fs.readdir(dir), fs.stat(dir).isFile(), p...

• 2020-05-27

42浏览

0评论

详解Vue中组件的缓存

之前在《Vue一个案例引发的动态组件与全局事件绑定总结》这篇文章中简单提到过组件的缓存。当时只是简单的提供了一个解决问题的思路，并没有说到多少组件缓存的东西，今天我们...

• 2020-05-27

64浏览

0评论

今天，小程序正式支持 SVG

今天，小程序正式支持 SVG写在前面经过腾讯 Omi 团队的努力，今天你可以在小程序中使用 Cax 引擎高性能渲染 SVG！SVG 是可缩放矢量图形(Scalable Vector Graphics)，基于可扩展标记...

• 2020-05-27

51浏览

0评论

js实现web调用摄像头 js截取视频画面

本文实例为大家分享了JS实现截取视频画面的具体代码，供大家参考，具体内容如下Html<p> <button onclick="openMedia()">打开</button> <button onclick="closeMedia()">关闭</b...

• 2020-05-27

73浏览

0评论

vue 项目build错误异常的解决方法

在生成vue项目的时候，出现如下错误ERROR in static/js/index.d66d806fcdd72b36147b.js from UglifyJs
Unexpected token: punc (() [src/components/Hello.vue:26,0][static/...

• 2020-05-27

72浏览

0评论

Vue.js + Nuxt.js 项目中使用 Vee-validate 表单校验

vee-validate 是为 Vue.js 量身打造的表单校验框架，允许您校验输入的内容并显示对应的错误提示信息。它内置了很多常见的校验规则，可以组合使用多种校验规则，大部分场景只需要...

• 2020-05-27

67浏览

0评论

详解Vue中使用Axios拦截器

需求是拦截前端的网络请求和相应。废话不多说，直接上干货。我用的是vue-cli3所以这个config文件是我自己创建的。先介绍env.js//根据不同的环境更改不同的baseUrllet baseUrl...

• 2020-05-27

75浏览

0评论

说说如何利用 Node.js 代理解决跨域问题

前后端分离，经常会出现跨域访问被限制的问题。跨域访问限制是服务端出于安全考虑的限制行为。即只有同域或者指定域的请求，才能访问。这样还可以防止图片被盗链。服务端（比如 N...

• 2020-05-27

78浏览

0评论

关于vue-cli 3配置打包优化要点（推荐）

配置路由懒加载,封装了异步组件引入的方法,接收一个地址做参数/** * 返回异步组件 * @tips 请注意页面只能挂载在views文件下,非此路径请勿使用 */const AsyncComponentHook...

• 2020-05-27

104浏览

0评论

Angular中使用ng-zorro图标库部分图标不能正常显示问题

在ng-alain中，使用ng-zorro图标库，发现部分能正常显示，部分并不能显示，在控制台同时发现出错报错。ERROR Error: [@ant-design/icons-angular]: the icon redo-o does not exist...

• 2020-05-27

89浏览

0评论

使用 vue 实例更好的监听事件及vue实例的方法

文章举例说明一下在 vue 中如何更好的监听浏览器事件。原文介绍了一种新增 vue 实例的方法，单独监听事件。这样代码书写较为简练，容易管理。当监听如下事件的传统做法是： wind...

• 2020-05-27

101浏览

0评论

详解Node.js一行命令上传本地文件到服务器

现在存在的问题每次打包完, 都要打开 FileZilla 一顿拖拽然后才能上传代码, 那就立马撸一个自动化脚本就完事了publish-sftpGithub 传送门(顺便来骗个Star) 以后一行命令上...

• 2020-05-27

65浏览

0评论

详解Vue 匿名、具名和作用域插槽的使用方法

Vue 中的插槽在开发组件的过程中其实是非常重要并且好用的。Vue 的插槽也没有说很难使用，这篇文章简明扼要的介绍了三种插槽的用法。匿名插槽子组件定义 slot 插槽，但并未具名...

• 2020-05-27

59浏览

0评论

Vue匿名插槽与作用域插槽的合并和覆盖行为

Vue 测试版本：Vue.js v2.5.13Vue 文档：<slot> 元素可以用一个特殊的特性 name 来进一步配置如何分发内容。多个插槽可以有不同的名字。具名插槽将匹配内容片段中有对应 slot...

• 2020-05-27

74浏览

0评论

详解50行代码，Node爬虫练手项目

First项目地址：Crawler-for-Github-Trending项目中基本每一句代码都写有注释(因为就这么几行&#128514;)，适合对Node爬虫感兴趣的同学入入门。Introduction50 lines, minimalis...

• 2020-05-27

67浏览

0评论

浅析vue插槽和作用域插槽的理解

插槽：插槽，也就是slot，是组件的一块HTML模板，这块模板显示不现实、以及怎样显示由父组件来决定。插槽模板是slot，它是一个空壳子，因为它显示与隐藏以及最后用什么样的html模板显示...

• 2020-05-27