编程开发 - 教程之家

编程开发

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

71浏览

0评论

vue2.0s中eventBus实现兄弟组件通信的示例代码

vue1.0中，组件之间的通信主要通过vm.$dispatch沿着父链向上传播和用vm.$broadcast向下广播来实现。然而在vue2.0中，已经废除了这种用法。
vuex加入后，对组件之间的通信有了更加...

2020-05-27 11:40:50

44浏览

0评论

JavaScript编程设计模式之构造器模式实例分析

本文实例讲述了JavaScript编程设计模式之构造器模式。分享给大家供大家参考，具体如下：经典的OOP语言中，构造器（也叫构造函数）是一个用于初始化对象的特殊方法。在JS中，因为一切皆...

2020-05-27 11:40:50

62浏览

0评论

Windows安装Node.js报错:2503、2502的解决方法

前言Windows真的是太恶心了！！！不仅会出现大量的垃圾文件，而且有时莫名的安装不上一些软件（正常软件）。前久因为想学学Koa2,打算升级下nodejs的版本以体验下ES6、ES7的aync，await等...

2020-05-27 11:40:48

58浏览

0评论

bootstrap时间控件daterangepicker使用方法及各种小bug修复

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

2020-05-27 11:40:47

39浏览

0评论

详解vue 组件之间使用eventbus传值

对于前端的我们而言，并非是只有写界面才是最大的问题，很多的情况下，我们需要关注的是数据，比如js页面的数据传递等等，学习vue我们也是需要知道怎么去使用数据当然，使用存储也是可...

2020-05-27 11:40:45

61浏览

0评论

Angular4实现鼠标悬停3d倾斜效果

Angular 是什么Angular 是由谷歌开发与维护一个开发跨平台应用程序的框架，同时适用于手机与桌面。Angular 有什么特点基于 Angular 我们可以构建适用于所有平台的应用。比如：W...

2020-05-27 11:40:44

38浏览

0评论

AngularJS实现的select二级联动下拉菜单功能示例

本文实例讲述了AngularJS实现的select二级联动下拉菜单功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html ng-app><head lang="en"> <meta charset="UTF-8"> <titl...

2020-05-27 11:40:43

54浏览

0评论

javascript计算对象长度的方法

计算对象的长度，即获取对象属性的个数，具体如下方法一：通过for in 遍历对象，并通过hasOwnProperty判断是否是对象自身可枚举的属性
var obj = {"c1":1,"c2":2};function countPr...

2020-05-27 11:40:42

59浏览

0评论

JS使用tofixed与round处理数据四舍五入的区别

1 、tofixed方法　　toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。例如将数据Num保留2位小数，则表示为：toFixed(Num)；但是其四舍五入的规则与数学中的规则不同，使...

2020-05-27 11:40:41

75浏览

0评论

vue 数组和对象不能直接赋值情况和解决方法(推荐)

Vue 不能检测以下变动的数组：当你利用索引直接设置一个项时，例如：vm.items[indexOfItem] = newValue当你修改数组的长度时，例如：vm.items.length = newLength当第一种情况需求时，...

2020-05-27 11:40:39

56浏览

0评论

详解HTML5 使用video标签实现选择摄像头功能

详解HTML5 使用video标签实现选择摄像头功能1. html// jquery reference // <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>...

2020-05-27 11:40:38

69浏览

0评论

详解JSONObject和JSONArray区别及基本用法

