JavaScript - 教程之家

54浏览

0评论

jQuery+CSS实现的table表格行列转置功能示例

本文实例讲述了jQuery+CSS实现的table表格行列转置功能。分享给大家供大家参考，具体如下：先来看看运行效果：具体代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transi...

2020-05-27

59浏览

0评论

nodejs使用http模块发送get与post请求的方法示例

本文实例讲述了nodejs使用http模块发送get与post请求的方法。分享给大家供大家参考，具体如下：GET请求var http = require('http');var querystring = require('querystring');...

2020-05-27

41浏览

0评论

Angular 项目实现国际化的方法

正如angular官网所说，项目国际化是一件具有挑战性，需要多方面的努力、持久的奉献和决心的任务。
本文将介绍angular项目的国际化方案，涉及静态文件(html)和ts文件文案的国际化...

2020-05-27

44浏览

0评论

(模仿京东用户注册)用JQuery实现简单表单验证,初学者必看

说明：1. 代码中的js脚本文件路径需替换为自己的目录文件2. 代码中加入了ajax验证账号是否存在<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncodin...

2020-05-27

96浏览

0评论

使用 Vue 绑定单个或多个 Class 名的实例代码

一、用变量形式绑定单个 Class 名在 vue 中绑定单个 class 名还好说，直接写就可以了<template> <div id="app">  <!-...

2020-05-27

70浏览

0评论

JQuery实现table中tr上移下移的示例(超简单)

表格样式<table> <tr> <td><input type="button" value="上移" onclick="moveUp(this)"/></td> <td><input type="button" value="下移" onclick="moveDown(this)"...

2020-05-27

68浏览

0评论

浅谈SpringMVC中post checkbox 多选框value的值(隐藏域方式)

