vue 集成 vis-network 实现网络拓扑图的方法

vis.js 网站https://visjs.org/vs code 下安装命令npm install vis-network在vue 下引入 vis-network组件const vis = require("vis-network/dist/vis-network.min.js");...

vue 集成jTopo 处理方法

jTopo 帮助说明网站http://www.jtopo.com/index.html使用例子:http://www.jtopo.com/demo/helloworld.html不建议直接安装 github 上的代码,因为代码版本不是最新,有部分功能未...

更优雅的微信小程序骨架屏实现详解

一、演示二、说明:
实现思路:需要默认数据,这样才能完美应对list,wx:if的情况,及flex宽度靠内容撑开的样式。
替换思路:和imageLoader加载器类似:先展示默认图片,拿到数据之后显示...

Vue+Typescript中在Vue上挂载axios使用时报错问题

在vue项目开发过程中,为了方便在各个组件中调用axios,我们通常会在入口文件将axios挂载到vue原型身上,如下:
main.tsimport Vue from 'vue'import axios from './utils/http'Vue...

element-ui中Table表格省市区合并单元格的方法实现

本文介绍了element-ui中Table表格省市区合并单元格的方法实现,分享给大家,具体如下:效果如图
代码如下:<template> <div> <el-form :inline="true" :model="formInline" clas...

详解Element-UI中上传的文件前端处理

Element-UI对于文件上传组件的功能点着重于文件传递到后台处理,所以要求action为必填属性。但是如果需要读取本地文件并在前端直接处理,文件就没有必要传递到后台,比如在本地打...

js如何实现元素曝光上报

进行数据上报的时候,经常会遇到列表数据曝光上报的问题,只对在当前可视范围内的数据内容进行曝光上报,而对于未在可视范围内的数据不进行曝光上报,等待用户滚动页面或者区域使元...

微信小程序云函数使用mysql数据库过程详解

前言小程序云开发的功能是越来越强大了,现在小程序云开发可以直接借助云函数来链接mysql数据,操作mysql数据库了,今天就来给大家讲一讲如何使用小程序云开发的云函数来操作mysq...

使用ThinkJs搭建微信中控服务的实现方法

本人前端渣渣一枚,这篇文章是第一次写,如果有硬核bug,请大佬们轻喷、指出... 另外,本文不涉及任何接口安全、参数校验之类的东西,默认对调用方无脑级的信任:joy: 目前自用的接口...

javascript实现blob加密视频源地址的方法

一、HTML代码:
<video id="my-video" class="video-js" playsinline controls preload="auto" controlslist="nodownload" controlslist="nofullscreen" width="100%" heigh...

Vue指令之 v-cloak、v-text、v-html实例详解

v-cloak当用户频繁刷新页面或网速慢时,页面未完成 Vue.js 的加载时,导致 Vue 来不及渲染,这就会导致在浏览器中直接暴露插值(表达式),Vue由此也给出了解决方法。
在指定标签或整...

thinkjs微信中控之微信鉴权登陆的实现代码

前言上一篇文章大概写了一下如何搭一个微信中控服务: 【thinkjs搭建微信中控服务】 。接下来这篇,专门写一下如何在此基础上扩展出来一个比较好用的微信鉴权登陆的方案。由于...

JavaScript:ES2019 的新特性(译)

作为最流行的编程语言和最重要的 Web 开发语言之一,JavaScript 不断演变,每次迭代都会得到一些新的内部更新。让我们来看看 ES2019 有哪些新的特性,并加入到我们日常开发中:Arr...

React+TypeScript+webpack4多入口配置详解

资源 React-16.8.* react-router-dom-4.3.* TypeScript-3.5.* webpack-4.* eslint-5.16.*项目目录
├── dist # 打包结果目录│ ├── demo1 //类别demo1的打包结...

vue2 拖动排序 vuedraggable组件的实现