一、JSONObject和JSONArray的数据表示形式JSONObject的数据是用 { } 来表示的，例如： { "id" : "123", "courseID" : "huangt-test", "title" : "提交作业", "cont...

2020-05-27 11:40:37

43浏览

0评论

使用Bootstrap和Vue实现用户信息的编辑删除功能

使用Bootstrap实现简单的布局，并结合Vue进行用户信息的编辑删除等功能，代码如下<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>用户信息编辑</title> <link rel...

2020-05-27 11:40:33

55浏览

0评论

js插件实现图片滑动验证码

图片滑动验证码，逻辑是根据鼠标滑动轨迹，坐标位置，计算拖动速度等等来判断是否人为操作，当然下面的代码只是实现前端部分，只记录了拖动的坐标。
先上代码吧，做个备份记录
jquery.l...

2020-05-27 11:40:32

42浏览

0评论

Angular搜索过滤批量删除添加表单验证功能集锦(实例代码)

废话不多说了，直接给大家贴代码，具体代码如下所示；<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0;...

2020-05-27 11:40:31

55浏览

0评论

详解开源的JavaScript插件化框架MinimaJS

本文介绍我开发的一个JavaScript编写的插件化框架——MinimaJS，完全开源，源码下载地址：https://github.com/lorry2018/minimajs。该框架参考OSGi规范，将该规范定义的三大插件化...

2020-05-27 11:40:30

45浏览

0评论

原生javascript实现文件异步上传的实例讲解

效果图：代码：（demo33.jsp）<%@ page contentType="text/html;charset=UTF-8" language="java" %><html><head> <title>demo33.jsp</title></head><body><label for="text">名称</...

2020-05-27 11:40:28

72浏览

0评论

基于Require.js使用方法(总结)

一、为什么要使用require.js首先一个页面如果在加载多个js文件的时候，浏览器会停止网页渲染，加载文件越多，网页失去响应的时间就会越长；其次，由于js文件之间存在依赖关系，因此必须...

2020-05-27 11:40:25

48浏览

0评论

js 只比较时间大小的实例

实例如下：<script> ///比较函数 function compareTime(date1, date2) { var d1_year, d1_month, d1_day, d1, time_span1, d2_year, d2_month, d2_day, d2, time_spa...

2020-05-27 11:40:24

68浏览

0评论

input type=file 选择图片并且实现预览效果的实例

通过<input />标签，给它指定type类型为file，可提供文件上传；accept：可选择上传类型，如：只要传图片，且不限制图片格式，为image/*；multiple：规定是否可以选择多个文件；规定只可上传图片，且...

2020-05-27 11:40:23

44浏览

0评论

AngularJS实现的省市二级联动功能示例【可对选项实现增删】

本文实例讲述了AngularJS实现的省市二级联动功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>www.freexyz.cn 省市...

2020-05-27 11:40:22

45浏览

0评论

Vue-router路由判断页面未登录跳转到登录页面的实例

如下所示：router.beforeEach((to, from, next) => { if (to.matched.some(record => record.meta.requireAuth)){ // 判断该路由是否需要登录权限 if (token) { // 判断当前...

2020-05-27 11:40:21

48浏览

0评论

纯JavaScript实现实时反馈系统时间

用javascript反馈系统时间运用知识JavaScript HTML DOMHTML DOM 中的setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回...

2020-05-27 11:40:20

128浏览

0评论

JS实现table表格固定表头且表头随横向滚动而滚动

先看一张效果图思路：1、头部用一个table并用一个div包裹着，表格的具体内容用一个table2、头部外面的div用positon: relative相对定位3、获取整个表格的高度4、获取表格的dom（...

2020-05-27 11:40:19

60浏览

0评论

详谈构造函数加括号与不加括号的区别

如下所示：//首先定义一个构造函数Hellofunction Hello（）{　　alert（1）；}//定义一个函数表达式var getName = function（）{　　alert（2）；}//实例化对象，下面这两个如果构造函数没有形参的...

2020-05-27 11:40:17

48浏览

0评论

JS处理数据四舍五入(tofixed与round的区别详解)

1 、tofixed方法toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。例如将数据Num保留2位小数，则表示为：toFixed(Num)；但是其四舍五入的规则与数学中的规则不同，使用的...

2020-05-27 11:40:16

52浏览

0评论

AngularJS实现的输入框字数限制提醒功能示例

本文实例讲述了AngularJS实现的输入框字数限制提醒功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>www.jb51....

2020-05-27 11:40:15

56浏览

0评论

JS使用正则表达式找出最长连续子串长度

废话不多说了，直接给大家贴代码了，具体代码如下所示：function maxLenStr(str){ var len = 0, max_len = 0; var reg = new RegExp("(.)\\1{1,}","g"); var res = reg.exec(s...

2020-05-27 11:40:13

63浏览

0评论

webpack3之loader全解析

首先亮出webpack官方网站，webpack能干什么？官网给出的答案就是，一句话，让一切变得简单！各式各样的loader层出不穷，让我们在构建时不知所措，于此，总结下loader的全解析。概念loader，顾...

2020-05-27 11:40:13

57浏览

0评论

vue路由跳转时判断用户是否登录功能的实现

通过判断该用户是否登录过，如果没有登录则跳转到login登录路由，如果登录则正常跳转。一丶首先在用户登录前后分别给出一个状态来标识此用户是否登录（建议用vuex）；简单用vuex表示...

2020-05-27 11:40:12

55浏览

0评论

Vue利用路由钩子token过期后跳转到登录页的实例

在Vue2.0中的路由钩子主要是用来拦截导航，让它完成跳转或前取消，可以理解为路由守卫。分为全局导航钩子，单个路由独享的钩子，组件内钩子。三种类型的钩子只是用的地方不一样，都...

2020-05-27 11:40:11

54浏览

0评论

使用Bootrap和Vue实现仿百度搜索功能

用Vue调用百度的搜索接口，实现简单的搜索功能。
搜索框的样式是基于Bootstrap，当然对样式做了简单的调整，使之类似于百度搜索。代码如下<!DOCTYPE html><html><head> <meta...

2020-05-27 11:40:10

69浏览

0评论

vue+swiper实现组件化开发的实例代码

swiper的组件<template> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide" v-for="item in swiper"><img :src="item.roo...

2020-05-27 11:40:08

67浏览

0评论

Sublime Text新建.vue模板并高亮(图文教程)

本文介绍了 Sublime Text新建.vue模板并高亮(图文教程)，分享给大家，也给自己留个笔记。准备工作下载安装新建文件模板插件 SublimeTmpl 下载安装vue语法高亮插件 Vue Synta...

2020-05-27 11:40:07

61浏览

0评论

Node.js中环境变量process.env的一些事详解

前言
最近这两天在和运维GG搞部署项目的事儿。碰到一个问题就是，咱们的dev，uat，product环境的问题。因为是前后端分离，所以在开发和部署的过程中会有对后端接口的域名的切换问题...

2020-05-27 11:40:04

56浏览

0评论

详解Webstorm 新建.vue文件支持高亮vue语法和es6语法

Webstorm 添加新建.vue文件功能并支持高亮vue语法和es6语法，分享给大家，具体如下：添加新建.vue文件功能①Webstorm 右上角File-Plugins 搜索vue如果没有就去下载点击serch in...

2020-05-27 11:40:03

300浏览

0评论

node.js的exports、module.exports与ES6的export、export default深入详解

前言
最近难得有空，决定开始重新规范的学习一下node编程。但是引入模块我看到用 require的方式，再联想到咱们的ES6各种export 、export default。阿西吧，头都大了....头大完了，...

2020-05-27 11:40:02

228浏览

0评论

详述 Sublime Text 打开 GBK 格式中文乱码的解决方法

Sublime Text 是一个代码编辑器，其具有漂亮的用户界面和强大的功能，例如代码缩略图，Python 的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写...

2020-05-27 11:40:01

44浏览

0评论

JavaScript实现树的遍历算法示例【广度优先与深度优先】

本文实例讲述了JavaScript实现树的遍历算法。分享给大家供大家参考，具体如下：<script type="text/javascript">var t = [0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19]...

2020-05-27 11:39:59

100浏览

0评论

JavaScript实现二叉树的先序、中序及后序遍历方法详解

本文实例讲述了JavaScript实现二叉树的先序、中序及后序遍历方法。分享给大家供大家参考，具体如下：之前学数据结构的时候，学了二叉树的先序、中序、后序遍历的方法，并用C语言实...

2020-05-27 11:39:58

70浏览

0评论

JS手机端touch事件计算滑动距离的方法示例

本文实例讲述了JS手机端touch事件计算滑动距离的方法。分享给大家供大家参考，具体如下：计算手势在手机屏幕上滑动时，手势滑动的距离，代码如下：function wetherScroll(){ var s...

2020-05-27 11:39:57

75浏览

0评论

Vue 兄弟组件通信的方法（不使用Vuex）

项目中，我们经常会遇到兄弟组件通信的情况。在大型项目中我们可以通过引入vuex轻松管理各组件之间通信问题，但在一些小型的项目中，我们就没有必要去引入vuex。下面简单介绍一下...

2020-05-27 11:39:56

47浏览

0评论

javascript+html5+css3自定义弹出窗口效果

本文实例为大家分享了js自定义弹出窗口效果展示的具体代码，供大家参考，具体内容如下效果图：源码：1.demo.jsp<%@ page contentType="text/html;charset=UTF-8" language="java" %...

2020-05-27 11:39:55

91浏览

0评论

vue-cli中打包图片路径错误的解决方法

最近第一次使用vue-cli构建项目，第一次打包部署到服务器上的时候出现图片加载不出来，结合网上的方法，终于给摸索出来。将项目部署到服务器上分为两种：一种是直接部署到服务器的...

2020-05-27 11:39:54

67浏览

0评论

node文字生成图片的示例代码

今天老板提了需求，要在服务端生成邀请卡，嗯…，简单的说就是把要这张：

变成差多这样的：

后端搞ruby的哥们搞了个html转图片，说转得太慢了，我就把这坑接下来了
所以睡前就倒腾了下，...

2020-05-27 11:39:53

41浏览

0评论

AngularJs用户登录问题处理（交互及验证、阻止FQ处理）

本文介绍了AngularJs用户登录的交互及验证、阻止FQ处理，具体如下1. 静态页面搭建及ng的form表单验证实现:<div class="register-frame-all"> <div class="register-frame">...

2020-05-27 11:39:52

47浏览

0评论

jquery使用iscorll实现上拉、下拉加载刷新

本文实例为大家分享了iscorll实现上拉下拉加载刷新的具体代码，供大家参考，具体内容如下
实现原理是:判断fiiptop,flipdown是否显示为依据
myScroll = new iScroll('wraphome',...

2020-05-27 11:39:51

38浏览

0评论

webpack配置之后端渲染详解

webpack配置之后端渲染2017年, vue, react, angular 已经占据前端的主流, 不得不承认这也是前端的未来发展方向. 但是后端渲染的开发方式仍然很常见, 不管是个人项目还是商...

2020-05-27 11:39:50

44浏览

0评论

基于javascript中的typeof和类型判断(详解)

typeofECMAScript 有 5 种原始类型（primitive type），即 Undefined、Null、Boolean、Number 和 String。我们都知道可以使用typeof运算符求得一个变量的类型，但是对引用类型变量...

2020-05-27 11:39:46

166浏览

0评论

vue中的event bus非父子组件通信解析

有时候非父子关系的组件也需要通信。在简单的场景下，使用一个空的Vue实例作为中央事件总线：var bus = new Vue()// 触发组件 A 中的事件bus.$emit('id-selected', 1)// 在组件...

2020-05-27 11:39:45

首页 «1247 124812491250 1251 »尾页

热门文章