JS仿QQ好友列表展开、收缩功能(第二篇)
在上篇的基础上继续完善，点击一个li元素，其他li元素上的类名清除掉。效果图如下所示：js：<script> window.onload = function(){ var list = document.getElementById('list');...
2020-05-27
JS仿QQ好友列表展开、收缩功能(第一篇)
效果图如下所示：html:<ul id="list"> <li class="lis"> <h2>我的好友</h2> <ul> <li>张三</li> <li>李四</li> ... </ul> </li> <li class="lis"> <h2>企业好友</h...
2020-05-27
彻底解决 webpack 打包文件体积过大问题
webpack 把我们所有的文件都打包成一个 JS 文件，这样即使你是小项目，打包后的文件也会非常大。下面就来讲下如何从多个方面进行优化。去除不必要的插件刚开始用 webpack 的时...
2020-05-27
理解 javascript 中的函数表达式与函数声明
常用闭包的同学肯定很清楚下面一段代码：//通常的闭包写法(function () { ...}())那么我们的问题来了，为什么要在 function () {...}() 之外用圆括号包裹呢？解答这个问题，就需要...
2020-05-27
js中变量的连续赋值(实例讲解)
今天遇到了一个连续赋值的经典案例，网友们给出的答案也是五花八门，看起来有些繁琐，我也来说说自己的看法。下面就是这个经典案例：var a = {n: 1}；var b = a;a.x = a = {n: 2}；cons...
2020-05-27
浅谈jQuery框架Ajax常用选项
json(JavaScript Object Notation):轻量级的数据交换(交换的数据转换成与平台无关的)格式java对象转换成json字符串,使用ObjectMapper类的writeValueAsString(java对象);将j...
2020-05-27
深入理解jquery的$.extend()、$.fn和$.fn.extend()
jQuery为开发插件提拱了两个方法，分别是：
jQuery.fn.extend();jQuery.extend();jQuery.fnjQuery.fn = jQuery.prototype = {init: function( selector, context ) {//….//…...
2020-05-27
JQuery 获取Dom元素的实例讲解
废话不多说，直接上代码(function (window) {var arr = [];var VP = function (selector, context) {return new VP.fn.init(selector, context);}VP.fn = VP.prototype = {co...
2020-05-27
Javascript 一些需要注意的细节(必看篇)
1.使用 === 代替 ==JavaScript 使用2种不同的等值运算符：===|!== 和 ==|!=，在比较操作中使用前者是最佳实践。“如果两边的操作数具有相同的类型和值，===返回true，!==返回false...
2020-05-27
javascript定时器取消定时器及优化方法
javascript定时器取消定时器及js定时器优化方法通常用的方法：
启动定时器：
window.setInterval(Method,Time) Method是定时调用的js方法
Time是间隔时间，单位是毫秒
取消定时...
2020-05-27
详谈javascript精度问题与调整
一个经典的问题：0.1+0.2==0.3答案是：false因为：0.1+0.2=0.30000000000000004第一次看到这个结果就是无比惊讶，下巴碰到地上，得深入了解下问题出在哪里，该怎么去调整。产生问题的原...
2020-05-27
jQuery制作全屏宽度固定高度轮播图(实例讲解)
前端新手自己写的，练习一下基本功，也是留下的第一次记录html部分div class="cm-banner"> <div class="cm-banner-list"> <ul id="cm_banner_list"> <!--图片宽度和高...
2020-05-27
jQuery封装placeholder效果实现方法,让低版本浏览器支持该效果
页面中的输入框默认的提示文字一般使用placeholder属性就可以了，即：<input type="text" name="username" placeholder="请输入用户名" value="" id="username"/>最多加点样式...
2020-05-27
JavaScrpt中如何使用 cookie 设置查看与删除功能
JS cookie 常用的3个预设函数(库)<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>无标题文档</title><script>function setCookie(name, value, iDay) //iday是...
2020-05-27
解决JS外部文件中文注释出现乱码问题
问题描述 中文乱码在Java Web开发中经常出现，这是由于不同的部分编码不一样造成的，一般在开发中，我们把所有能设编码的地方，全部设置成UTF-8，但是有时候还是会出现乱码的情况。在...
2020-05-27
Bootstrap Multiselect 常用组件实现代码
实际的项目网站中或多或少的或用到多选框，我选用的一款是 Bootstrap Multiselect。 官方文档：http://www.kuitao8.com/demo/20140224/1/bootstrap-multiselect-master/inde...
2020-05-27
收藏AngularJS中最重要的核心功能
以下是AngularJS中最重要的核心功能如下所述：•数据绑定: 模型和视图组件之间的数据自动同步。•适用范围: 这些对象参考模型。它们充当控制器和视图之间的胶水。&...
2020-05-27
Bootstrap 模态对话框只加载一次 remote 数据的完美解决办法
摘要: 前端框架 Bootstrap 的模态对话框，可以使用 remote 选项指定一个 URL，这样对话框在第一次弹出的时候就会自动从这个地址加载数据到 .modal-body 中，但是它只会加载一次，不...
2020-05-27
vue2中filter()的实现代码
vue2.0里，不再有自带的过滤器，需要自己定义过滤器。定义的方法如下：
注册一个自定义过滤器，它接收两个参数：过滤器 ID 和过滤器函数。Vue.filter('filtername',function(value,...
2020-05-27
vue子父组件通信的实现代码
之前在用vue写子父组件通信的时候，老是遇到问题！！！子组件传值给父组件： 子组件：通过emit方法给父组件传值，这里的upparent是父组件要定义的方法 模板：<div v-on:click="...
2020-05-27
详谈AngularJs 控制器、数据绑定、作用域
上次分享完该系列文章后有朋友也建议说1.x版本除了维护也没有必要学习，可以学习2.0开始学习，我也知道1.x无论是从性能还是架构上都没有2.x好，但是我想因为现在也有一些朋友还在...
2020-05-27
基于Bootstrap模态对话框只加载一次 remote 数据的解决方法
摘要: 前端框架 Bootstrap 的模态对话框，可以使用 remote 选项指定一个 URL，这样对话框在第一次弹出的时候就会自动从这个地址加载数据到 .modal-body 中，但是它只会加载一次，不...
2020-05-27
AngularJS实用基础知识_入门必备篇(推荐)
前言今天来和大家学习一下AngularJS……AngularJS 通过新的属性和表达式扩展了 HTML。AngularJS 可以构建一个单一页面应用程序。AngularJS 学习起来非常简单。一、AngularJ...
2020-05-27
基于easyui checkbox 的一些操作处理方法
1、获取已勾选的行：var rows = $('#datagrid').datagrid('getChecked');2、判断checkbox是否全选：var allFlg = $(".datagrid-header-check").find("input").is(":checked");3...
2020-05-27
AugularJS从入门到实践(必看篇)
前 言前端 AngularJS是为了克服HTML在构建应用上的不足而设计的。（引用百度百科）AngularJS使用了不同的方法，它尝试去补足HTML本身在构建应用方面的缺陷。AngularJS通过使用我...
2020-05-27
vue.js实现备忘录功能的方法
这个vue实现备忘录的功能demo是K在github上找到的，K觉得这是一个用来对vue.js入门的一个非常简单的demo，所以拿在这里共享一下。（尊重他人劳动成果，从小事做起~ demo原github地...
2020-05-27
JS 判断某变量是否为某数组中的一个值的3种方法(总结)
1.正则表达式js 中判断某个元素是否存在于某个 js 数组中，相当于 PHP 语言中的 in_array 函数。Array.prototype.in_array=function(e){var r=new RegExp(','+e+',');return...
2020-05-27
JavaScript 程序错误Cannot use 'in' operator to search的解决方法
今天编程时，JavaScript 程序报了这样的错误：Cannot use 'in' operator to search for...，具体错误信息如下：
坦白说，这样的错误最难调试。因为它并不指向你所写的具体代码，而是泛...
2020-05-27
angular实现spa单页面应用实例
本篇文章是对单页面的一个简单的基本逻辑操作，这个方法可以搭建基本的单页面的逻辑结构。简单理解：单页面应用，锚点值切换，一个路由对应一个页面。路由：此时会创建一个信息保存路...
2020-05-27
Angular X中使用ngrx的方法详解（附源码）
前言ngrx 是 Angular框架的状态容器，提供可预测化的状态管理。下面话不多说，来一起看看详细的介绍：1.首先创建一个可路由访问的模块 这里命名为：DemopetModule。包括文件：demopet...
2020-05-27
基于jQuery Easyui实现登陆框界面
效果图CSSa{ text-decoration:none;}body{ margin:0px;}#header{ width:100%; height:30px; background-color:#E0EFFF; padding-top: 5px; padding-bottom: 10px;}#...
2020-05-27
Node.js+Express+MySql实现用户登录注册功能
本文实例为大家分享了Node.js实现用户登录注册的具体代码，供大家参考，具体内容如下IDE：WebStorm
工程目录： 数据库表 Login.js:
/** * Created by linziyu on 2017/7/8. *//**...
2020-05-27
vue.js组件之间传递数据的方法
前言组件是 vue.js 最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。如何传递数据也成了组件的重要知识点之一。组件组件与组件...
2020-05-27
require.js中的define函数详解
前言模块不同于传统的脚本文件，它良好地定义了一个作用域来避免全局名称空间污染。它可以显式地列出其依赖关系，并以函数(定义此模块的那个函数)参数的形式将这些依赖进行注入...
2020-05-27
深入浅析Node.js单线程模型
Node.js采用 事件驱动 和 异步I/O 的方式，实现了一个单线程、高并发的运行时环境，而单线程就意味着同一时间只能做一件事，那么Node.js如何利用单线程来实现高并发和异步I/O？本文...
2020-05-27
Vue2路由动画效果的实现代码
这篇文章主要讲的是路由切换的时候动画效果的实现，可以根据不同的路径去改变动画的效果，以下就是源码，可供参考：
<template> <div id="app"> <transition :name="transition...
2020-05-27
Vue实现virtual-dom的原理简析
virtual-dom(后文简称vdom)的概念大规模的推广还是得益于react出现，virtual-dom也是react这个框架的非常重要的特性之一。相比于频繁的手动去操作dom而带来性能问题，vdom很好...
2020-05-27
Vue 2.0的数据依赖实现原理代码简析
首先让我们从最简单的一个实例Vue入手: const app = new Vue({ // options 传入一个选项obj.这个obj即对于这个vue实例的初始化 })通过查阅文档，我们可以知道这个option...
2020-05-27
underscore之Chaining_动力节点Java学院整理
还记得jQuery支持链式调用吗？$('a').attr('target', '_blank') .append(' <i class="uk-icon-external-link"></i>') .click(function () {});如果我们有一组操作，用under...
2020-05-27
Angular.js组件之input mask对input输入进行格式化详解
前言最近因为项目的需要，经常有一些对input输入进行格式化的需求，以前做的时候在js中写指令进行处理，但是这样又要在js或者在java代码中将请求的数据进行还原，很是麻烦，于是在网...
2020-05-27
underscore之Collections_动力节点Java学院整理
underscore为集合类对象提供了一致的接口。集合类是指Array和Object，暂不支持Map和Set。map/filter和Array的map()与filter()类似，但是underscore的map()和filter()可以作用于...
2020-05-27
Angular.js ng-file-upload结合springMVC的使用教程
前言本文主要给大家介绍了关于Angular.js文件上传控件ng-file-upload结合springMVC使用的相关内容，对于Angular.js文件上传控件ng-file-upload不熟悉的朋友们可以先看看这篇...
2020-05-27
Underscore之Array_动力节点Java学院整理
underscore为Array提供了许多工具类方法，可以更方便快捷地操作Array。
first / last
顾名思义，这两个函数分别取第一个和最后一个元素：
'use strict';var arr = [2, 4, 6, 8];_...
2020-05-27
jQuery实现QQ空间汉字转拼音功能示例
本文实例讲述了jQuery实现QQ空间汉字转拼音功能。分享给大家供大家参考，具体如下：html：<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> <meta...
2020-05-27
基于JS实现仿京东搜索栏随滑动透明度渐变效果
废话不多说，直接上代码：1、HTML<header class="module-layer"> <div class="module-layer-content"> <div class="search-box-cover"></div> <p class="layer-return"></...
2020-05-27
激动人心的 Angular HttpClient的源码解析
Angular 4.3.0-rc.0 版本已经发布🐦。在这个版本中，我们等到了一个令人兴奋的新功能 - HTTPClient API 的改进版本，以后妈妈再也不用担心我处理 HTTP 请求了😆...
2020-05-27
vue实现表格数据的增删改查
在管理员的一些后台页面里，个人中心里的数据列表里，都会有对这些数据进行增删改查的操作。比如在管理员后台的用户列表里，我们可以录入新用户的信息，也可以对既有的用户信息进行...
2020-05-27
Javascript调试之console对象——你不知道的一些小技巧
前言写过前端Javascript代码的同学肯定不会对console对象感到陌生，在调试的过程中我们经常会用console对象在控制台输出一些常量或者变量。但是相信很多人也就只用过console....
2020-05-27
vue轮播图插件vue-awesome-swiper的使用代码实例
最近写vue2.0项目中用到了轮播图的一个插件，也就是vue-awesome-swiper，个人感觉还是比较强大的，swiper官网中的API及配置均可使用(支持3.0)，以下说下使用该插件的一些步骤：
第一...
2020-05-27
vue移动端裁剪图片结合插件Cropper的使用实例代码
之前写了一个上传头像的功能模块，以下的内容是描述上传头像过程中裁剪图片插件结合vue的一个使用。
当然，使用就安装 npm install cropperjs
接着再引入 import Cropper from...
2020-05-27
