JavaScript - 教程之家

48浏览

0评论

解析vue中的$mount

本文主要是带领大家分析$mount。$mount所做的工作从大体来讲主要分为3步：1.如果你的option里面没有 render 函数，那么，通过 compileToFunctions 将HTML模板编译成可以生成VNode...

2020-05-27

43浏览

0评论

JS实现去除数组中重复json的方法示例

本文实例讲述了JS实现去除数组中重复json的方法。分享给大家供大家参考，具体如下：var array = [{"name":"123"},{"name":"123"},{"name":"456"}];unique(array);function uniq...

2020-05-27

52浏览

0评论

原生js+cookie实现购物车功能的方法分析

本文实例讲述了原生js+cookie实现购物车功能的方法。分享给大家供大家参考，具体如下：这里使用js+cookie实现简单的购物车功能。首先是简单的HTML结构，只是为了演示下功能。<ul>...

2020-05-27

61浏览

0评论

jQuery Validate插件ajax方式验证输入值的实例

项目中经常会遇到需要后台验证问题，如用户名、用户账号是否存在等。使用jQuery Validate插件可以使用remote校验规则完成验证。示例：一.基本用法1.需要验证的表单<form id="re...

2020-05-27

55浏览

0评论

使用ajax的post同步执行(实现方法)

一般我们使用的ajax请求时，都是异步的在结果运行以后，在方法外是得不到参数的，但是使用同步执行的时候是可以返回data的。ajaxSettings.async参数进行设置，默强调内容认情况下是...

2020-05-27

63浏览

0评论

详解使用webpack构建多页面应用

关于webpack的配置和使用，网上已经有许多文章了，大多是在讲单页应用，当我们需要打包多个html时，事情就变得麻烦起来。怎么在webpack-dev-server里使用路由？怎么打包多个html和js...

2020-05-27

65浏览

0评论

使用axios实现上传图片进度条功能

Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。Features
从浏览器中创建 XMLHttpRequests
从 node.js 创建 http 请求
支持 Promise API
拦截请求和响...

2020-05-27

62浏览

0评论

vue init失败简单解决方法(终极版)

//由于windows系统的某方面问题，vue脚手架安装可能会出现第一证书丢失// 报错：vue-cli · Failed to download repo vuejs-templates/webpack-simple: unable to verify the f...

2020-05-27

71浏览

0评论

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

53浏览

0评论

vue使用axios时关于this的指向问题详解

前言众所周知axios是vue-resource后出现的Vue请求数据的插件。vue更新到2.0之后,作者尤大就宣告不再对vue-resource更新,而是推荐的axios。更多的详细介绍大家可以参考这里：h...

2020-05-27

60浏览

0评论

JavaScript实现单例模式实例分享

传统单例模式保证一个类仅有一个实例，并提供一个访问它的全局访问点。实现单例核心思想无非是用一个变量来标志当前是否已经为某个类创建过对象，如果是，则在下一次获取该类的实...

2020-05-27

64浏览

0评论

JS实现在文本指定位置插入内容的简单示例

