Javascript中JSON数据分组优化实践及JS操作JSON总结
现有一堆数据，我需要按时间进行分组，以便前端视图呈现[ {"date":"2017-12-22","start_time":"10:00:00","end_time":"10:00:00","status":"Performance Time"}, {"date":"2017...
2020-05-27
vue使用axios时关于this的指向问题详解
前言众所周知axios是vue-resource后出现的Vue请求数据的插件。vue更新到2.0之后,作者尤大就宣告不再对vue-resource更新,而是推荐的axios。更多的详细介绍大家可以参考这里：h...
2020-05-27
JavaScript实现单例模式实例分享
传统单例模式保证一个类仅有一个实例，并提供一个访问它的全局访问点。实现单例核心思想无非是用一个变量来标志当前是否已经为某个类创建过对象，如果是，则在下一次获取该类的实...
2020-05-27
JS实现在文本指定位置插入内容的简单示例
实例如下所示：function insertAtCursor(myField, myValue) { //IE 浏览器 if (document.selection) { myField.focus(); sel = document.selection.createRange();...
2020-05-27
JavaScript多线程运行库Nexus.js详解
首先，如果你不熟悉这个项目，建议先阅读之前写的一系列文章。如果你不想阅读这些，不用担心。这里面也会涉及到那些内容。现在，让我们开始吧。去年，我开始实现Nexus.js，这是一个基于...
2020-05-27
原生js实现移动端触摸轮播的示例代码
PC端上实现图片轮播效果很简单，只要通过使用click事件就可以非常简单的实现效果，但是在移动端上，就要通过核心的touch事件来实现。下面是移动端手指滑动轮播图的完整代码。<!DO...
2020-05-27
javascript将json格式数组下载为excel表格的方法
实例如下：<html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <script type="text/javascript" src="jquery183.min.js"></script>...
2020-05-27
js读取本地文件的实例
如何用在浏览器端预览本地文件？今天的主题是使用浏览器预览本地文件。由于浏览器安全策略的限制，javascript程序不能自由地访问本地资源，这是对用户信息安全来说，是一项不得不遵...
2020-05-27
jackson解析json字符串,首字母大写会自动转为小写的方法
问题楼主碰到的问题是，在实体类和表中定义的某个字段为RMBPrice，首字母大写，sql查询出来的列名也是大写的RMBPrice，但是使用jquery的datatables初始化列时，却出错。那一行的代码...
2020-05-27
vue + element-ui实现简洁的导入导出功能
前言众所周知，ElementUI,是一个比较完善的UI库，但是使用它需要有一点vue的基础。在开始本文的正文之前，我们先来看看安装的方法吧。安装ElementUI模块
cnpm install element-ui...
2020-05-27
详解Vue中localstorage和sessionstorage的使用
1. 项目使用中暴露出来的几个问题大家到处直接使用localstorage['aaa']='这是一段示例字符串'这些原生语法实现，这样耦合度太高了，假如有一天我们需要换实现方式，或者对存储大...
2020-05-27
Angular实现的table表格排序功能完整示例
本文实例讲述了Angular实现的table表格排序功能。分享给大家供大家参考，具体如下：先来看看效果图：完整代码如下：<!DOCTYPE html><html> <head> <meta charset="utf-8" />...
2020-05-27
Angular简单验证功能示例
本文实例讲述了Angular简单验证功能。分享给大家供大家参考，具体如下：先来看看运行效果：完整实例代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title...
2020-05-27
JavaScript中Object值合并方法详解
前言：在日常开发工作中我们可能会遇到js中对象中所有值的复制工作，也有可能是通过electron开发客户端，改版时候面临到的设置合并问题。那么本文将对此做一个简要解决方案的叙述...
2020-05-27
JavaScript伪数组用法实例分析
本文实例讲述了JavaScript伪数组用法。分享给大家供大家参考，具体如下：在Javascript中什么是伪数组？伪数组（类数组）：无法直接调用数组方法或期望length属性有什么特殊的行为，但仍可...
2020-05-27
利用JS判断客户端类型你应该知道的四种方法
前言我们在写响应式布局的时候，总要考虑是否是移动端，基于这个这里总结了4种方法判断客户端是否是ios或者android。分享出来供大家参考学习，下面随着小编来一起看看详细的介绍...
2020-05-27
详解webpack提取第三方库的正确姿势
我们在用webpack打包是时候，常常想单独提取第三方库，把它作为稳定版本的文件，利用浏览缓存减少请求次数。常用的提取第三方库的方法有两种 CommonsChunkPlugin DLLPlugin区别...
2020-05-27
如何开发出更好的JavaScript模块
不少人都曾经在 npm 上发布过自己开发的 JavaScript 模块，而在使用一些模块的过程中，我经常产生“这个模块很有用，但如果能 xxx 就更好了”的想法。所以，本文将站在模块使用者的...
2020-05-27
详解webpack+express多页站点开发
学习了webpack门级的教程后，觉得可能是专门为单页应用而量身打造的，比如webpack+react、webpack+vue等，都可以解决各种资源的依赖加载、打包的问题。甚至css都是打包在js里去动...
2020-05-27
Webpack框架核心概念(知识点整理)
webpack是什么webpack是一个前端构建的打包工具（并不是什么库或框架）， 它能把各种资源，例如JS（含JSX）、coffee、css（含less/sass）、图片等都作为模块来处理和使用。1.基础知识点 ...
2020-05-27
vue 系列——vue2-webpack2框架搭建踩坑之路
react、vue、angular代表了3种前端工程化的思想，学习三大框架主要是理解它们的核心概念，比如组件、生命周期、单向数据流、双向绑定等。这些概念在非框架开发中，很少人会去这样...
2020-05-27
通过vue-cli来学习修改Webpack多环境配置和发布问题
Vue之所以现在如此之火热，一部分也得益于有官方的脚手架生成工具Vue-cli,大大简化了初学者环境搭建的成本，但是实际业务中我们往往需要实现其他的功能来对webpack进行改造，本文...
2020-05-27
使用vue-cli+webpack搭建vue开发环境的方法
在这里我们需要首先下载node，因为我们要用到npm包下载，是基于node的废话不多说，我们直接进入正题下载node，同时需要下载git，以后我们就在git上输入命令来搭建我们的vue环境git用...
2020-05-27
原生JS控制多个滚动条同步跟随滚动效果
在一些支持用 markdown 写文章的网站，后台写作页面，一般都是支持 markdown 即时预览的，也就是将整个页面分成两部分，左半部分是你输入的 markdown 文字，右半部分则即时输出对应的...
2020-05-27
原生JS写Ajax的请求函数功能
一般我们写网页的时候，如果用到 Ajax 请求服务器，都是使用 JQuery 等已经封装好的库来调用，比较简单。但是一般这些库的功能很多，引入了太多我们用不到的东西，如果我们需要写一个...
2020-05-27
JavaScript中的一些隐式转换和总结(推荐)
js中的不同的数据类型之间的比较转换规则如下：1. 对象和布尔值比较对象和布尔值进行比较时，对象先转换为字符串，然后再转换为数字，布尔值直接转换为数字[] == true; //false []...
2020-05-27
9种使用Chrome Firefox 自带调试工具调试javascript技巧
我们调试Javascript一般会用到Chrome或Firefox自带的调试工具，本文列出了几条用于调试Javascript的技巧，掌握它们，让我们花更少的时间来解决错误和bug，从而提高开发效率。
1. de...
2020-05-27
Vue.js 的移动端组件库mint-ui实现无限滚动加载更多的方法
通过多次爬坑，发现了这些监听滚动来加载更多的组件的共同点，因为这些加载更多的方法是绑定在需要加载更多的内容的元素上的，所以是进入页面则直接触发一次，当监听到滚动事件之后...
2020-05-27
Angular实现较为复杂的表格过滤，删除功能示例
本文实例讲述了Angular实现较为复杂的表格过滤，删除功能。分享给大家供大家参考，具体如下：先来看看运行效果：具体代码如下：<!DOCTYPE html><html> <head> <meta charset="utf...
2020-05-27
JavaScript实现的超简单计算器功能示例
本文实例讲述了JavaScript实现的超简单计算器功能。分享给大家供大家参考，具体如下：先来看看运行效果：具体代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"...
2020-05-27
JS生成随机打乱数组的方法示例
本文实例讲述了JS生成随机打乱数组的方法。分享给大家供大家参考，具体如下：一、比较乱的排序方法function fnLuanXu(num) { var aLuanXu=[]; for (var i = 0; i < num;...
2020-05-27
JavaScript数组排序reverse()和sort()方法详解
JavaScript中数组排序的方法有两个reverse()和sort()。 reverse()方法会反转数组项的顺序：var arr = [1,2,3,4,5]; arr.reverse(); alert(arr); //5,4,3,2,1 sort()方...
2020-05-27
vue项目常用组件和框架结构介绍
vue项目基础结构
一个vue的项目，我觉得最小的子集其实就是{vue,vue-router,component}，vue作为基础库，为我们提供双向绑定等功能。vue-router连接不同的"页面"，component作为样...
2020-05-27
anime.js 实现带有描边动画效果的复选框（推荐）
anime.js anime.js是一个灵活的轻型JavaScript动画库。它与CSS，个别变换，SVG，DOM属性和JS对象。特征 具体的动画参数 具体目标值 多个定时值 播放控制 运动路径在网...
2020-05-27
通过fastclick源码分析彻底解决tap“点透”
近期使用tap事件为老夫带来了这样那样的问题，其中一个问题是解决了点透还需要将原来一个个click变为tap，这样的话我们就抛弃了ie用户
当然可以做兼容，但是没人想动老代码的，于是...
2020-05-27
解决Vue 浏览器后退无法触发beforeRouteLeave的问题
现象加载第一个组件（这里的第一个意思是浏览器历史记录的第一个，后文称为 待监听组件 ）时，正常跳转其他页面可以触发beforeRouteLeave。 但是 按浏览器的后退按钮监听不到该事件...
2020-05-27
jquery中ajax请求后台数据成功后既不执行success也不执行error的完美解决方法
jquery中ajax请求后台数据成功后既不执行success也不执行error，此外系统报错：Uncaught SyntaxError: Unexpected identifier at Object.success，但后台能够返回数据，原代码如下：...
2020-05-27
Parcel.js + Vue 2.x 极速零配置打包体验教程
继 Browserify、Webpack 之后，又一款打包工具 Parcel 横空出世Parcel.js 的官网有这样的自我介绍 “极速零配置Web应用打包工具”简单接触了一下，单从效率上来说，确实要比 webp...
2020-05-27
深入浅析JSONAPI在PHP中的应用
现在服务端程序员的主要工作已经不再是套模版，而是编写基于 JSON 的 API 接口。可惜大家编写接口的风格往往迥异，这就给系统集成带来了很多不必要的沟通成本，如果你有类似的困...
2020-05-27
Vue.js递归组件构建树形菜单
在Vue.js中一个递归组件调用的是其本身，如：Vue.component('recursive-component', { template: `<!--Invoking myself!--> <recursive-component></recursive-component> }...
2020-05-27
jQuery EasyUI 折叠面板accordion的使用实例(分享)
1、对折叠面板区域 div 设置 class=”easyui-accordion”2、在区域添加多个 div， 每个 div 就是一个面板 （每个面板一定要设置 title 属性）。3、设置面板属性 fit 为 true，自适...
2020-05-27
zTree树形菜单交互选项卡效果的实现方法
1、 添加自定义属性 page2、 为 ztree 每个树形节点，添加点击事件<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>ztree树形菜单的使用</title> <!-- 导入jque...
2020-05-27
jQuery EasyUI 选项卡面板tabs的使用实例讲解
1、 对选项卡面板区域 div 设置 class=”easyui-tabs”2、 对选项卡面板区域添加多个 div，每个 div 就是一个选项卡（每个面板一定设置 title）3、 设置面板 fit 为 true ，自适应...
2020-05-27
详解vue-cli之webpack3构建全面提速优化
前言伴随着vue的全球化，已经各种vue的组件框架越来越完善，从早期的element-ui到vux，iview等越来越多高质量的项目，使用vue进行前端构建已然是一件工程化，模块化，敏捷化的事情在这...
2020-05-27
用 Vue.js 递归组件实现可折叠的树形菜单(demo)
在Vue.js中一个递归组件调用的是其本身，如：Vue.component('recursive-component', { template: `<!--Invoking myself!--> <recursive-component></recursive-compone...
2020-05-27
利用jQuery+localStorage实现一个简易的计时器示例代码
前言在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一...
2020-05-27
基于zTree树形菜单的使用实例
在每个节点添加 id 和 pid， id 表示当前节点编号，pid 表示父节点编号第一步：在页面显示菜单位置，添加 ul设置 class=”ztree”第二步：开启简单数据格式支持第三步：编写树形菜单数...
2020-05-27
VueRouter导航守卫用法详解
简介
主要用来通过跳转或取消的方式守卫导航。
例如判断登录信息：没登录全部跳到登录页。判断必要操作是否进行没进行的话中断跳转。分为三大类：全局守卫、路由守卫、组件守卫...
2020-05-27
利用vue + element实现表格分页和前端搜索的方法
前言ElementUI是饿了么前端开源的一个基于Vue的前端框架，已经帮我们封装好了一系列功能性的组件，比如栅格系统、表格、表单、树形菜单、通知等。对于搞后台管理界面的项目，特别...
2020-05-27
微信小程序录音与播放录音功能
小程序中提供了两种录音的API旧版录音功能首先启动录音，然后停止录音即可拉到音频的临时地址启动录音：var that = this; wx.startRecord({ success: function (res) { /...
2020-05-27
