JavaScript - 教程之家

49浏览

0评论

详解vue-cli快速构建项目以及引入bootstrap、jq

vue-cli脚手架工具快速构建项目架构：
。。首先默认了有已经安装了node。。。
npm install -g vue-cli 全局安装vue-cli
vue init webpack cnm...

2020-05-27

46浏览

0评论

Agularjs妙用双向数据绑定实现手风琴效果

最近在工作总遇到需要实现类似手风琴效果的需求，如下图所示：因为汇总（上半部分）和明细（下面的浅色部分）在不同的情况下显示的字段数量是不一样的，而且还有编辑和展示的状态切换，所...

2020-05-27

54浏览

0评论

Angular2 之路由与导航详细介绍

导航是很简单的，只是不同页面之间的切换，路由是实现导航的一种。一个url对应的一个页面，在angular2中是一个组件。定义一个规则。基础知识大多数带路由的应用都要在index.html...

2020-05-27

80浏览

0评论

jQuery插件ImgAreaSelect实现头像上传预览和裁剪功能实例讲解一

上一节随笔中，我们已经知道了关于jQuery插件ImgAreaSelect基本的知识；那么现在看一下实例：首先，要知道我们应该实现什么功能？（1）图片能够实现上传预览功能（2）拖拽裁剪图片，使其能够显...

2020-05-27

73浏览

0评论

jQuery插件imgAreaSelect基础讲解

关于ImgAreaSelect, 是一jQuery插件，它支持用户通过鼠标拖曳选择图片的一部分，如图片拖曳、图片编辑等~~来具体看一下1、先下载imgAreaSelect插件下载地址：英文：http://odyniec...

2020-05-27

57浏览

0评论

详解webpack打包vue时提取css

