编程开发 - 教程之家

91浏览

0评论

js原生代码实现轮播图的实例讲解

轮播图是现在网站网页上最常见的效果之一，对于轮播图的功能，要求不同，效果也不同。我们见过很多通过不同的方式，实现这一效果，但是有很多比较麻烦，而且不容易理解，兼容性也不好。在...

2020-05-27 12:34:54

85浏览

0评论

浅谈JS中的常用选择器及属性、方法的调用

选择器、属性及方法调用的配合使用：<style> #a{ width: 200px; height: 100px; background-color: red; } .b{ width:...

2020-05-27 12:34:52

57浏览

0评论

jQuery获取table表中的td标签(实例讲解)

首先我来介绍一下我遇到的问题1.当有一个table表包含了<tr>标签，<td>标签，大致可以认为是这样的：<tr> <td> @scene.ID </td> <td> @scene.SceneName </t...

2020-05-27 12:34:51

76浏览

0评论

js 获取html5的data属性实现方法

我以前一直以为只能用jquery的data()来获取哈哈是我太弱了<!DOCTYPE html><html><head> <title>dataset</title> <meta charset="utf-8"></head><body> <div id='div' d...

2020-05-27 12:34:50

71浏览

0评论

详解angularjs的数组传参方式的简单实现

初学 angularjs时，对数组传参方式感到很好奇（[‘a', ‘b', function(a,b){}]），它到底怎么实现的呢？后来由于工作很忙，对这个问题也就慢慢忘记了。今天闲来无事，有想到了这...

2020-05-27 12:34:49

58浏览

0评论

BootStrap selectpicker后台动态绑定数据的方法

本文为大家分享了BootStrap selectpicker后台动态绑定数据的方法，供大家参考，具体内容如下
html部分代码<select class="selectpicker" multiple> </select>这是一个下拉...

2020-05-27 12:34:47

59浏览

0评论

JavaScript截屏功能的实现代码

最近参与了网易炉石盒子的相关页面开发，在做卡组分享页（地址：炉石盒子卡组分享），有个需求：用户可以把这个卡组以图片的形式分享给好友。最初的的做法是使用服务器把该页面转换成图...

2020-05-27 12:34:46

68浏览

0评论

详解React 16 中的异常处理

详解React 16 中的异常处理异常处理在 React 15.x 及之前的版本中，组件内的异常有可能会影响到 React 的内部状态，进而导致下一轮渲染时出现未知错误。这些组件内的异常往往也...

2020-05-27 12:34:45

80浏览

0评论

详解Vue2中组件间通信的解决全方案

前言在Vue中组件是实现模块化开发的主要内容，而组件的通信更是vue数据驱动的灵魂，下面这篇文章将给大家介绍关于Vue2组件间通信的相关内容，下面话不多说，来一起看看详细的介绍。...

2020-05-27 12:34:43

74浏览

0评论

将 vue 生成的 js 上传到七牛的实例

一般 vue 的项目，大家都是直接把最后生成的 css js 等文件直接上传到服务器，并没有才有 cdn 的业务这样做一般有2个弊端，增加服务器带宽压力，访问量一旦上去，服务器就可能因为...

2020-05-27 12:34:42

94浏览

0评论

Vue.js中的图片引用路径的方式

当我们在Vue.js项目中引用图片时，关于图片路径有以下几种情形：使用一我们在data里面定义好图片路径imgUrl:'../assets/logo.png'然后，在template模板里面/*错误写法*/<img src=...

2020-05-27 12:34:40

89浏览

0评论

vue中七牛插件使用的实例代码

本文介绍了vue中七牛插件使用，我也正在学习，分享给大家，顺便留个笔记，废话不说了，如下：
<template> <div id="cxUpload" class="cx-upload"> <button id="pickfiles" class="up...

2020-05-27 12:34:38

68浏览

0评论

基于JavaScript实现图片连播和联级菜单实例代码