我这里往后端传递checkbox 多选框value的值是通过字符串方式传递，先调用js对选定checkbox遍历获取选的的boxvalue，然后写进隐藏域，最后作文对象的属性提交。见代码：`前端：<form:f...

2020-05-27

75浏览

0评论

jQuery+SpringMVC中的复选框选择与传值实例

一、checkbox选择在jQuery中，选中checkbox通用的两种方式：$("#cb1").attr("checked","checked");$("#cb1").attr("checked",true);对应的jQuery函数，主要完成三个功能：1、第一个...

2020-05-27

68浏览

0评论

如何快速解决JS或Jquery ajax异步跨域的问题

简单的概括下，解决办法有两种。一种是jsonp方式：即在前端发送异步请求时，添加相关的jsonp设置或配置；后端则返回可供jsonp解析的格式的串。...

2020-05-27

59浏览

0评论

浅谈Vue2.0父子组件间事件派发机制

从vue1.x过来的都知道，在vue2.0中，父子组件间事件通信的$dispatch和$broadcase被移除了。官方考虑是基于组件树结构的事件流方式实在是让人难以理解，并且在组件结构扩展的过程...

2020-05-27

51浏览

0评论

基于vue-ssr服务端渲染入门详解

第一部分基本介绍1、前言
服务端渲染实现原理机制：在服务端拿数据进行解析渲染，直接生成html片段返回给前端。然后前端可以通过解析后端返回的html片段到前端页面，大致有以下...

2020-05-27

81浏览

0评论

react-router v4如何使用history控制路由跳转详解

前言距离React Router v4 正式发布也已经挺久了，这周把一个React的架子做了升级，之前的路由用的还是v2.7.0版的，所以决定把路由也升级下，正好“尝尝鲜”...江湖传言，目前官方同时...

2020-05-27

58浏览

0评论

利用jqprint插件打印页面内容的实现方法

业务场景客户需要在页面有一个打印按钮，点击之后可以打印Echarts图表的内容以及文字提示信息，经谷歌搜索发现，实现方法大概有三种之多，其他两种不太熟悉，而采用的这种打印方式是...

2020-05-27

59浏览

0评论

Gulp实现静态网页模块化的方法详解

前言在做纯静态页面开发的过程中，难免会遇到一些的尴尬问题。比如：整套代码有50个页面，其中有40个页面顶部和底部模块相同。那么同样的两段代码我们复制了40遍（最难受的方法）。然...

2020-05-27

46浏览

0评论

vue.js整合vux中的上拉加载下拉刷新实例教程

前言Vux 是基于 Vue 和 Weui 开发的手机端页面 UI 组件库，开发初衷是满足公司的微信端表单需求，因为第三方的调查问卷表单系统在手机上实在比较丑(还是 PC 那一套样式适配了大...

2020-05-27

101浏览

0评论

webpack vue 项目打包生成的文件,资源文件报404问题的修复方法(总结篇)

最近在使用webpack + vue做个人娱乐项目时，发现npm run build后，css js img静态资源文件均找不到路径，报404错误。。。网上查找了一堆解决办法，总结如下一、首先修改config目录...

2020-05-27

45浏览

0评论

webpack+vue2构建vue项目骨架的方法

前端项目打包工具webpack与前端开发框架vue，算是现在前后端分离后非常流行的技术了，今天主要讲的是使用webpack和vue2构建一个前后端分离项目的基本骨架。虽然使用vue-cli脚手...

2020-05-27

176浏览

0评论

详解webpack babel的配置

Babel是什么Babel是一个编译JavaScript的平台，它的强大之处表现在可以通过编译帮你达到：使用下一代的javascript（ES6，ES7,……）代码，即使当前浏览器没有完成支持；使用基于JavvS...

2020-05-27

43浏览

0评论

详解Webpack+Babel+React开发环境的搭建的方法步骤

1.认识Webpack构建应用前我们先来了解一下Webpack, Webpack是一个模块打包工具，能够把各种文件（例如：ReactJS、Babel、Coffeescript、Less/Sass等）作为模块进行编译后进行打包。...

2020-05-27

60浏览

0评论

SpringBoot+Vue前后端分离，使用SpringSecurity完美处理权限问题的解决方法

当前后端分离时，权限问题的处理也和我们传统的处理方式有一点差异。笔者前几天刚好在负责一个项目的权限管理模块，现在权限管理模块已经做完了，我想通过5-6篇文章，来介绍一下项...

2020-05-27

75浏览

0评论

详解webpack之scss和postcss-loader的配置

本文介绍了详解webpack之scss和postcss-loader的配置，分享给大家，具体如下：开始npm i sass-loader node-sass postcss-loader autoprefixer首先配置postcss-loader在这里postcs...

2020-05-27

156浏览

0评论

Vue项目组件化工程开发实践方案

我们暂时给提取出来的脚手架取名叫vde-cli，通过vde-cli脚手架生成的组件库工程目录结构如下：核心功能组件库工程的packages文件夹就是用来存放组件库里面的各种组件了，这里不...

2020-05-27

53浏览

0评论

webpack多入口文件页面打包配置详解

大多数情况下，我们使用 webpack来打包单页应用程序，这个时候只需要配置一个入口，一个模板文件，但也不尽是如此，有时候也会碰到多页面的项目，而且以我的经验来看，这种情况出现的频率...

2020-05-27

53浏览

0评论

JavaScript实现多重继承的方法分析

本文实例讲述了JavaScript实现多重继承的方法。分享给大家供大家参考，具体如下：1. 定义一个空的父类构造函数，然后通过prototype的方式为该父类定义属性和方法2. 定义一个空的...

2020-05-27

62浏览

0评论

旺旺在线客服代码旺旺客服代码生成器

阿里旺旺官方给出了3中方式的在线旺旺的样式，方便大家能够在自己的网页上添加在线旺旺联系，我们一个一个的分析：1、代码：<a target="_blank" href="http://amos.alicdn.com/msg....

2020-05-27

70浏览

0评论

10个经典的网页鼠标特效代码

1、鼠标指向出现实用特殊提示<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns=...

2020-05-27

88浏览

0评论

基于Vue、Vuex、Vue-router实现的购物商城(原生切换动画)效果

效果图如下所示：
在线地址: github.czero.cn/fancy
点击下载安卓apk安装包源码地址: github.com/czero1995/f…项目主架构
使用的库 vue-cli (vue+webpack脚手架) vue-r...

2020-05-27

55浏览

0评论

Vue+jquery实现表格指定列的文字收缩的示例代码

本文介绍了Vue+jquery实现表格指定列的文字收缩的示例代码，分享给大家，具体如下：效果很简单，但是写起来真的不容易，因为Vue对于没有React这种前端框架经验的人是不友好的
（少吐槽，...

2020-05-27

90浏览

0评论

AngularJS使用ui-route实现多层嵌套路由的示例

本文介绍了AngularJS使用ui-route实现多层嵌套路由的示例，分享给大家，具体如下：一、预期实现效果：https://liyuan-meng.github.io/uiRouter-app/index.html （项目地址：https://git...

2020-05-27

107浏览

0评论

vue select二级联动第二级默认选中第一个option值的实例

当二级联动比如选择国家的时候，希望选中一个国家的时候后面城市默认选中第一个城市，则给国家的select加一个@change事件就可以了<div class="inputLine"> <span>所在区域</sp...

2020-05-27

44浏览

0评论

js推箱子小游戏步骤代码解析

推箱子小游戏大家肯定都玩过，之所以写这篇文章，是觉得这个小游戏足够简单好理解demo：步骤解析：
本文代码已经放在了github上面了,里面也进行了很详细的代码注释，可以copy下来，在本...

2020-05-27

52浏览

0评论

jQuery第一次运行页面默认触发点击事件的实例

例如：1. $("#txt").trigger("click");//默认触发点击搜索按钮2. $(".aaa .bbb").eq(0).click();//默认第一个点击(例如UL的LI有多个可以点击的用于默认点击第一个用)注意：要放...

2020-05-27

50浏览

0评论

JavaScript实现快速排序的方法分析

本文实例讲述了JavaScript实现快速排序的方法。分享给大家供大家参考，具体如下：思想：通过分治思想、递归方法将数据依次分解为包含较小元素和较大元素的不同子序列1.在数组中选...

2020-05-27

99浏览

0评论

基于casperjs和resemble.js实现一个像素对比服务详解

前言
本次分享一个提供设计稿与前端页面进行像素对比的node服务，旨在为测试或者前端人员自己完成一个辅助性测试。相信我，在像素级别的对比下，网页对设计稿的还原程度一下子就...

2020-05-27

80浏览

0评论

使用async-validator编写Form组件的方法

前端开发中，表单的校验一个很常见的功能，一些 ui 库例如ant.design 与Element ui 都实现了有校验功能的 Form 组件。async-validator 是一个可以对数据进行异步校验的库，ant.de...

2020-05-27

131浏览

0评论

React中常见的动画实现的几种方式

现在，用户对于前端页面的要求已经不能满足于实现功能，更要有颜值，有趣味。除了整体 UI 的美观，在合适的地方添加合适的动画效果往往比静态页面更具有表现力，达到更自然的效果。比...

2020-05-27

53浏览

0评论

微信小程序实现传参数的几种方法示例

前言首先说点什么呢, 因为公司需求, 我也开始跳到小程序的坑里了, 填坑之路艰辛而凄凉, 好啦虽然有很多坑, 但毕竟小程序才出现不久, 有坑也正常, 哈哈哈不扯淡了, 来说说小...

2020-05-27

66浏览

0评论

微信小程序实现图片上传功能实例（前端+PHP后端）

前言几乎每个程序都需要用到图片。下面就来给大家介绍前端+PHP后端实现微信小程序实现图片上传功能，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。方法如下...

2020-05-27

119浏览

0评论

利用ECharts.js画K线图的方法示例

前言最近有一个统计的项目要做，在前端的数据需要用图表的形式展示。网上搜索了一下，发现有几种统计图库。MSChart这个是Visual Studio里的自带控件，使用比较简单，不过数据这块需...

2020-05-27

101浏览

0评论

Vue.js分页组件实现：diVuePagination的使用详解

一.介绍Vue.js 是什么Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只...

2020-05-27

70浏览

0评论

web前端vue之CSS过渡效果示例

过渡效果在交互体验中的重要性不言而喻。以往我们使用js或Jquery添加或移除元素的类（class），搭配CSS中定义好的样式，再引用一些javascript库之后，可以做作出非常复杂，惊艳的动态效...

2020-05-27

54浏览

0评论

js实现上传并压缩图片效果

本文实例为大家分享了js实现上传并图片压缩的具体代码，供大家参考，具体内容如下代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="...

2020-05-27

61浏览

0评论

Vuex 入门教程

Vuex 是什么？官方给出的解释：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生...

2020-05-27

69浏览

0评论

JS计算两个时间相差分钟数的方法示例

本文实例讲述了JS计算两个时间相差分钟数的方法。分享给大家供大家参考，具体如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xh...

2020-05-27

63浏览

0评论

vue-cli webpack 引入jquery的方法

今天费了一下午的劲，终于在vue-cli 生成的工程中引入了jquery，记录一下。(模板用的webpack)首先在package.json里的dependencies加入"jquery" : "^2.2.3"，然后install在webpack...

2020-05-27

70浏览

0评论

web前端vue之vuex单独一文件使用方式实例详解

Vuex 是什么？Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也...

2020-05-27

62浏览

0评论

纯js代码生成可搜索选择下拉列表的实例

1、因为动态的css楼主写不出来，因此需要引入layui中的css样式：<link rel="stylesheet" href="${ctxStatic}/layui/css/layui.css" rel="external nofollow" rel="external nof...

2020-05-27

46浏览

0评论

js点击时关闭该范围下拉菜单之外的菜单方法

实例如下：$(function(){　　$(document).bind("click",function(e){　　　　//id为menu的是菜单　　　　if($(e.target).closest("#menu").length == 0 && $(e.target).clos...

2020-05-27

63浏览

0评论

js判断传入时间和当前时间大小实例(超简单)

实例如下：//判断时间是否过期function judgeTime(time){var strtime = time.replace("/-/g", "/");//时间转换//时间var date1=new Date(strtime);//现在时间var date2=new D...

2020-05-27

45浏览

0评论

vuex 使用文档小结篇

Vuex是什么？Vuex 是一个专为 Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集...

2020-05-27

热门文章