webpack打包vue项目的时候默认会把vue里的css打包到页面上。webpack.config.js里的plugins加上以下配置new webpack.LoaderOptionsPlugin({ test:/\.vue$/, options: {...

2020-05-27

69浏览

0评论

Node.js中多进程模块Cluster的介绍与使用

前言我们都知道nodejs最大的特点就是单进程、无阻塞运行，并且是异步事件驱动的。Nodejs的这些特性能够很好的解决一些问题，例如在服务器开发中，并发的请求处理是个大问题，阻塞式...

2020-05-27

62浏览

0评论

简单实现JavaScript弹幕效果

不知大家有没有感受到，弹幕又是另一出好戏！！
不过我个人还是比较排斥看电视的时候被出来的弹幕打扰。今天我们来写一个简单的弹幕。简单到什么程度呢？看下效果：
由图可以看出，我...

2020-05-27

56浏览

0评论

react-router实现跳转传值的方法示例

前言本文主要给大家介绍了关于react-router跳转传值的相关内容，分享出来供大家参考学习，下面来一起看看详细的介绍：react-router跳转传值1.引入包
import {hashHistory} from...

2020-05-27

75浏览

0评论

react-redux中connect()方法详细解析

组件React-Redux将所有组件分为两大类：展示组件（UI组件），容器组件展示组件有以下几个特征：只负责 UI 的呈现，不带有任何业务逻辑没有状态（即不使用this.state这个变量）所有数...

2020-05-27

42浏览

0评论

Angularjs自定义指令Directive详解

今天学习angularjs自定义指令Directive。
Directive是一个非常棒的功能。可以实现我们自义的的功能方法。下面的例子是演示用户在文本框输入的帐号是否为管理员的帐号"Admin...

2020-05-27

54浏览

0评论

BootStrap Table 后台数据绑定、特殊列处理、排序功能

本节主要介绍Bootstrap的后台数据绑定、特殊列处理及列的排序功能1.数据绑定一般做程序设计，很少是使用json文件直接绑定数据。基本上我们都是使用编程语言进行数据获取，并做...

2020-05-27

48浏览

0评论

Angular 4环境准备与Angular cli创建项目详解

本文介绍的是为Angular4.0准备环境和学会使用Angular cli来创建项目的相关内容，分享出来供大家参考学习，需要的朋友们下面来一起看看详细的介绍：1.环境准备：1）在开始工作之前我们...

2020-05-27

49浏览

0评论

AngularJS入门教程一：路由用法初探

本文实例讲述了AngularJS路由用法。分享给大家供大家参考，具体如下：目前的理解中，这个NG的路由模块可以用于带有多视图的单页面开发。先把所有代码贴出：HTML:<!doctype html><me...

2020-05-27

57浏览

0评论

AngularJS入门教程二：在路由中传递参数的方法分析

本文实例讲述了AngularJS在路由中传递参数的方法。分享给大家供大家参考，具体如下：我们不仅可以在控制器中直接定义属性的值，比如:app.controller('listController',function($...

2020-05-27

60浏览

0评论

angularJS模态框$modal实例代码

1.引入$modal模块
如：angular.module('ModalCtrl',['$modal' ,'$scope' , function($modal ,$scope ){ }]);2.执行调模态框函数$scope.editModule = function(type, size, i...

2020-05-27

70浏览

0评论

AngularJS中使用ngModal模态框实例

在AngularJS中使用模态框需要引用的文件： angular.js 1.5.5 ui.bootstrap-tpls.js 0.11.2 bootstrap.css 3.3.7需要注意版本要一致，高版本的不支持这种方法，会出错
将需要弹...

2020-05-27

64浏览

0评论

angular使用post、get向后台传参的问题实例

一、问题的来源我们都知道向后台传参可以使用get、put，其形式就类似于name=jyy&id=001。但是在ng中我却发现使用$http post进行异步传输的过程中后台是接收不到数据的。其实...

2020-05-27

67浏览

0评论

Jquery中attr与prop的区别详解

实践过程在前一段时间，同事做了一个页面，效果是这样的
页面
当点击左上方那个checkBox时，要将下面的checkBox全部选中，我们的代码是这样的 $("input[name='checkbox']").attr("c...

2020-05-27

58浏览

0评论

详解如何使用webpack打包Vue工程

使用webpack打包Vue工程前言入行一年，从什么都不懂的小白，到现在什么都懂一点的小白，也算是飞跃了。感叹一下现在的前端，从nodejs出来到现在各种各样的工具如雨后春笋般的出现。...

2020-05-27

59浏览

0评论

详解vue2.0脚手架的webpack 配置文件分析

前言
作为 Vue 的使用者我们对于 vue-cli 都很熟悉，但是对它的 webpack 配置我们可能关注甚少，今天我们为大家带来 vue-cli#2.0 的 webpack 配置分析vue-cli 的简介、安装我们...

2020-05-27

55浏览

0评论

vue中用H5实现文件上传的方法实例代码

整理文档，搜刮出一个vue中用H5实现文件上传的方法实例代码，稍微整理精简一下做下分享。1.图片上传 <img v-if="personInfo.photoUrl" :src="headPreFix + personInfo.photoUrl...

2020-05-27

71浏览

0评论

AngularJS获取json数据的方法详解

本文实例讲述了AngularJS获取json数据的方法。分享给大家供大家参考，具体如下：学习了这么多天的AngularJS，今天想从实战的角度和大家分享一个简单的Demo--用户查询系统，以巩固之...

2020-05-27

97浏览

0评论

详细讲解vue2+vuex+axios

在vue2项目中，组件间相互传值或者后台获取的数据需要供多个组件使用的情况很多的情况下（后台获取数据存入vuex，组件之间共享数据），那么就需要用vuex来管理这些。
整个的流程是在...

2020-05-27

136浏览

0评论

原生JavaScript实现精美的淘宝轮播图效果示例【附demo源码下载】

本文实例讲述了原生JavaScript实现的淘宝轮播图效果。分享给大家供大家参考，具体如下：轮播图是我们学习原生js的必经之路它包含很多基本知识的运用，像this的使用，DOM的操作，还有s...

2020-05-27

57浏览

0评论

原生JavaScript实现的简单省市县三级联动功能示例

本文实例讲述了原生JavaScript实现的简单省市县三级联动功能。分享给大家供大家参考，具体如下：三级联动是我们写表单时必不可少的，比如在写收货地址时，就用到他了，最近在看原生Ja...

2020-05-27

66浏览

0评论

javascript回调函数的概念理解与用法分析

本文实例讲述了javascript回调函数的概念理解与用法。分享给大家供大家参考，具体如下：一. 回调函数的作用js代码会至上而下一条线执行下去，但是有时候我们需要等到一个操作结束...

2020-05-27

64浏览

0评论

vue子组件使用自定义事件向父组件传递数据

使用v-on绑定自定义事件可以让子组件向父组件传递数据，用到了this.$emit(‘自定义的事件名称',传递给父组件的数据)<!DOCTYPE html><html lang="en"><head> <meta charset="U...

2020-05-27

50浏览

0评论

使用 Node.js 对文本内容分词和关键词抽取

在讨论技术前先卖个萌，吃货的世界你不懂~~众成翻译的文章有 tag，用户可以基于 tag 来快速筛选感兴趣的文章，文章也可以依照 tag 关联来进行相关推荐。但是现在众成翻译的 tag...

2020-05-27

102浏览

0评论

Vue实现选择城市功能

查看完整的代码请到我的github地址 https://github.com/qianyinghuanmie/vue2.0-demos一、结果展示二、前期准备：1.引入汉字转拼音的插件，利用NPM安装代码指令为 npm ins...

2020-05-27

72浏览

0评论

javascript 封装Date日期类实例详解

javascript-封装Date日期类
　　（一）对日期进行格式化
　　自定义Date日期类的format()格式化方法　　　　方式一：（非原创）　　// 对Date的扩展，将 Date 转化为指定格式的String//...

2020-05-27

63浏览

0评论

js每隔两秒输出数组中的一项(实例)

实例如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="jquery/2.0.0/jquery.min.js"></script></head><body><div...

2020-05-27

77浏览

0评论

nodejs操作mysql实现增删改查的实例

首先需要安装mysql模块：npm install mysql --save然后创建user数据表：接着使用nodejs对数据库进行增删改查：.【活动】2017 CSDN博客专栏评选【评论送书】SQL优化、深度学习...

2020-05-27

79浏览

0评论

Javarscript中模块(module)、加载(load)与捆绑(bundle)详解

JS模块简介js模块化，简单说就是将系统或者功能分隔成单独的、互不影响的代码片段，经过严格定义接口，使各模块间互不影响，且可以为其他所用。
常见的模块化有，C中的include (.h)文...

2020-05-27

61浏览

0评论

获取url中用&隔开的参数实例(分享)

例如，当前网页中的url为https://www.baidu.com?a=111&b=222想要获取url中的a,b参数，代码如下：function getParmFormUrl(name){ var reg = new RegExp("(^|&)" + name...

2020-05-27

71浏览

0评论

Mac系统下Webstorm快捷键整理大全

前言用Webstorm来调试Node代码简直太赞了，断点调试、属性方法快速等特性让我快速脱离了用Sublime text + node-inspector那种刀耕火种的痛苦状态，幸福指数嗖嗖嗖的就上来了~~~...

2020-05-27

61浏览

0评论

设置cookie指定时间失效(实例代码)

实例如下：
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> // 设置cookie在当天指定时间点过期并提示 func...

2020-05-27

77浏览

0评论

对象不支持indexOf属性或方法的解决方法(必看)

var divarr = ["a","b","c","d"];判断divarr 数组中是否存在adivarr.indexOf("a")==-1 在ie8下会提示对象不支持indexOf属性或方法解决办法：用jquery里的$.inArray替代ind...

2020-05-27

67浏览

0评论

关于Angular2 + node接口调试的解决方案

事情的起因由于最近在使用Angular + node开发，采取的办法一直都是约定好接口，然后node实现，再编写前端。但是这样有一个很麻烦的问题：编写前端的时候无法调用接口，不能很好地测试...

2020-05-27

53浏览

0评论

Angular2入门教程之模块和组件详解

本文呢主要给大家介绍的关于Angular2模块和组件的相关内容，分享出来供大家参考学习，下面来一起看看详细的介绍：一、初步了解模块和组件之前给大家介绍了构建工程，这篇文章简单讲...

2020-05-27

77浏览

0评论

利用Angular.js编写公共提示模块的方法教程

前言在编写一些大型工程的时候，会经常遇到一些公用提示，使用框架自带很多时候不方便，于是我手写了一个，下面来看看详细的介绍：效果图如下方法如下一、先在angular中注册一个模块...

2020-05-27

63浏览

0评论

利用node.js如何搭建一个简易的即时响应服务器

前言本文默认您已经按照 nodejs 如果没有安装请安装，安装教程可以查看这篇文章，下面废话不多说，下面来看看这篇文章详细的内容介绍吧。前提需要创建一个前端项目1. 创建一个ht...

2020-05-27

53浏览

0评论

Angular.js实现动态加载组件详解

前言有时候需要根据URL来渲染不同组件，我所指的是在同一个URL地址中根据参数的变化显示不同的组件；这是利用Angular动态加载组件完成的，同时也会设法让这部分动态组件也支持AOT...

2020-05-27

51浏览

0评论

Angular2使用jQuery的方法教程

前言Angular2是以TypeScript语言作为默认编码语言，所以你看到的全部都是.ts结尾的文件。那什么是TypeScript首先，它是一个编译型语言；既然是编译型，那么你像重构、导航、智能提...

2020-05-27

69浏览

0评论

Angular2学习教程之ng中变更检测问题详解

开发中遇到的问题在开发中遇到一个这样的问题，代码不便透露，这里用简单的例子还原一下问题所在：
有三个组件，第一个是用来展示Todo列表的组件TodoComponent，Todo是个类，包含id和na...

2020-05-27

66浏览

0评论

Angular2学习教程之组件中的DOM操作详解

前言有时不得不面对一些需要在组件中直接操作DOM的情况，如我们的组件中存在大量的CheckBox，我们想获取到被选中的CheckBox，然而这些CheckBox是通过循环产生的，我们无法给每一个C...

2020-05-27

55浏览

0评论

AngularJS路由Ui-router模块用法示例

本文实例讲述了AngularJS路由Ui-router模块用法。分享给大家供大家参考，具体如下：由于某些设计原因，AngularJS原生的路由模块有一些缺点，比如说不支持view的嵌套等，所以有许多社...

2020-05-27

43浏览

0评论

Angularjs中使用轮播图指令swiper

我们在angualrjs移动开发中遇到轮播图的功能安装 swiper npm install --save swiper 或者 bower install --save swiper引入文件路径<link rel="stylesheet" href="../bo...

2020-05-27

62浏览

0评论

JS实现多级菜单中当前菜单不随页面跳转样式而发生变化

一.概述本文介绍了JQuery巧妙实现多级菜单中当前菜单不随页面跳转样式发生变化，貌似没看懂啥意思？看图说话：就是点二级或多级菜单时，父级展开，当前菜单是被选中状态，这下...

2020-05-27

49浏览

0评论

jQuery异步提交表单实例

前言：我们在开发的时候，一定会使用ajax异步提交表单，在这里总结一下：前提准备：引入脚本  <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jq...

2020-05-27

热门文章