一、安装插件npm install -D vuedraggable二、在需要排序的界面中引入组件<script>import draggable from 'vuedraggable'export default { name: 'HelloWorld', components...

微信小程序bindtap事件与冒泡阻止详解

bindtap就是点击事件在.wxml文件绑定:<text id='textId' data-userxxx='100' bindtap='tapMessage'>cilck here</text>在一个组件的属性上添加bindtap并赋予一个值(一个函数...

17道题让你彻底理解JS中的类型转换

前言类型转换是将值从一种类型转换为另一种类型的过程(比如字符串转数字,对象转布尔值等)。任何类型不论是原始类型还是对象类型都可以进行类型转换,JavaScript 的原始类型有:num...

微信小程序嵌入腾讯视频源过程详解

首先我们有一个接口可以获取动态的vkeyhttps://vv.video.qq.com/getinfo&#63;otype=json&appver=3.2.19.333&platform=11&defnpayver=1&vid=获取的数据格式是这样的QZOutput...

非常实用的jQuery代码段集锦【检测浏览器、滚动、复制、淡入淡出等】

本文实例总结了非常实用的jQuery代码段。分享给大家供大家参考,具体如下:检测IE浏览器在进行CSS设计时,IE浏览器对开发者及设计师而言无疑是个麻烦。尽管IE6的黑暗时代已经过去...

从零撸一个pc端vue的ui组件库( 计数器组件 )

听到计数器这个名字很多人是不是一瞬间没有什么印象, 毕竟这个组件用的比较少,就是那种左边一个'-'右边一个'+', 控制某些数量的时候才会用到, 比如我之前做的商城小程序只...

Vue-cli3.X使用px2 rem遇到的问题及解决方法

把项目脚手架升级为cli3.X了以后,模板简洁了很多,运行起来也更加快速。但是也随之而来是某些兼容问题。比如我们要在项目钟使用px2rem来计算设计稿的时候,我们不能像以前老的脚...

vue 实现Web端的定位功能 获取经纬度

首先我这里的需求呢, 是获取当前用户的经纬度经过无数次的测试, 先后用了 腾讯/百度地图的api,最后绝对还是高德的js APi废话不多说, 直接上代码。 首先在 index.html 里面...

微信小程序如何连接Java后台

前端时间有人问我小程序怎么连接后台,这里直接贴代码
在app.js里// api request request(url, params) { return new Promise((resolve, reject) => { wx.request({ ur...

详解vue beforeRouteEnter 异步获取数据给实例问题

场景: vue-router 路由钩子 beforeRouteEnter 可以用来在初始进入页面前,http 异步获取数据 mockData ,预先判断是进入 A 页、还是 B 页,还是留在本页;而如果留在本页的话,还需要...

使用Vue CLI创建typescript项目的方法

使用最新的Vue CLI @vue/cli创建typescript项目,使用vue -V查看当前的vue cli版本安装命令npm install -g @vue-cli创建项目vue create my-vue-typescript上下键选择,空格键确...

Vue全局loading及错误提示的思路与实现

前言近期项目马上上线,前两天产品提个需求,加个全局loading,我这半路出家的vue选手,有点懵逼,这玩意还是第一次,但是作为一个初级的前端切图仔,这个东西是必须会的,花了五分钟思考了...

vue中组件通信的八种方式(值得收藏!)

前言之前写了一篇关于vue面试总结的文章, 有不少网友提出组件之间通信方式还有很多, 这篇文章便是专门总结组件之间通信的vue是数据驱动视图更新的框架, 所以对于vue来说组...

一篇文章弄懂javascript中的执行栈与执行上下文

前言作为一个前端开发人员,弄清楚JavaScript的执行上下文有助于我们理解js中一些晦涩的概念,比如闭包,作用域,变量提升等等。
执行栈
执行栈用于存储代码执行期间创建的所有执行...

小程序Request的另类用法详解

前言小程序中唯一能发送网络请求接口数据的是wx.request接口,当然这个接口存在诸多的限制,例如:10个并发请求限制,https限制(当然在开发阶段是可以关闭此限制),除了wx.request还有...

微信小程序引入模块中wxml、wxss、js的方法示例

先描述下目录结构,见下图
UI页面见下图
其中ok按键是引入的log模块,log模块非page页indexButton是index页本身拥有的组件,index页直接导入Log模块中的组件,css,事件响应函数。显...

详解Vue-cli3.X使用px2rem遇到的问题

把项目脚手架升级为cli3.X了以后,模板简洁了很多,运行起来也更加快速。但是也随之而来是某些兼容问题。比如我们要在项目钟使用px2rem来计算设计稿的时候,我们不能像以前老的脚...

一个手写的vue放大镜效果

组件使用less,请确保已安装loader本组件为放大镜组件,传参列表为:&#8226;width: 必传,设置放大镜的宽高(正方形),放大区域等同,放大倍数为2倍&#8226;picList:必传,传入图片列表使...

vue+eslint+vscode配置教程

package.json文件所需要的eslint包"scripts": { "lint": "eslint --ext .js,.vue src", },"devDependencies": { "babel-eslint": "^8.2.1", "eslint": "^4.15.0", "esl...

Vue实现点击显示不同图片的效果

本文实例为大家分享了Vue点击显示不同图片的具体代码,供大家参考,具体内容如使用Vue中的以下知识点来显示效果①:v-for:循环遍历数据
②:v-bind:class={ }:绑定样式
③:v-on:click(...

基于Express框架使用POST传递Form数据

本文实例为大家分享了基于Express框架使用POST传递Form数据的具体代码,供大家参考,具体内容如下客户端使用Form发送数据在客户端Html文件中Form代码如下:<!-- POST test --><fo...

NodeJs实现简易WEB上传下载服务器

项目上的需求是集群均可生成PDF文件或是访问PDF文件,但是没有文件服务器,故做一个简易的文件服务器。解决方案:集群内的机器(客户端)生成PDF文件之后将PDF文件推给文件服务器,我们...

node.js实现带进度条的多文件上传

用node.js实现多文件上传并携带进度条的demo,供大家参考,具体内容如下这个独立封装的需求来自一个朋友公司,他说需要写一个带进度条动画的批量上传文件的组件,结果他们后端跟他...

axios异步提交表单数据的几种方法

踩坑Axios提交form表单几种格式前后端分离的开发前后端, 前端使用的vue,后端的安全模块使用的SpringSecurity,使用postman测试后端的权限接口时发现都正常,但是使用vue+axio...

浅谈javascript错误处理

当 JavaScript 引擎执行 JavaScript 代码时,会发生各种错误:可能是语法错误,通常是程序员造成的编码错误或错别字;可能是拼写错误或语言中缺少的功能(可能由于浏览器差异);可能...

Angular8基础应用之表单及其验证

一、前提 必要性:特别必要 意义:很有意义二、正文
(一)、新建表单(模板表单)1、新建名称为formValidator的ng项目——命令行输入ng new formValidator;2、修改pakage.json文件—...

no-vnc和node.js实现web远程桌面的完整步骤

引言
项目需求,要求在浏览器端进行远程桌面的访问,如图所示:实现远程桌面,需要依赖VNC协议:VNC(Virtual Network Computing),为一种使用RFB协议的屏幕画面分享及远程操作软件。此软...

五分钟搞懂Vuex实用知识(小结)

这段时间一直在用vue写项目,vuex在项目中也会依葫芦画瓢使用,但是总有一种朦朦胧胧的感觉。于是决定彻底搞懂它。看了一下午的官方文档,以及资料,才发现vuex so easy!作为一个圈...

node命令行工具之实现项目工程自动初始化的标准流程

一、目的传统的前端项目初始流程一般是这样:可以看出,传统的初始化步骤,花费的时间并不少。而且,人工操作的情况下,总有改漏的情况出现。这个缺点有时很致命。
甚至有马大哈,没有...

微信小程序实现传递多个参数与事件处理

前言
开发过程中经常会遇到从一个页面携带数据到另一个页面的情况,所以需要知道以下信息,什么是事件?有哪些传递方式?如果传递数组呢?如果传递对象呢?一、事件
什么是事件 事件是...

微信小程序实现页面跳转传递参数(实体,对象)

首先我们有这么一种需求,就是我在一个列表中点击了某个item,跳转到详情界面,那么我就需要把item的实体数据从列表页面传递到详情页面,那么我们来看看微信小程序给我们提供的API:...

在vue-cli 3中给stylus、sass样式传入共享的全局变量

在vue-cli 3中, 给stylus、sass样式传入共享的全局变量在开发中有时,我们定义了大量的基础样式变量,例如:
大量的vue单文件组件会用到这些变量,每个组件都引人一次又太麻烦。全局...

解析原来浏览器原生支持JS Base64编码解码

上次给大家分享了如何用js实现剪切板粘贴上传图片,今天跟大家分享下JS Base64编码解码。1. 基础不牢,选型糟糕糟糕的技术选型往往源自自身技术广度不足。就在数月前,一个前端HT...

vue从一个页面跳转到另一个页面并携带参数的解决方法

1.需求:点击商场跳转到商业体列表解决方案:元页面:a标签中添加跳转函数<a class="orderBtn1 sIRicon2" href="javascript:void(0);" rel="external nofollow" @click="toMallIn...

react实现antd线上主题动态切换功能

demo框架选择: create-react-app + mobx + webpack5 + antdesign说明 由于最近公司有多个主题的共存性,所以需要实现线上主题切换的功能,所以本文主要描述的是基于create-reac...

微信小程序实现页面分享onShareAppMessage

效果
jslet app = getApp();Page({ data: { img: "/images/1.jpg" }, onLoad() { }, showShareMenu() { wx.showShareMenu(); console.log("显示了当前页面的转发按钮");...

返回顶部
顶部