JavaScript - 教程之家

90浏览

0评论

微信小程序canvas写字板效果及实例

微信小程序canvas写字板效果及实例写字板效果：书写文字，画板重置，导出图片，导出图片前判断是否书写内容app.json：添加一个路由："pages/canvas/canvas"{ "pages":[ "pages/index/i...

2020-05-27

58浏览

0评论

微信小程序监听手势滑动切换页面实例详解

微信小程序监听手势滑动切换页面实例详解1.对应的xml里写上手势开始、滑动、结束的监听：<view class="touch" bindtouchstart="touchStart" bindtouchmove="touchMove" bind...

2020-05-27

66浏览

0评论

详解原生js实现offset方法

在为 jTool 提供 offset (获取当前节点位置）方法时，先后使用了两种方式进行实现，现整理出来以作记录。
前后共使用了两种方式实现了该方法，这里将这两种方法分别列出。通过递...

2020-05-27

62浏览

0评论

Angularjs为ng-click事件传递参数

在angularjs开发中，我们需要为ng-click事件传递一个参数。在js中，可以接到参数：演示：...

2020-05-27

63浏览

0评论

Bootstrap Tree View简单而优雅的树结构组件实例解析

A simple and elegant solution to displaying hierarchical tree structures (i.e. a Tree View) while leveraging the best that Twitter Bootstrap has to offer.
这是B...

2020-05-27

57浏览

0评论

vue中将网页打印成pdf实例代码

整理文档，搜刮出一个vue中将网页打印成pdf的代码，稍微整理精简一下做下分享。
<template><div class="pdf-wrap" id="pdfWrap"> <button v-on:click="getPdf">点击下载PDF</bu...

2020-05-27

45浏览

0评论

vue实现全选、反选功能

用vue写业务代码时候，后端大神丢给我一堆数据，要求是做全选，反选功能，然后把用户更改的数据全部返回给他基本思路如果父级选中了，那么父级下面的子集全部选中checked=true;如果子...

2020-05-27

71浏览

0评论

vue.js实现数据动态响应 Vue.set的简单应用

在vue里面，我们操作最多的就是各种数据，在jquery里面，我们习惯通过下标定向找到数据，然后重新赋值比如var a[0]=111;（希望上家公司原谅菜鸟的我写了不少这样的代码）下面上代码<htm...

2020-05-27

70浏览

0评论

angular ng-click防止重复提交实例

方法一：点击后，让button的状态变为disablejs指令：.directive('clickAndDisable', function() { return { scope: { clickAndDisable: '&' }, link: f...

2020-05-27

81浏览

0评论

基于JS实现网页中的选项卡（两种方法）

网页中经常会用到选项卡这种东东，说白了就是点击一个选项，下面会弹出这个选项里的内容。方法一：方法一利用简单的代码即可实现，以下是全部的代码；<!DOCTYPE html><html> <head>...

2020-05-27

58浏览

0评论

利用jquery去掉时光轴头尾部线条的方法实例

前言以前做类似时光轴的结构，几乎都是一条灰色线飞流直下，没有尽头。今天这个线条是从第一个圆点到最后一个圆点，那么问题来了，内容的高度还不是固定的，线条的长度怎么确定？怎么就...

2020-05-27

68浏览

0评论

JS基于正则实现数字千分位用逗号分隔的方法

本文实例讲述了JS基于正则实现数字千分位用逗号分隔的方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js千分...

2020-05-27

44浏览

0评论

基于jQuery和CSS3实现APPLE TV海报视差效果

用CSS和jQuery来实现它，尽量看起来和原效果一样。本教程里，我将使用CSS,HTML和jQuery来创建一个近似Apple TV视差效果，如果你正在阅读，我假设你对上述三种技术都有基本的了解。...

2020-05-27

103浏览

0评论

JS 组件系列之BootstrapTable的treegrid功能

上篇给大家介绍了JS 组件系列之 bootstrap treegrid 组件封装过程，下面重点给大家介绍JS 组件系列之BootstrapTable的treegrid功能，需要的的朋友一起学习吧！一、效果预览全部折...

2020-05-27

59浏览

0评论

JavaScript实现提交模式窗口后刷新父窗口数据的方法

本文实例讲述了JavaScript实现提交模式窗口后刷新父窗口数据的方法。分享给大家供大家参考，具体如下：有些时间，按需求设计，一个窗口中，点击按扭，弹出模式窗口，在模式窗口中，添加完数...

2020-05-27

63浏览

0评论

vue高德地图之玩转周边

前言：在之前的博客中，有成功引入高德地图，这是以前的地址 vue 调用高德地图。因为一些需求，需要使用到地图的周边功能。完整的项目代码请查看我的github一、先看要实现的结...

2020-05-27

65浏览

0评论

JS利用正则表达式实现简单的密码强弱判断实例

实现功能：1、输入字符要在6-16之间；小于6个字符或大于16个字符时给予提示，而且强弱不显示；为0时，也给予提示；2、当密码在6-16个字符之间时，如果密码全是数字或全是字母，显示弱；密码是...

2020-05-27

67浏览

0评论

Angular+Node生成随机数的方法

本文实例讲述了Angular+Node生成随机数的方法。分享给大家供大家参考，具体如下：以前写过一个PHP生成随机数，然后jquey ajax获取，再jQuery改变文本的随机数的程序现在用Angular...

2020-05-27

54浏览

0评论

基于AngularJS实现的工资计算器实例

本文实例讲述了基于AngularJS实现的工资计算器。分享给大家供大家参考，具体如下：先看界面：其实在ng中最让人印象深刻的就是数据的双向绑定，在html中就完成了很多操作。大概用到...

2020-05-27

94浏览

0评论

详解探索 vuex 2.0 以及使用 vuejs 2.0 + vuex 2.0 构建记事本应用

前言首先说明这并不是一个教程贴，而记事本应用是网上早有的案例，对于学习 vuex 非常有帮助。我的目的是探索 vuex 2.0 ,然后使用 vuejs 2.0 + vuex 2.0 重写这个应用，其中最大...

2020-05-27

52浏览

0评论

jQuery序列化后的表单值转换成Json

小朋友有一个表单，他想以Json的方式获取到表单的内容。小朋友尝试了以下方式。通过$("#form").serialize()可以获取到序列化的表单值字符串。例如：a=1&b=2&c=3&d=4&e=5
通过$(...

2020-05-27

68浏览

0评论

jQuery 控制文本框自动缩小字体填充

js控制文本框自动缩小字体填充，当文本框中的字体超出文本框范围的时候，框内的字体会自动缩小，以填充整个文本框;调用：resetFontSize($(".title"), 50, 10, 20);//重置字体大小...

2020-05-27

41浏览

0评论

详解webpack 多入口配置

同事套搭建vue项目，个人推荐了VUE官网的vue-cil的方式，http://cn.vuejs.org/guide/application.html顺着官网的操作，我们可以本地测试起我们的项目 npm run dev,首先我们要理解...

2020-05-27

64浏览

0评论

详解Nodejs 部署到阿里云全过程

整个部署过程学到了不少东西，记录一下。
1. 到阿里云购买云服务器 ECS 。https://www.aliyun.com/product/ecs
如果是在校学生，在淘宝有实名认证，且在学信网有注册，可以试试抢学...

2020-05-27

59浏览

0评论

node文件上传功能简易实现代码

找了不少文件上传的相关模块，最后选择了比较常用，并且是express推荐使用的 multer 来实现文件上传，附上 GitHub 地址
1. 开始
开始第一步，自然就是安装模块，不多说npm install mu...

2020-05-27

57浏览

0评论

JS实现商品筛选功能

每天一个JS 小demo之商品筛选。主要知识点：DOM方法综合运用效果图：代码：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style type="t...

2020-05-27

68浏览

0评论

vue-router路由参数刷新消失的问题解决方法

场景：vue-router实现的单页应用，登录页调用登录接口后，服务器返回用户信息，然后通过router.push({name: 'index', params: res.data})传给主页组件，并在主页显示数据。但是刷新页...

2020-05-27

58浏览

0评论

JS实现新建文件夹功能

每天一个JS 小demo之新建文件夹。主要知识点：DOM方法的综合运用<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style type="text/cs...

2020-05-27

63浏览

0评论

JavaScript用二分法查找数据的实例代码

整理文档，搜刮出一个JavaScript用二分法查找数据的实例代码，顺便做个笔记//二分法查数据 var arr=[41,43,45,53,44,95,23]; var b=44; var min=0; var max=arr.length; for(v...

2020-05-27

90浏览

0评论

利用vscode编写vue的简单配置详解

前言本文主要给大家介绍的是关于vscode编写vue简单配置的相关内容，分享出来供大家参考学习，下面来一起看看详细的介绍：PS:现在推荐使用vetur插件
win10崩溃，重装win7，结果sublime...

2020-05-27

54浏览

0评论

JS实现留言板功能

每天一个JS 小demo之留言板。主要知识点：DOM方法的理解和运用<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style type="text/css"...

2020-05-27

65浏览

0评论

Webpack执行命令参数详解

一、概述前面的章节我们讲解了webpack的安装、webpack.config.js的基本配置、webpack执行命名以及require方法的使用，不知道大家有没有发现，当我们每次修改或者新增一个js文...

2020-05-27

62浏览

0评论

Webpack如何引入bootstrap的方法

Bootstrap中是一种事实上的界面标准，标准到现在的网站大量的使用它。如果可以使用webpack引入的bootstrapcss，就可以一个npm install完成项目的依赖，而不必手工的添加到html内...

2020-05-27

49浏览

0评论

js简易版购物车功能

本文实例为大家分享了js购物车功能的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> * {...

2020-05-27

44浏览

0评论

详解windows下vue-cli及webpack 构建网站(二)导入bootstrap样式

1、先安装好vue-cli，如果还没有安装好的可以参考：《windows下vue-cli及webpack 构建网站(一)环境安装》
2、安装好之后Vue的欢迎界面，我们要做个例子导入bootstrap的样式，就先去...

2020-05-27

69浏览

0评论

详解windows下vue-cli及webpack 构建网站(三)使用组件

1、本文章是建立在《windows下vue-cli及webpack 构建网站(一)环境安装》和《windows下vue-cli及webpack 构建网站(一)导入bootstrap样式》两篇文章之上的。2、在src\compone...

2020-05-27

41浏览

0评论

详解windows下vue-cli及webpack 构建网站(四) 路由vue-router的使用

windows下vue-cli及webpack 构建网站(一)环境安装
windows下vue-cli及webpack 构建网站(二)导入bootstrap样式
windows下vue-cli及webpack 构建网站(三)使用组件
1、本...

2020-05-27

59浏览

0评论

webpack学习教程之publicPath路径问题详解

本文主要给大家介绍了关于webpack中publicPath路径问题的相关内容，分享出来供大家参考学习，下面来看看详细的介绍：output: { filename: "[name].js", path:path.resolve(__di...

2020-05-27

66浏览

0评论

webpack打包后直接访问页面图片路径错误的解决方法

前言本文说的这种图片路径错误是这样的，运行webpack-dev-server，一切正常，没有错误。当webpack之后，直接打开index页面，报错，图片找不到，找不到的原因是路径错误。先看我的项目代码...

2020-05-27

55浏览

0评论

详解Vue组件之间的数据通信实例

最近在用vue做项目，学习了不少东西，但是有时候光顾着做项目却忘记要找个时间来整理一下最近的一些学习新得，因为是新手，所以可能会有错误的地方，欢迎指出和交流呀~~~
关于父子组...

2020-05-27

100浏览

0评论

深入理解Webpack 中路径的配置

前言Webpack2 中有很多涉及路径参数配置，若不知其所以然，很容易混淆出错。本文尽可能的汇集了 Webpack2 中涉及路径的配置，力争深入浅出。contextcontext 是 webpack 编译时的...

2020-05-27

100浏览

0评论

Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#<Object>‘的解决方法

发现问题运行一下以前的一个Vue+webpack的 vue仿新闻网站小项目，报错由于自己vue学习不深入，老是这个报错，找了好久（确切的说是整整一下午^...^）才找到原因 -v-Uncaught TypeEr...

2020-05-27

66浏览

0评论

bootstrap paginator分页前后台用法示例

bootstrap paginator分页前后台用法示例，供大家参考，具体内容如下准备工作：bootstrap-paginator.js 插件
github开源项目百度自行下载
引入js文件（JQuery1.8+bootstrap.min.js+b...

2020-05-27

67浏览

0评论

Linux系统中利用node.js提取Word(doc/docx)及PDF文本的内容

前言想要做全文搜索引擎，则需要将word/pdf等文档内容提取出来。对于pdf有xpdf等一些开源方案。
但Word文档的情况则会复杂一些。提取PDF文本内容
XPDF是一个免费开源的软件，用...

2020-05-27

53浏览

0评论

JavaScript输入框字数实时统计更新

在前端开发中，很多情况下需对输入内容进行验证。实时统计功能，对于定长输入而言，可以让用户实时明确输入界限，并合理安排内容。字数实时统计更新下面将以【消息内容】为例，设计实...

2020-05-27

65浏览

0评论

详解JS获取HTML DOM元素的8种方法

什么是HTML DOM文档对象模型（Document Object Model），是W3C组织推荐的处理可扩展置标语言的标准编程接口。简单理解就是HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素...

2020-05-27

51浏览

0评论

vue-router单页面路由

vue中，有一个类库叫做vue-router，是用来做单页面路由的。做路由一般分为四个步骤：准备一个根组件　　vue.extend()；需要做路由的内容准备　　template；准备路由 new VueRo...

2020-05-27

49浏览

0评论

详解webpack+vue-cli项目打包技巧

1.设置config文件夹index.js中productionSourceMap的值为false，也就是设置webpack配置中devtool为false，打包后文件体积可以减少百分之八十！！！！！！！ 2.如何实现打包文件中js、css等的...

2020-05-27

48浏览

0评论

js轮播图无缝滚动效果

在做轮播图时如果首尾不能连起来的话，效果会有点丑，下面介绍一种我常用的方法：先文字说明一下：如果要展示5张图，分别为1,2,3,4,5 那么在代码的引入中是这样的：1,2,3,4,5,1按顺序...

2020-05-27

107浏览

0评论

详解vue+vueRouter+webpack的简单实例

最近vue更新的2.0版本，唉，我是在2.0版本前学习的，现在更新了又要看一遍了，关键是我之前看了3个星期2.0就更新了，vux还没同步更新，导致我用vux时要将vue的版本降回1.x，vue-router也...

2020-05-27

热门文章