编程开发 - 教程之家

编程开发

分类导航：HTML/html5 CSS JavaScript PHP Python Java IOS .NET R语言 Android Go语言鸿蒙OS C类语言综合编程正则表达式

86浏览

0评论

Vue路由跳转问题记录详解

最近项目上需要用Vue用来做app，在Vue中使用路由时遇到下面的问题。路由设置如下：{path:'/tab',component:Tab,children:[{path:'layoutList',name:'LayoutList',component:Lay...

2020-05-27 13:56:52

71浏览

0评论

react-router JS 控制路由跳转实例

Link组件用于正常的用户点击跳转，但是有时还需要表单跳转、点击按钮跳转等操作。这些情况怎么跟React Router对接呢？
下面是一个表单。<form onSubmit={this.handleSubmit}> <...

2020-05-27 13:56:51

56浏览

0评论

详解react如何在组件中获取路由参数

路由参数假如我们有很多 list 页面，这些页面除了动态内容不同，其他的页面部分都相同，这个时候需要怎么配置路由和组件呢？这种场景就需要用到路由的参数功能，增加一条包含参数的路...

2020-05-27 13:56:50

50浏览

0评论

JS 设置Cookie 有效期检测cookie

设置cookie 函数直接上代码：function setCookie(name, value, days) { //设置cookie var d = new Date(); d.setTime(d.getTime() + (days * 24 * 60 * 60 * 1000));...

2020-05-27 13:56:49

48浏览

0评论

validationEngine 表单验证插件使用实例代码

先给大家展示下效果图，如果大家感觉不错，请参考实现代码：废话少说，直接上代码，可拷贝直接运行：<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8" /> <meta n...

2020-05-27 13:56:48

66浏览

0评论

bootstrap daterangepicker汉化以及扩展功能

bootstrap daterangepicker使用介绍，具体如下一、扩展的功能 1、初始化时，会自动创建一个select标签； 2、当改变select值时，日期也会自动改变，并且会调用apply按钮的clic...

2020-05-27 13:56:46

59浏览

0评论

jQuery实现 RadioButton做必选校验功能

关于这个问题，百度里说法纷纷，大都无用，或者说版本太老太罗嗦，这里介绍一个可借鉴的用法：按理说，页面上的若干个Radio Button 在页面加载初始化时，是默认选中第一个的，但总是避免不...

2020-05-27 13:56:45

44浏览

0评论

详解react-router如何实现按需加载

注：本文使用的 react-router 版本为 2.8.1
React Router 是一个非常出色的路由解决方案，同时也非常容易上手。但是当网站规模越来越大的时候，首先出现的问题是 Javascript 文件...

2020-05-27 13:56:44

71浏览

0评论

bootstrap daterangepicker双日历时间段选择控件详解

双日历时间段选择插件 — daterangepicker是bootstrap框架后期的一个时间控件，可以设定多个时间段选项，也可以自定义时间段，由用户自己选择起始时间和终止时间，时间段的最大跨度...

2020-05-27 13:56:42

61浏览

0评论

AngularJs实现聊天列表实时刷新功能

昨天在做app的聊天列表时，遇到了一个问题，消息监听器监听到了一个新的消息，但是如果这时已经处于消息列表的页面那么消息列表并不会及时更新。我的想法是在service层中的监听器...

2020-05-27 13:56:41

90浏览

0评论

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

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

2020-05-27 13:56:40

66浏览

0评论

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

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

2020-05-27 13:56:39

66浏览

0评论

详解原生js实现offset方法

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

2020-05-27 13:56:38

62浏览

0评论

Angularjs为ng-click事件传递参数

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

2020-05-27 13:56:37

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 13:56:36

57浏览

0评论

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

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

2020-05-27 13:56:35

45浏览

0评论

vue实现全选、反选功能

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

2020-05-27 13:56:34

71浏览

0评论

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

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

2020-05-27 13:56:33

70浏览

0评论

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

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

2020-05-27 13:56:32

81浏览

0评论

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

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

2020-05-27 13:56:31

61浏览

0评论

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

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

2020-05-27 13:56:29

68浏览

0评论

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

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

2020-05-27 13:56:29

44浏览

0评论

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

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

2020-05-27 13:56:28

107浏览

0评论

JS 组件系列之BootstrapTable的treegrid功能

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

2020-05-27 13:55:47

59浏览

0评论

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

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

2020-05-27 13:55:46

63浏览

0评论

vue高德地图之玩转周边

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

2020-05-27 13:55:45

65浏览

0评论

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

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

2020-05-27 13:55:43

67浏览

0评论

Angular+Node生成随机数的方法

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

2020-05-27 13:55:42

56浏览

0评论

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

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

2020-05-27 13:55:40

99浏览

0评论

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

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

2020-05-27 13:55:39

55浏览

0评论

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

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

2020-05-27 13:55:38

68浏览

0评论

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

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

2020-05-27 13:55:37

41浏览

0评论

详解webpack 多入口配置

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

2020-05-27 13:55:36

66浏览

0评论

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

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

2020-05-27 13:55:35

59浏览

0评论

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

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

2020-05-27 13:55:34

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 13:55:33

71浏览

0评论

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

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

2020-05-27 13:55:32

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 13:55:31

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 13:55:22

90浏览

0评论

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

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

2020-05-27 13:55:20

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 13:55:18

69浏览

0评论

Webpack执行命令参数详解

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

2020-05-27 13:55:17

62浏览

0评论

Webpack如何引入bootstrap的方法

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

2020-05-27 13:55:16

50浏览

0评论

js简易版购物车功能

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

2020-05-27 13:55:15

46浏览

0评论

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

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

2020-05-27 13:55:14

72浏览

0评论

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

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

2020-05-27 13:55:12

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 13:55:10

60浏览

0评论

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

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

2020-05-27 13:55:09

66浏览

0评论

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

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

2020-05-27 13:55:08

55浏览

0评论

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

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

2020-05-27 13:55:07

首页 «1187 118811891190 1191 »尾页

热门文章