实例如下所示：function insertAtCursor(myField, myValue) { //IE 浏览器 if (document.selection) { myField.focus(); sel = document.selection.createRange();...

2020-05-27

48浏览

0评论

JavaScript多线程运行库Nexus.js详解

首先，如果你不熟悉这个项目，建议先阅读之前写的一系列文章。如果你不想阅读这些，不用担心。这里面也会涉及到那些内容。现在，让我们开始吧。去年，我开始实现Nexus.js，这是一个基于...

2020-05-27

49浏览

0评论

原生js实现移动端触摸轮播的示例代码

PC端上实现图片轮播效果很简单，只要通过使用click事件就可以非常简单的实现效果，但是在移动端上，就要通过核心的touch事件来实现。下面是移动端手指滑动轮播图的完整代码。<!DO...

2020-05-27

44浏览

0评论

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

57浏览

0评论

js读取本地文件的实例

如何用在浏览器端预览本地文件？今天的主题是使用浏览器预览本地文件。由于浏览器安全策略的限制，javascript程序不能自由地访问本地资源，这是对用户信息安全来说，是一项不得不遵...

2020-05-27

205浏览

0评论

jackson解析json字符串,首字母大写会自动转为小写的方法

问题楼主碰到的问题是，在实体类和表中定义的某个字段为RMBPrice，首字母大写，sql查询出来的列名也是大写的RMBPrice，但是使用jquery的datatables初始化列时，却出错。那一行的代码...

2020-05-27

38浏览

0评论

vue + element-ui实现简洁的导入导出功能

前言众所周知，ElementUI,是一个比较完善的UI库，但是使用它需要有一点vue的基础。在开始本文的正文之前，我们先来看看安装的方法吧。安装ElementUI模块
cnpm install element-ui...

2020-05-27

59浏览

0评论

详解Vue中localstorage和sessionstorage的使用

1. 项目使用中暴露出来的几个问题大家到处直接使用localstorage['aaa']='这是一段示例字符串'这些原生语法实现，这样耦合度太高了，假如有一天我们需要换实现方式，或者对存储大...

2020-05-27

60浏览

0评论

Angular实现的table表格排序功能完整示例

本文实例讲述了Angular实现的table表格排序功能。分享给大家供大家参考，具体如下：先来看看效果图：完整代码如下：<!DOCTYPE html><html> <head> <meta charset="utf-8" />...

2020-05-27

53浏览

0评论

Angular简单验证功能示例

本文实例讲述了Angular简单验证功能。分享给大家供大家参考，具体如下：先来看看运行效果：完整实例代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title...

2020-05-27

51浏览

0评论

JavaScript中Object值合并方法详解

前言：在日常开发工作中我们可能会遇到js中对象中所有值的复制工作，也有可能是通过electron开发客户端，改版时候面临到的设置合并问题。那么本文将对此做一个简要解决方案的叙述...

2020-05-27

58浏览

0评论

JavaScript伪数组用法实例分析

本文实例讲述了JavaScript伪数组用法。分享给大家供大家参考，具体如下：在Javascript中什么是伪数组？伪数组（类数组）：无法直接调用数组方法或期望length属性有什么特殊的行为，但仍可...

2020-05-27

68浏览

0评论

利用JS判断客户端类型你应该知道的四种方法

前言我们在写响应式布局的时候，总要考虑是否是移动端，基于这个这里总结了4种方法判断客户端是否是ios或者android。分享出来供大家参考学习，下面随着小编来一起看看详细的介绍...

2020-05-27

55浏览

0评论

详解webpack提取第三方库的正确姿势

我们在用webpack打包是时候，常常想单独提取第三方库，把它作为稳定版本的文件，利用浏览缓存减少请求次数。常用的提取第三方库的方法有两种 CommonsChunkPlugin DLLPlugin区别...

2020-05-27

55浏览

0评论

如何开发出更好的JavaScript模块

不少人都曾经在 npm 上发布过自己开发的 JavaScript 模块，而在使用一些模块的过程中，我经常产生“这个模块很有用，但如果能 xxx 就更好了”的想法。所以，本文将站在模块使用者的...

2020-05-27

52浏览

0评论

详解webpack+express多页站点开发

学习了webpack门级的教程后，觉得可能是专门为单页应用而量身打造的，比如webpack+react、webpack+vue等，都可以解决各种资源的依赖加载、打包的问题。甚至css都是打包在js里去动...

2020-05-27

74浏览

0评论

Webpack框架核心概念(知识点整理)

webpack是什么webpack是一个前端构建的打包工具（并不是什么库或框架），它能把各种资源，例如JS（含JSX）、coffee、css（含less/sass）、图片等都作为模块来处理和使用。1.基础知识点　　...

2020-05-27

58浏览

0评论

vue 系列——vue2-webpack2框架搭建踩坑之路

react、vue、angular代表了3种前端工程化的思想，学习三大框架主要是理解它们的核心概念，比如组件、生命周期、单向数据流、双向绑定等。这些概念在非框架开发中，很少人会去这样...

2020-05-27

51浏览

0评论

通过vue-cli来学习修改Webpack多环境配置和发布问题

Vue之所以现在如此之火热，一部分也得益于有官方的脚手架生成工具Vue-cli,大大简化了初学者环境搭建的成本，但是实际业务中我们往往需要实现其他的功能来对webpack进行改造，本文...

2020-05-27

71浏览

0评论

使用vue-cli+webpack搭建vue开发环境的方法

在这里我们需要首先下载node，因为我们要用到npm包下载，是基于node的废话不多说，我们直接进入正题下载node，同时需要下载git，以后我们就在git上输入命令来搭建我们的vue环境git用...

2020-05-27

151浏览

0评论

原生JS控制多个滚动条同步跟随滚动效果

在一些支持用 markdown 写文章的网站，后台写作页面，一般都是支持 markdown 即时预览的，也就是将整个页面分成两部分，左半部分是你输入的 markdown 文字，右半部分则即时输出对应的...

2020-05-27

53浏览

0评论

原生JS写Ajax的请求函数功能

一般我们写网页的时候，如果用到 Ajax 请求服务器，都是使用 JQuery 等已经封装好的库来调用，比较简单。但是一般这些库的功能很多，引入了太多我们用不到的东西，如果我们需要写一个...

2020-05-27

41浏览

0评论

JavaScript中的一些隐式转换和总结(推荐)

js中的不同的数据类型之间的比较转换规则如下：1. 对象和布尔值比较对象和布尔值进行比较时，对象先转换为字符串，然后再转换为数字，布尔值直接转换为数字[] == true; //false []...

2020-05-27

65浏览

0评论

9种使用Chrome Firefox 自带调试工具调试javascript技巧

我们调试Javascript一般会用到Chrome或Firefox自带的调试工具，本文列出了几条用于调试Javascript的技巧，掌握它们，让我们花更少的时间来解决错误和bug，从而提高开发效率。
1. de...

2020-05-27

62浏览

0评论

Vue.js 的移动端组件库mint-ui实现无限滚动加载更多的方法

通过多次爬坑，发现了这些监听滚动来加载更多的组件的共同点，因为这些加载更多的方法是绑定在需要加载更多的内容的元素上的，所以是进入页面则直接触发一次，当监听到滚动事件之后...

2020-05-27

49浏览

0评论

Angular实现较为复杂的表格过滤，删除功能示例

本文实例讲述了Angular实现较为复杂的表格过滤，删除功能。分享给大家供大家参考，具体如下：先来看看运行效果：具体代码如下：<!DOCTYPE html><html> <head> <meta charset="utf...

2020-05-27

96浏览

0评论

JavaScript实现的超简单计算器功能示例

本文实例讲述了JavaScript实现的超简单计算器功能。分享给大家供大家参考，具体如下：先来看看运行效果：具体代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"...

2020-05-27

52浏览

0评论

JS生成随机打乱数组的方法示例

本文实例讲述了JS生成随机打乱数组的方法。分享给大家供大家参考，具体如下：一、比较乱的排序方法function fnLuanXu(num) { var aLuanXu=[]; for (var i = 0; i < num;...

2020-05-27

45浏览

0评论

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

44浏览

0评论

vue项目常用组件和框架结构介绍

vue项目基础结构
一个vue的项目，我觉得最小的子集其实就是{vue,vue-router,component}，vue作为基础库，为我们提供双向绑定等功能。vue-router连接不同的"页面"，component作为样...

2020-05-27

55浏览

0评论

anime.js 实现带有描边动画效果的复选框（推荐）

anime.js anime.js是一个灵活的轻型JavaScript动画库。它与CSS，个别变换，SVG，DOM属性和JS对象。特征具体的动画参数具体目标值多个定时值播放控制运动路径在网...

2020-05-27

51浏览

0评论

通过fastclick源码分析彻底解决tap“点透”

近期使用tap事件为老夫带来了这样那样的问题，其中一个问题是解决了点透还需要将原来一个个click变为tap，这样的话我们就抛弃了ie用户
当然可以做兼容，但是没人想动老代码的，于是...

2020-05-27

49浏览

0评论

解决Vue 浏览器后退无法触发beforeRouteLeave的问题

现象加载第一个组件（这里的第一个意思是浏览器历史记录的第一个，后文称为待监听组件）时，正常跳转其他页面可以触发beforeRouteLeave。但是按浏览器的后退按钮监听不到该事件...

2020-05-27

66浏览

0评论

jquery中ajax请求后台数据成功后既不执行success也不执行error的完美解决方法

jquery中ajax请求后台数据成功后既不执行success也不执行error，此外系统报错：Uncaught SyntaxError: Unexpected identifier at Object.success，但后台能够返回数据，原代码如下：...

2020-05-27

80浏览

0评论

Parcel.js + Vue 2.x 极速零配置打包体验教程

继 Browserify、Webpack 之后，又一款打包工具 Parcel 横空出世Parcel.js 的官网有这样的自我介绍 “极速零配置Web应用打包工具”简单接触了一下，单从效率上来说，确实要比 webp...

2020-05-27

66浏览

0评论

深入浅析JSONAPI在PHP中的应用

现在服务端程序员的主要工作已经不再是套模版，而是编写基于 JSON 的 API 接口。可惜大家编写接口的风格往往迥异，这就给系统集成带来了很多不必要的沟通成本，如果你有类似的困...

2020-05-27

34浏览

0评论

Vue.js递归组件构建树形菜单

在Vue.js中一个递归组件调用的是其本身，如：Vue.component('recursive-component', { template: ` <recursive-component></recursive-component> }...

2020-05-27

91浏览

0评论

jQuery EasyUI 折叠面板accordion的使用实例(分享)

1、对折叠面板区域 div 设置 class=”easyui-accordion”2、在区域添加多个 div，每个 div 就是一个面板（每个面板一定要设置 title 属性）。3、设置面板属性 fit 为 true，自适...

2020-05-27

57浏览

0评论

zTree树形菜单交互选项卡效果的实现方法

1、添加自定义属性 page2、为 ztree 每个树形节点，添加点击事件<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>ztree树形菜单的使用</title> <!-- 导入jque...

2020-05-27

热门文章