<!DOCTYPE html><html> <head> <title>图片轮播</title> <style> div{ border: 1px solid red; width:218px; height: 218px; } .show{ display: inline-block; }...

2020-05-27 12:34:37

78浏览

0评论

用JS实现简单的登录验证功能

实现过程示意图代码<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>登录</title> <style> .ok { color: green; border: 1px solid green...

2020-05-27 12:34:36

71浏览

0评论

vue使用vue-cli快速创建工程

本文介绍了vue使用vue-cli快速创建工程，分享给大家，具体如下：vue-cli安装npm i vue-cli -gvue init webpack-simple vue-todosvue-cli 是一个官方发布 vue.js 项目脚手架，使用 v...

2020-05-27 12:34:34

70浏览

0评论

Vue2.0利用vue-resource上传文件到七牛的实例代码

本文介绍了Vue2.0利用vue-resource上传文件到七牛，分享给大家，希望对大家有帮助关于上传，总是有很多可以说道的。
16年底，公司项目番茄表单的前端部分，开始了从传统的jquery到vue...

2020-05-27 12:34:33

86浏览

0评论

vue+vux实现移动端文件上传样式

样式使用的是vux的cell组件如下图的官方demo样子上图的样式需要修改一下，把保护中修改成一个图片并且内嵌一个input type=‘file' 就可以拥有好看的样式的文件上传了<!-...

2020-05-27 12:34:32

88浏览

0评论

解决React Native端口号修改的方法

本文介绍了解决React Native端口号修改的方法，分享给大家，具体如下：看图说话一般情况下,如果本地安装过一些服务的话，ReactNeact 就会毫不犹豫的给你报出错误信息，如果你是这个错...

2020-05-27 12:34:30

97浏览

0评论

BootStrap Fileinput上传插件使用实例代码

0、效果图1、引入js、css（建议css放在html头部，js加载在html底部）<link href="~/Content/fileinput.min.css" rel="external nofollow" rel="stylesheet" /><script src="~/scr...

2020-05-27 12:34:29

62浏览

0评论

webpack实现热更新（实施同步刷新）

本文介绍了webpack实现热更新（实施同步刷新），分享给大家，希望对大家有帮助。
解决方案一：实现热更新，首先，安装一系列的node命令，如果嫌麻烦，你可以直接看解决方案二，相对来说比较简单...

2020-05-27 12:34:25

90浏览

0评论

Vue2.0 多 Tab切换组件的封装实例

Vue2.0 多 Tab切换组件简单封装，满足自己简单的功能，可以直接拿去使用！首先上效果图：功能简单介绍：1、支持tab切换2、支持tab定位3、支持tab自动化仿React多Tab实现，总之可以正常...

2020-05-27 12:34:23

77浏览

0评论

基于JS实现移动端左滑删除功能

废话不多说了，直接给大家贴代码了，具体代码如下所示：<div class="wrap pay-wrap" id="lists"> @foreach (var item in Model) { <div class="pay-list" style="heig...

2020-05-27 12:34:20

82浏览

0评论

基于BootStrap multiselect.js实现的下拉框联动效果

背景：当option特别多时，一般的下拉框选择起来就有点力不从心了，所以使用multiselect是个很好的选择，可以通过输入文字来选择选项很方便，但是有一个需要下拉框联动，网上找了半天才...

2020-05-27 12:34:19

82浏览

0评论

bootstrap datepicker插件默认英文修改为中文

datepicker插件默认为英文，而且格式为：mm/dd/yyyy这种情况，看起来不怎么直观。修改目标：1、默认显示为中文 2、格式为：yyyy年mm月dd日需要修改两个地方：1、更改datas对象，增加zh-...

2020-05-27 12:34:17

82浏览

0评论

解决Vue2.0自带浏览器里无法打开的原因（兼容处理）

本文介绍了解决Vue2.0自带浏览器里无法打开的原因（兼容处理），分享给大家，希望对大家有帮助Vue 之 android内嵌H5页面不显示出现这个问题，原因有很多首先，别急，请看下面的推荐方案：1...

2020-05-27 12:34:11

56浏览

0评论

AngularJS service之select下拉菜单效果

本文实例为大家分享了service之select下拉菜单效果的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en" ng-app=...

2020-05-27 12:34:09

69浏览

0评论

基于AngularJS实现表单验证功能

本文实例为大家分享了AngularJS实现表单验证功能的具体代码，供大家参考，具体内容如下<!--实例解析ng-app 指令定义了 AngularJS 应用。ng-controller 指令定义了应用控制器。n...

2020-05-27 12:34:08

86浏览

0评论

webpack 2的react开发配置实例代码

基于webpack 2.3的标准语法，包含了less变量替换、React组件热加载、第三库单独输出、区分生产与开发环境等常用配置。'use strict'module.exports = function( env ) { //...

2020-05-27 12:34:06

56浏览

0评论

完美实现js拖拽效果 return false用法详解

本文为大家分享了完美实现js拖拽效果的具体代码，告诉大家return false的用法，供大家参考，具体内容如下1.return false可以用来阻止默认事件即系统默认事件。例如通过阻止默认事...

2020-05-27 12:34:05

288浏览

0评论

jQuery dateRangePicker插件使用方法详解

jQuery dateRangePicker插件使用总结。
版本说明：
当前使用版本：2.1.25
特别说明：版本不同，部分api可能会发生变化，需要引起重点关注效果图关键代码片段
$("#dateTimeRange span"...

2020-05-27 12:34:03

80浏览

0评论

VUE axios上传图片到七牛的实例代码

浏览器上传图片到服务端，我用过两种方法：1.本地图片转换成base64，然后通过普通的post请求发送到服务端。操作简单，适合小图，以及如果想兼容低版本的ie没办法用此方法2.通过form表...

2020-05-27 12:34:02

64浏览

0评论

Vue单文件组件的如何使用方式介绍

在很多 vue项目中，我们使用 vue.component 来定义全局组件，紧接着用 new vue(el: ”)在每个页面内指定一个容器元素这种方式在很多中小规模的项目中运作的很好，在这些项目里 Ja...

2020-05-27 12:34:00

72浏览

0评论

vuejs 单文件组件.vue 文件的使用

vuejs 自定义了一种.vue文件，可以把html, css, js 写到一个文件中，从而实现了对一个组件的封装，一个.vue 文件就是一个单独的组件。由于.vue文件是自定义的，浏览器不认识，所以需...

2020-05-27 12:33:59

95浏览

0评论

ReactNative踩坑之配置调试端口的解决方法

本文介绍了ReactNative踩坑之配置调试端口的解决方法，分享大家，顺便也给自己留个笔记问题是这样的,由于公司的机器安装了安全软件，http://localhost:8081被占用了。(windows上...

2020-05-27 12:33:57

68浏览

0评论

Vue自定义指令详解

在 AngularJs 中，它的指令使用 directive ( name,factor_function)来实现：angular.module( 'myapp' ,[]).directive (myDirective,function (){ return{ template : '...

2020-05-27 12:33:56

114浏览

0评论

利用node.js+mongodb如何搭建一个简单登录注册的功能详解

前言最近突然对数据库和后台感兴趣了,就开始了漫长的学习之路,想想自己只是一个前端,只会java斯科瑞普,所以就开始看nodejs,看着看着突然发现mongodb和nodejs更配哦!,遂就开...

2020-05-27 12:33:54

90浏览

0评论

微信小程序对接七牛云存储的方法

前言：做小程序有一段时间了，总结一下做过的技术点，特此贡献给小伙伴们！项目中，有图片存储、视频存储、录音存储这三个需要云对接存储。一、图片/视频/录音上传七牛对接准...

2020-05-27 12:33:52

101浏览

0评论

jquery easyui如何实现格式化列

本文主要介绍了jquery easyui如何实现格式化列，正好最近需要用到，分享给大家，也给自己留个笔记
主框架页面: 在主界面区会加载西区菜单点击的URL内容.<!DOCTYPE html><html><h...

2020-05-27 12:33:51

132浏览

0评论

关于前后端json数据的发送与接收详解

前言最近因为笔者后台使用的是flask框架接收和前端使用的是原生的JavaScript和jQuery的ajax发送，能力有限，在此仅写下我开发项目过程中所得，分享出来供大家参考学习，下面话不多...

2020-05-27 12:33:50

76浏览

0评论

Angular.js中上传指令ng-upload的基本使用教程

前言本文主要给大家介绍了关于Angular.js中上传指令ng-upload的基本使用，分享出来供大家参考学习，下面话不多说，来一起看看详细的介绍：Angular上传指令ng-upload的基本使用，包括...

2020-05-27 12:33:48

84浏览

0评论

利用JavaScript如何查询某个值是否数组内

本文主要给大家介绍了关于利用JavaScript查询某个值是否数组内的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍：问题> var b = ["aa", "bb"]> "aa" in...

2020-05-27 12:33:47

57浏览

0评论

webpack实现热加载自动刷新的方法

本文介绍了webpack实现热加载自动刷新的方法，分享给大家，具体如下：一、webpack-dev-server
一个轻量级的服务
功能：修改代码及时呈现到浏览器上。第一步：安装npm install webpa...

2020-05-27 12:33:45

79浏览

0评论

Vue的Flux框架之Vuex状态管理器

学习vue之前，最重要是弄懂两个概念，一是“what”，要理解vuex是什么；二是“why”,要清楚为什么要用vuex。Vuex是什么？Vuex 类似 React 里面的 Redux 的状态管理器，用来管理Vue的所...

2020-05-27 12:33:44

74浏览

0评论

Angular.js中$resource高大上的数据交互详解

本文主要给大家介绍的是关于Angular.js中$resource数据交互的相关内容，分享出来供大家参考学习，下面来一起看看详细的介绍：$resource创建一个resource对象的工厂函数，可以让你安...

2020-05-27 12:33:43

80浏览

0评论

webpack配置sass模块的加载的方法

webpack管理的项目，我们希望用sass定义样式，为了正常编译，需要做如下配置。这里不讲webpack的入门，入门的文章，我推荐这篇《webpack入门》。为了使用sass，我们需要安装sass的依赖...

2020-05-27 12:33:42

67浏览

0评论

Vue框架中正确引入JS库的方法介绍

本文主要给大家介绍的是关于在Vue框架中正确引入JS库的相关内容，分享出来供大家参考学习，下面话不多说，来一起看看详细的介绍：错误示范全局变量法
最不靠谱的方式就是将导入的库...

2020-05-27 12:33:40

100浏览

0评论

使用travis-ci如何持续部署node.js应用详解

前言在开始之前，我们先来简单介绍下Travis-ci，Travis-ci是一款持续集成（Continuous Integration）服务，它能够很好地与Github结合，每当代码更新时自动地触发集成过程。Travis-ci配...

2020-05-27 12:33:40

95浏览

0评论

深入理解Vue transition源码分析

这两天学习了Vue transition感觉这个地方知识点挺多的，而且很重要，所以，今天添加一点小笔记。本来打算自己造一个transition的轮子，所以决定先看看源码，理清思路。Vue的transitio...

2020-05-27 12:33:38

79浏览

0评论

JavaScript实现简单的双色球(实例讲解)

如下所示：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>双色球</title> <link rel="stylesheet" type="text/css" href="css/twoToneClass.css"...

2020-05-27 12:33:36

205浏览

0评论

JS时间控制实现动态效果的实例讲解

如下所示：<script> BOM //Bowers Object Model 浏览器对象模型 setTimeout()// 延迟执行一次 setInterval()// 间隔执行 var a = 300; window.setTimeout('abc(a)...

2020-05-27 12:33:36

热门文章