编程开发 - 教程之家

61浏览

0评论

AngularJS点击添加样式、点击变色设置的实例代码

本文介绍了AngularJS点击添加样式、点击变色设置的实例代码，分享给大家，具体如下：
首先解释需求是这样的，有个列表，当你点击哪一行时，哪一行背景变成灰色，在JQ中，大家都知道，这是非常...

2020-05-27 12:35:11

67浏览

0评论

js学习总结之DOM2兼容处理顺序问题的解决方法

DOM2兼容处理顺序问题的解决方法，具体如下解决顺序问题：我们不用浏览器自带的事件池了，而是自己模拟标准浏览器的事件池实现，具体代码如下:/* bind:处理DOM2级事件绑定的兼容性...

2020-05-27 12:35:10

38浏览

0评论

angular中实现li或者某个元素点击变色的两种方法

本文介绍了angular中实现li或者某个元素点击变色的两种方法，分享给大家，希望对大家有帮助
先说一种最直接了当的不需要js控制。方法一：直接在用ng-class就可以控制：
<p ng-click...

2020-05-27 12:35:07

46浏览

0评论

js学习总结之DOM2兼容处理重复问题的解决方法

DOM2兼容处理重复问题的解决方法，具体如下在解决this问题之后，只需要在每次往自定义属性和事件池当中添加事件的时候进行一下判断就好了，具体代码如下/* bind:处理DOM2级事件...

2020-05-27 12:35:05

56浏览

0评论

Bootstrap + AngularJS 实现简单的数据过滤字符查找功能

具体代码如下所示：find.html<!DOCTYPE html> <html ng-app="find"> <head> <title>字符查找</title> <meta charset="utf-8"/> <script src="../Script/angular.min.js" ty...

2020-05-27 12:35:04

51浏览

0评论

Angularjs 事件指令详细整理

Angularjs 事件指令详细整理ngClick
适用标签：所有
触发条件：单击#html<div ng-controller="LearnCtrl"> <div ng-click="click()">click me</div> <button ng-click="click...

2020-05-27 12:35:03

57浏览

0评论

Angularjs的键盘事件的绑定

Angularjs的键盘事件的绑定推荐button方法一：ng内置指令
<button ng-click="login()" ng-keypress="todoSomething($event)" class="btn btn-success btn-lg" ng-disabled="l...

2020-05-27 12:35:02

53浏览

0评论

js学习总结之DOM2兼容处理this问题的解决方法

针对上一篇提到的DOM2级存在的兼容问题，这里先说一下this的问题。
/* bind:处理DOM2级事件绑定的兼容性问题（绑定方法） @parameter: curEle->要绑定事件的元素 evenType->要...

2020-05-27 12:35:01

43浏览

0评论

Angularjs的$http异步删除数据详解及实例

Angularjs的$http异步删除数据详解及实例有人会说删除这东西有什么可讲的，写个删除的service，controller调用一下不就完了。嗯...看起来是这样，但是具体实现起来真的有这么简单...

2020-05-27 12:34:59

48浏览

0评论

Angular指令之restict匹配模式的详解

Angular指令之restict匹配模式的详解<body data-ng-app="myapp"> <runn2></runn2> <div data-runn2></div> <div class="runn2"></div>  <script>...

2020-05-27 12:34:58

56浏览

0评论

js学习总结之dom2级事件基础知识详解

我们使用的DOM2事件绑定，其实是让box通过原型链一直找到EventTarget这个内置类原型上的addEventListener方法实现的。DOM0级事件绑定:只能给一个元素的某一个行为绑定一次方...

2020-05-27 12:34:57

42浏览

0评论

js弹性势能动画之抛物线运动实例详解

抛物线运动就是：当拖拽结束的时候，我们让当前的元素同时水平运动+垂直运动在同样的移动距离下，我们鼠标移动的速度快，move方法触发的次数少，相反移动的速度慢，move方法触发的次数...

2020-05-27 12:34:56

68浏览

0评论

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

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

2020-05-27 12:34:54

60浏览

0评论

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

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

2020-05-27 12:34:52

40浏览

0评论

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

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

2020-05-27 12:34:51

51浏览

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

53浏览

0评论

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

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

2020-05-27 12:34:49

38浏览

0评论

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

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

2020-05-27 12:34:47

44浏览

0评论

JavaScript截屏功能的实现代码

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

2020-05-27 12:34:46

45浏览

0评论

详解React 16 中的异常处理

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

2020-05-27 12:34:45

56浏览

0评论

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

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

2020-05-27 12:34:43

48浏览

0评论

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

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

2020-05-27 12:34:42

67浏览

0评论

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

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

2020-05-27 12:34:40

69浏览

0评论

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

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

2020-05-27 12:34:38

47浏览

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

55浏览

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

48浏览

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

54浏览

0评论

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

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

2020-05-27 12:34:33

60浏览

0评论

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

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

2020-05-27 12:34:32

64浏览

0评论

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

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

2020-05-27 12:34:30

78浏览

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

50浏览

0评论

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

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

2020-05-27 12:34:25

64浏览

0评论

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

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

2020-05-27 12:34:23

61浏览

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

65浏览

0评论

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

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

2020-05-27 12:34:19

55浏览

0评论

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

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

2020-05-27 12:34:17

57浏览

0评论

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

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

2020-05-27 12:34:11

41浏览

0评论

AngularJS service之select下拉菜单效果

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

2020-05-27 12:34:09

53浏览

0评论

基于AngularJS实现表单验证功能

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

2020-05-27 12:34:08

65浏览

0评论

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

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

2020-05-27 12:34:06

39浏览

0评论

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

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

2020-05-27 12:34:05

245浏览

0评论

jQuery dateRangePicker插件使用方法详解

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

2020-05-27 12:34:03

53浏览

0评论

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

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

2020-05-27 12:34:02

41浏览

0评论

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

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

2020-05-27 12:34:00

49浏览

0评论

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

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

2020-05-27 12:33:59

67浏览

0评论

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

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

2020-05-27 12:33:57

52浏览

0评论

Vue自定义指令详解

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

2020-05-27 12:33:56

84浏览

0评论

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

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

2020-05-27 12:33:54

65浏览

0评论

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

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

2020-05-27 12:33:52

78浏览

0评论

jquery easyui如何实现格式化列

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

2020-05-27 12:33:51

热门文章