JavaScript - 教程之家

75浏览

0评论

Angularjs 实现动态添加控件功能

实现下面这样的需求：点击增加一块数据盘，会出现数据盘选项。(1)最开始，想到原生JavaScript，jQuery (appendChild()等方法结合AngularJS来添加新的元素。但是突然发现控件里面的...

2020-05-27

176浏览

0评论

详解Javascript获取缓存和清除缓存API

JavaScript ServiceWorker API的好处就是让web开发人员轻松的控制缓存。虽然使用ETags等技术也是一种控制缓存的技术，按使用JavaScript让程序来控制缓存功能更强大，更自由。当...

2020-05-27

95浏览

0评论

Vue.js 中的 $watch使用方法

这两天学习了Vue.js 中的 $watch这个地方知识点挺多的，而且很重要，所以，今天添加一点小笔记。
github 源码 Observer, Watcher, vm 可谓 Vue 中比较重要的部分，检测数据变动后...

2020-05-27

63浏览

0评论

BootStrap中的Fontawesome 图标

终于暂时的结束了winform迎来了B/S的项目，这个需要我们自己写前端页面，要用bootstrap搭页面，本人小白，正在慢慢摸索中，主要记录遇到的问题，及解决办法。第一个，显示时间选择的控件...

2020-05-27

72浏览

0评论

vue-cli+webpack在生成的项目中使用bootstrap实例代码

在html页面中加入bootstrap是很方便，就是一般的将css和js文件通过Link和Script标签就行。那么在一个用vue-vli生成的前端项目中如何加入？因为框架不一样了，略微要适应一下。脚...

2020-05-27

74浏览

0评论

给Easyui-Datebox设置隐藏或者不可用的解决方法

我们公司做的是一套安全监测系统。所以呢对于前台页面没有像一些门户网站布局那么丰富，特效特别炫。目前只需要一套简单的UI界面即可，所以我选择了用easyui进行搭建，easyui是一...

2020-05-27

60浏览

0评论

AngularJS表单验证功能分析

本文实例讲述了AngularJS表单验证功能。分享给大家供大家参考，具体如下：在AngularJS的管辖下，每个表单form都会创建一个ngFormController的一个实例。在表单里面的每个input都...

2020-05-27

62浏览

0评论

React Js 微信禁止复制链接分享禁止隐藏右上角菜单功能

废话不多说了，直接给大家贴代码了，具体代码如下所示：/** * Created by wuyakun on 2017/5/23. */let wxUtils = {};/** * 是否开启右上角Menu * @param open */wxUtils.optionM...

2020-05-27

53浏览

0评论

JS中去掉array中重复元素的方法

今天看了廖雪峰的js教程，看到了filter的用法。其中用它来实现去除Array中重复元素的方法在这里记录下来。Filterfilter是一个常用的操作，它用于把Array的某些元素过滤掉，然后返...

2020-05-27

59浏览

0评论

详解通过JSON数据使用VUE.JS

最近接到一个比较简单的项目，不准备使用数据库，打算用JSON数据就可以了。结合当前火热的VUE.JS进行数据渲染。尽管不打算使用数据库，可是一般的操作增删查改依旧是少不了的。如...

2020-05-27

67浏览

0评论

vue.js获取数据库数据实例代码

vue.js动态获取数据库数据(通过vue.cli和webpack搭建的环境)1.首先我先在创建一个静态的data.json文件，在static下创建json文件夹，(webpack环境下，静态的文件放在static目录下)...

2020-05-27

81浏览

0评论

详解Vue.js基于$.ajax获取数据并与组件的data绑定

Vue.js与jQuery不冲突？？？在实际的应用中，几乎90%的数据是来源于服务端的，前端和服务端之间的数据交互一般是通过ajax请求来完成的。
说到ajax请求，第一反应肯定想到了jQuery，项目...

2020-05-27

55浏览

0评论

详解vue.js的devtools安装

安装1.github下载地址：https://github.com/vuejs/vue-devtools2.下载好后进入vue-devtools-master工程执行npm install ----->npm run build.3.修改manifest.json 中的persi...

2020-05-27

81浏览

0评论

Angularjs修改密码的实例代码

修改密码逻辑思维首先要输入旧的密码，判断旧的密码是否正确（后台判断）其次输入新的密码，判断新密码格式（可增加）最后判断新密码和确认密码输入是否一致html部分<form class="form-...

2020-05-27

54浏览

0评论

mongoose中利用populate处理嵌套的方法

前言nodejs在使用mongdb数据库中经常会使用到嵌套，比如一个多级分类等。这里我使用学校-->学院-->学生来展示使用populate处理嵌套。定义modal
在模式中，我们需要使用Schema.O...

2020-05-27

61浏览

0评论

jQuery导航条固定定位效果实例代码

实现效果图：
向下滑动时，导航栏固定代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin:...

2020-05-27

74浏览

0评论

基于layer.js实现收货地址弹框选择然后返回相应的地址信息

先给大家展示下效果图：

核心代码如下所示：(‘.selectaddress').click(function () {//图一联系方式中的点击事件 top.layer.open({ id: “layer_say_hello”,...

2020-05-27

65浏览

0评论

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

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

2020-05-27

53浏览

0评论

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

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

2020-05-27

66浏览

0评论

Angular2 之路由与导航详细介绍

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

2020-05-27

86浏览

0评论

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

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

2020-05-27

88浏览

0评论

jQuery插件imgAreaSelect基础讲解

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

2020-05-27

70浏览

0评论

详解webpack打包vue时提取css

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

2020-05-27

85浏览

0评论

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

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

2020-05-27

70浏览

0评论

简单实现JavaScript弹幕效果

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

2020-05-27

64浏览

0评论

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

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

2020-05-27

87浏览

0评论

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

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

2020-05-27

52浏览

0评论

Angularjs自定义指令Directive详解

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

2020-05-27

64浏览

0评论

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

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

2020-05-27

61浏览

0评论

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

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

2020-05-27

59浏览

0评论

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

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

2020-05-27

64浏览

0评论

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

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

2020-05-27

72浏览

0评论

angularJS模态框$modal实例代码

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

2020-05-27

83浏览

0评论

AngularJS中使用ngModal模态框实例

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

2020-05-27

68浏览

0评论

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

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

2020-05-27

77浏览

0评论

Jquery中attr与prop的区别详解

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

2020-05-27

75浏览

0评论

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

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

2020-05-27

71浏览

0评论

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

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

2020-05-27

66浏览

0评论

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

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

2020-05-27

81浏览

0评论

AngularJS获取json数据的方法详解

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

2020-05-27

108浏览

0评论

详细讲解vue2+vuex+axios

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

2020-05-27

160浏览

0评论

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

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

2020-05-27

70浏览

0评论

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

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

2020-05-27

79浏览

0评论

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

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

2020-05-27

81浏览

0评论

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

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

2020-05-27

69浏览

0评论

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

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

2020-05-27

112浏览

0评论

Vue实现选择城市功能

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

2020-05-27

84浏览

0评论

javascript 封装Date日期类实例详解

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

2020-05-27

78浏览

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

84浏览

0评论

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

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

2020-05-27

热门文章