vue中实现Monaco Editor自定义提示功能
这次接到一个需求，要在浏览器的 IDE 中支持自定义提示功能，如下所示：可以看到，它可以根据用户输入的内容来一项一项排除，只显示完全匹配的那一项。项目的框架是 Vue ，编辑器用的是...
2020-05-27
vue 使用axios 数据请求第三方插件的使用教程详解
axios基于http客户端的promise，面向浏览器和nodejs特色•浏览器端发起XMLHttpRequests请求
•node端发起http请求
•支持Promise API
•监听请求和返回...
2020-05-27
基于vue实现圆形菜单栏组件
整个样式都是基于css3 得transform而实现得。每个扇形角度为360/12=30deg，当然，你不想做圆形也可以，公式就是 扇形角度=你想绘制得角度/扇形个数当你计算好每个扇形得角度...
2020-05-27
vue router总结 $router和$route及router与 router与route区别
vue router总结 $router和$route及router与 router与route区别1 this.$router和this.$route的区别vue routerthis.$router是VueRouter的实例方法，当导航到不同url，可以使用thi...
2020-05-27
elementui之el-tebs浏览器卡死的问题和使用报错未注册问题
elementui之新版本组件使用报错未注册问题现在elementui已经更新到2.10.1也新加了一些组件，也给我们带来了很多的方便，再此非常感谢elementui，但是在有些版本中有些组件，应该是...
2020-05-27
cordova+vue+webapp使用html5获取地理位置的方法
1.在HTML5中使用Geolocation.getCurrentPosition()方法来获取地理位置。语法：navigator.geolocation.getCurrentPosition(success, error, options)参数： success: 成功得到...
2020-05-27
Vue使用lodop实现打印小结
一. Lodop与C-Lodop的区别Lodop打印控件是浏览器插件，与浏览器紧密结合来实现本地打印，是一种内嵌到浏览器里交互方式。（适用浏览器：ie系列、火狐51版及历史版本、谷歌44版及历...
2020-05-27
django中使用vue.js的要点总结
有接口如下：http://127.0.0.1:8000/info/schemes/返回json数据：[ { "name": "（山上双人标准间）黄山经典二日游（魅力黄山，日出云海，人间仙境，春暖花开）", "day": 2, "night": 1,...
2020-05-27
详解django模板与vue.js冲突问题
问题：
django模板与vue.js的变量都是使用“{{”和“}}”包裹起来的，在渲染django模板时会先替代掉所有的“{{”和“}}”及被包裹在其中的内容，使得vue.js没有使用”{{“、”}}...
2020-05-27
vue + typescript + video.js实现 流媒体播放 视频监控功能
视频才用流媒体，有后台实时返回数据， 要支持flash播放， 所以需安装对应的flash插件。当视频播放时，每间隔3秒向后台发送请求供检测心跳，表明在线收看状态,需要后台持续发送视频数...
2020-05-27
echarts统计x轴区间的数值实例代码详解
有时我们需要统计自定义echarts图，统计x轴区间的y轴数量。思路是利用echarts的自定义配置：option.series[i].type='custom'中的renderItem(params, api)函数进行处理,这里包括...
2020-05-27
使用 node.js 模仿 Apache 小部分功能
首先，这个例子用到了服务端渲染的技术。服务端渲染，说白了就是在服务端使用模板引擎，这里我先简单的介绍一下服务端渲染与客户端渲染之间的区别。服务端渲染与客户端渲染之间的...
2020-05-27
教你3分钟利用原生js实现有进度监听的文件上传预览组件
前言本文主要介绍如何使用原生js，通过面向对象的方式实现一个文件上传预览的组件，该组件利用FileReader来实现文件在前端的解析，预览，读取进度等功能，并对外暴露相应api来实现用...
2020-05-27
详解基于 Node.js 的轻量级云函数功能实现
导语在万物皆可云的时代，你的应用甚至不需要服务器。云函数功能在各大云服务中均有提供，那么，如何用“无所不能”的 node.js 实现呢？一、什么是云函数？云函数是诞生于云服务的一...
2020-05-27
Vue中util的工具函数实例详解
Vue中util的工具函数，下面通过实例代码给大家介绍的非常详细，具体代码如下所示：// 防抖函数function debounce (fn, wait) {let treturn () => {let context = thislet args =...
2020-05-27
利用不到200行代码写一款属于你自己的js类库
前言
JavaScript 的核心是支持面向对象的，同时它也提供了强大灵活的 OOP 语言能力。本文将使用面向对象的方式，来教大家用原生js写出一个类似jQuery这样的类库。我们将会学到...
2020-05-27
ElementUI Tag组件实现多标签生成的方法示例
现在好多应用场景里会有一些需要给文章打标签等类似的操作，之前jquery用户是使用taginput来实现，使用VUE以后elementui有一个组件非常简单就是tag组件。<el-tag :key="tag" v-...
2020-05-27
ES6 Class中实现私有属性的一些方法总结
私有属性
私有属性是面向对象编程（OOP）中非常常见的一个特性，一般满足以下的特点： 能被class内部的不同方法访问，但不能在类外部被访问； 子类不能继承父类的私有属性。备胎Class...
2020-05-27
JavaScript实现五子棋游戏的方法详解
本文实例讲述了JavaScript实现五子棋游戏的方法。分享给大家供大家参考，具体如下：最近半个月一直在看深入的学习JavaScript，里面有很多重点和难点，比如闭包、词法分析、面向对象...
2020-05-27
JavaScript中Dom操作实例详解
本文实例讲述了JavaScript中Dom操作。分享给大家供大家参考，具体如下：博主将按照增删改查的方式来介绍一下Dom的主要操作。1、增加节点添加节点的操作主要分为3步：（1）创建要添加...
2020-05-27
Vue实现拖放排序功能的实例代码
Vue中实现拖放排序，啥也不说，贴上代码：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title></head><style>ul {min-height: 100px;width: 200px...
2020-05-27
JavaScript定时器设置、使用与倒计时案例详解
本文实例讲述了JavaScript定时器设置、使用与倒计时案例。分享给大家供大家参考，具体如下：1、设置定时器定时器，适用于定时执行的任务中。在BOM的window对象中，有这样的两个函数...
2020-05-27
vue拖拽组件 vuedraggable API options实现盒子之间相互拖拽排序
vue拖拽克隆clone组件API， vue.draggable实现盒子之间相互拖拽排序克隆（网上资源整理的文档）效果图：-----------------------------------------------------------------------...
2020-05-27
JavaScript实现的联动菜单特效示例
本文实例讲述了JavaScript实现的联动菜单特效。分享给大家供大家参考，具体如下：博主昨天发布了一篇关于JavaScript特效的文章，今天呢给大家带来联动菜单特效，这可能是一个系列哦...
2020-05-27
JavaScript实现的开关灯泡点击切换特效示例
本文实例讲述了JavaScript实现的开关灯泡点击切换特效。分享给大家供大家参考，具体如下：准备首先要准备两张图片，一张是灯泡亮的图片，取名为on.jpg，另一张是灭的图片，取名为off.jp...
2020-05-27
微信小程序如何访问公众号文章
前言随着小程序不断的发展，现在个人的小程序也开放了很多功能了，个人小程序直接打开公众号链接。在群里看到的一款小程序，点击可以直接阅读文章了，所以琢磨了一下，写了一些源码。...
2020-05-27
微信小程序实现类似微信点击语音播放效果
本文实例为大家分享了微信小程序类似平常微信语音聊天的效果，不会互相干扰播放状态，供大家参考，具体内容如下根据开发的需求，先理清一下思路，点击语音播放与暂停/停止，切换下一个...
2020-05-27
vue中datepicker的使用教程实例代码详解
写这个文章主要是记录下用法，官网已经说的很详细了
npm install vue-datepicker --savehtml代码
<myDatepicker :date="startTime" :option="multiOption" :limit="limit"></...
2020-05-27
js图片无缝滚动插件使用详解
本文实例为大家分享了js图片无缝滚动插件的具体代码，供大家参考，具体内容如下cssul { list-style: none; margin: 0; padding: 0; }.slide-img-ul { white-space: nowrap;}.sl...
2020-05-27
JavaScript中var的重要性实例分析
本文实例讲述了JavaScript中var的重要性。分享给大家供大家参考，具体如下：在JS中申明变量是使用var来进行申明，但是有的时候我们没有使用var也可以。这是为什么呢？我来给大家细...
2020-05-27
详解vue 2.6 中 slot 的新用法
最近发布不久的Vue 2.6，使用插槽的语法变得更加简洁。 对插槽的这种改变让我对发现插槽的潜在功能感兴趣，以便为我们基于Vue的项目提供可重用性，新功能和更清晰的可读性。 真正...
2020-05-27
vue 组件中使用 transition 和 transition-group实现过渡动画
前言记一次vue 组件中使用 transition 和 transition-group 设置过渡动画,总结来说可分为分为 name 版, js 钩子操作类名版, js 钩子操作行内样式版...template模板结构//...
2020-05-27
jquery多级树形下拉菜单的实例代码
效果图：使用方法（1）引入 jQuery 包，下载地址
（2）引入 zTree 包，下载地址
（3）引入 tree-select.js
（4）$("#id").treeSelect(data);<!DOCTYPE html><html lang="en"><head><meta charset=...
2020-05-27
JavaScript中BOM对象原理与用法分析
本文实例讲述了JavaScript中BOM对象原理与用法。分享给大家供大家参考，具体如下： 百度百科BOM(Browser Object Model) 是指浏览器对象模型，是用于描述这种对象与对象之间层次...
2020-05-27
JavaScript遍历数组和对象的元素简单操作示例
本文实例讲述了JavaScript遍历数组和对象的元素。分享给大家供大家参考，具体如下：博主最近一直在学习JavaScript，今天给大家分享如何遍历JavaScript中的数组和对象的元素，这篇文...
2020-05-27
JavaScript常用内置对象用法分析
本文实例讲述了JavaScript常用内置对象用法。分享给大家供大家参考，具体如下：博主最近半个月没有更新博客，主要是每天都在学车中，学车的过程虽然挺折腾的，但是人吗总得学会适应，在...
2020-05-27
bootstrap datepicker的基本使用教程
首先引入相应css和js：<link rel="stylesheet" th:href="@{/assets/css/datepicker.css}" rel="external nofollow" /><script th:src="@{/assets/js/date-time/bootstrap-dat...
2020-05-27
bootstrap 日期控件 datepicker被弹出框dialog覆盖的解决办法
筒子们在使用bootstrap的日期控件（datepicker ， 现在官网提供的名称叫 datetimepicker）时可能会遇到如上图的问题这是啥原因造成的呢？答案很简单时输出的优先级造成的（z-index）z-i...
2020-05-27
DatePickerDialog 自定义样式及使用全解
1.增加Theme主题new DatePickerDialog(this, AlertDialog.THEME_HOLO_LIGHT,null).show();效果：
4.0以上的版本才可使用此Theme，注意对版本的判断。若低版本的则主题设置为...
2020-05-27
js实现无缝滚动双图切换效果
本文记录的是在html中写两个img实现多张图片的无缝滚动，供大家参考，具体内容如下
html结构如下：<div class="wrap"> <ul class="list"> <li> <img src="img/img0.png"> </...
2020-05-27
七行JSON代码把你的网站变成移动应用过程详解
如果我告诉你，只需要 下述 7 行橙色的 JSON 代码 就可以将一个网站变成移动应用，你相信吗？完全不需要使用某种框架 API 重写网站，就可以获得与移动应用相同的行为。如果你已经有...
2020-05-27
微信小程序文章详情页跳转案例详解
前面写了一篇小程序访问公众号文章
里面所有的文章列表里面都是跳转了同一篇文章链接，那么，如果所有的列表跳转详情页的时候，跳转对应id所在的文章又该怎么写？index.html<view c...
2020-05-27
Vue 实现前端权限控制的示例代码
登录&&权限流程图前言首先我们确定的权限控制分为三大部分，其中根据粒度大小分的更细： 登录权限控制 页面权限控制 菜单中的页面是否可以被访问 页面中的按钮 (增、...
2020-05-27
Webpack 4如何动态切割JS注入文件名详解
前言
昨天重新把我们公司的引流页做了二重封装，遇到一个问题。
webpack 切割的时候如何加个可以跟随文件名变化的前缀。效果图解决路径 GG大法+ webpack官方文档官方文档还...
2020-05-27
关于微信小程序map组件z-index的层级问题分析
前言说起微信小程序的map组件，可以说是良心之作了，一个组件解决了所以接入地图的所有麻烦，但是在实际小程序的试用过程中还是存在点问题的。
如下情景：
刚开始接入map组件的时候...
2020-05-27
javascript实现图片轮播代码
javascript图片轮播代码，供大家参考，具体内容如下因为自己是新手自学不久，所以代码有很多不规范的地方，请原谅。html部分代码：<div id="head"> <button id="prev" onmousedown="p...
2020-05-27
微信小程序wx.request拦截器使用详解
一.
请求后台的时候，服务端对每一个请求都会验证权限，而前端也需要对服务器返回的特殊状态码统一处理，所以可以针对业务封装请求。
首先我们通过request拦截器在每个请求头里面...
2020-05-27
如何自定义微信小程序tabbar上边框的颜色
我们知道tabbar上边框的颜色是通过 tabBar 的 borderStyle 属性设置的，只支持两个值 black / white，参见文档 tabBar示例，红色解决办法
其实很简单，自己画一条线定位在页面最底...
2020-05-27
Vue事件修饰符native、self示例详解
事出有因
之前面试被问到的native和self相关问题，self我觉得自己应该能回答出来，可能被之前一小时的问题整懵逼了。尴尬~~
自己研究了一下，不足之处望补充，相互进步native
修饰...
2020-05-27
微信小程序在ios下Echarts图表不能滑动的问题解决
问题现象
这个问题的现象说起来很简单。小程序页面中有一篇很长的文章，内部有一个Echarts图表，手指上下滑动观看内容。但是手指滑动区域在Echarts图表上时，页面却不能滑动了。...
2020-05-27
