编程开发 - 教程之家

编程开发

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

51浏览

0评论

详解VUE的状态控制与延时加载刷新

在实际项目中，我们经常会遇到这种状况，某些数据我们希望等到需要的时候再去获取，或者某些数据我们需要刷新，但是不必立刻刷新，而是延时到展示的时候再去刷新。
在DOM操作的年代，想...

2020-05-27 14:43:23

48浏览

0评论

使用AngularJS2中的指令实现按钮的切换效果

之前在AngularJS2中一种button切换效果的实现（二）中实现了按钮的切换效果，但是方法比较low，这次我们使用Angular2的指令来实现。指令实现hover效果import { Directive, Element...

2020-05-27 14:43:22

62浏览

0评论

AngularJS2中一种button切换效果的实现方法（二）

之前用三目表达式和ng-class实现了按钮切换效果，似乎达到了我的预期，但是我觉得还有改进空间，网上找了一些资料，大概还有以下几种实现方式：路由<button class="btn1" routerLink=...

2020-05-27 14:43:18

56浏览

0评论

Vue 过渡实现轮播图效果

Vue 过渡
Vue 的过渡系统是内置的，在元素从 DOM 中插入或移除时自动应用过渡效果。过渡的实现要在目标元素上使用 transition 属性，具体实现参考Vue2 过渡下面例子中我们用到...

2020-05-27 14:43:16

68浏览

0评论

Angular2利用组件与指令实现图片轮播组件

前言如果说模块系统是Angular2的灵魂，那其组件体系就是其躯体，在模块的支持下渲染出所有用户直接看得见的东西，一个项目最表层的东西就是组件呈现的视图。
而除了直接看的见的...

2020-05-27 14:43:14

58浏览

0评论

jQuery中的deferred使用方法

deferred简介deferred对象是jQuery的回调函数解决方案，jQuery之前的版本中异步回调这块做的不是很好，所以后期补上了该解决方案。普遍的ajax操作方式我们先来回顾一下jQuery中...

2020-05-27 14:43:12

50浏览

0评论

深入nodejs中流(stream)的理解

nodejs的fs模块并没有提供一个copy的方法，但我们可以很容易的实现一个，比如：var source = fs.readFileSync('/path/to/source', {encoding: 'utf8'});fs.writeFileSync('/path/...

2020-05-27 14:43:11

56浏览

0评论

vue2.0实战之基础入门（1）

最近公司的H5项目准备重构，部门老大说前端使用vue2.0来开发，所以就准备把整个项目的开发过程记录下来，一方面是为了记录开发过程中遇到的坑，另一方面也加强自己写作的能力。什么...

2020-05-27 14:43:10

61浏览

0评论

深入理解AngularJS中的ng-bind-html指令

前言在为html标签绑定数据的时，如果绑定的内容是纯文本，你可以使用{{}}或者ng-bind。但在为html标签绑定带html标签的内容的时候，angularjs为了安全考虑，不会将其渲染成html，而是...

2020-05-27 14:43:08

55浏览

0评论

JS实现的点击表头排序功能示例

本文实例讲述了JS实现的点击表头排序功能。分享给大家供大家参考，具体如下：运行效果：1、index.html文件：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www...

2020-05-27 14:43:07

67浏览

0评论

HTML的select控件美化

CSS：.div-select{ border: solid 1px #999; height: 40px; line-height: 40px; cursor: default;}.div-select-text{ float: left; background-color: #fff; height:...

2020-05-27 14:43:06

62浏览

0评论

javascript实现下雨效果

效果图：代码如下：<!doctype html><html> <head> <meta charset="UTF-8"> <title>梦柯教育-锤子老师</title> <style type="text/css"> *{margin:0;padding:0;list-style-type:...

2020-05-27 14:43:05

52浏览

0评论

JS数组搜索之折半搜索实现方法分析

本文实例讲述了JS数组搜索之折半搜索实现方法。分享给大家供大家参考，具体如下：一. 方法原理：当从一个给定的序列数组arr中, 查找某个特定值value时, 折半搜索法是这样做的:1....

2020-05-27 14:43:04

73浏览

0评论

JavaScript无缝滚动效果的实例代码

废话不多说了，直接给大家贴代码了，具体代码如下所示：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition...

2020-05-27 14:43:03

52浏览

0评论

vue 2.0组件与v-model详解

前言大家可能乍一看这个标题，可能会有疑问：v-model和组件也能扯到一起？在打算写这篇文章的时候，也是这么想的。咱们按简历的那一套STAR法则来梳理一下这篇文章：情景【Situation】...

2020-05-27 14:43:02

63浏览

0评论

JS闭包用法实例分析

本文实例讲述了JS闭包用法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script typ...

2020-05-27 14:43:01

60浏览

0评论

Angularjs+bootstrap+table多选（全选）支持单击行选中实现编辑、删除功能

最终实现效果：
index.html<!DOCTYPE html><html> <head> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.js"></script> <script src="//ajax.go...

2020-05-27 14:43:00

60浏览

0评论

基于JavaScript实现焦点图轮播效果

　不管是高校的网站还是电商的页面，焦点图的切换和轮播应该是一项不可或缺的应用。今天把焦点图轮播制作的技术要点做下笔记，以供日后查看。一、结构层（HTML）　　焦点图的H...

2020-05-27 14:42:58

50浏览

0评论

BootStrap中jQuery插件Carousel实现轮播广告效果

轮播广告在网站中的应用实在是太常见了，下面说一说怎样使用bootstrap中的Carousel插件来实现轮播广告效果，下图为最终效果：具体实现方法请看下面的代码：<div class="carousel sl...

2020-05-27 14:42:57

45浏览

0评论

JS简单实现数组去重的方法示例

本文实例讲述了JS简单实现数组去重的方法。分享给大家供大家参考，具体如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xht...

2020-05-27 14:42:56

49浏览

0评论

JS字符串统计操作示例【遍历,截取,输出,计算】

本文实例讲述了JS字符串统计操作。分享给大家供大家参考，具体如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-stri...

2020-05-27 14:42:55

50浏览

0评论

基于JavaScript实现移动端无限加载分页

本文实例为大家分享了js实现移动端无限加载分页的具体代码，供大家参考，具体内容如下原理：当滚动条到达底部时，执行下一页内容。判断条件需要理解三个概念：
1.scrollHeight 真...

2020-05-27 14:42:54

67浏览

0评论

AngularJS前端页面操作之用户修改密码功能示例

本文实例讲述了AngularJS前端页面操作之用户修改密码功能。分享给大家供大家参考，具体如下：最近在做前端设计，主要使用的知识有AngularJS和nodejs来进行页面显示和数据请求、处...

2020-05-27 14:42:53

109浏览

0评论

js实现抽奖效果

效果图：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>随机抽奖</title> <style> *{margin: 0;padding: 0;} body{ backgro...

2020-05-27 14:42:51

59浏览

0评论

Vue中的v-cloak使用解读

v-cloak 的作用和用法
用法：这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如 [v-cloak] { display: none } 一起用时，这个指令可以隐藏未编译的 Mustache 标签直到...

2020-05-27 14:42:50

60浏览

0评论

利用NPM淘宝的node.js镜像加速nvm

NVM 加速安装 Node.js 一般都是用 nvm但是安装之后使用体验就不咋地了，由于某些不可变原因，国内网络就不好吐槽了；就连执行一下 nvm ls-remote 都要很久。当然“道”高一尺“魔...

2020-05-27 14:42:49

60浏览

0评论

angular2+nodejs实现图片上传功能

在使用angular2进行图片上传的时候，遇到了各种各样的问题。在多番尝试之后最终成功上传图片，下面将我的方法分享给大家：nodejs 后台代码var express = require("express");//网...

2020-05-27 14:42:47

42浏览

0评论

详解从Node.js的child_process模块来学习父子进程之间的通信

child_process模块提供了和popen(3)一样的方式来产生自进程，这个功能主要是通过child_process.spawn函数来提供的：
const spawn = require('child_process').spawn; const ls...

2020-05-27 14:42:46

54浏览

0评论

vue2.0获取自定义属性的值

最近在项目中使用了vue.js。在爬坑的路上遇到了很多问题。这里都会给记录下来，今天要说的是怎么获取自定义属性的值。HTML<!DOCTYPE html><html><head><script src="http://v...

2020-05-27 14:42:45

59浏览

0评论

js实现下拉框效果（select）

效果图：代码如下：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html ><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /...

2020-05-27 14:42:44

56浏览

0评论

js实现多行文本框统计剩余字数功能

效果图：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js统计文本框剩余字数</title> <style type="text/css"> #area{ width:...

2020-05-27 14:42:43

51浏览

0评论

JavaScript实现经纬度转换成地址功能

在webAPP开发过程中，需要将返回的经纬度转换成中文地址，一番折腾后得以实现，总结如下原理分析：百度地图API提供了一个JS库，我们只需要用这个接口就可以实现转换功能，这里我写一个...

2020-05-27 14:42:42

58浏览

0评论

Web前端框架Angular4.0.0 正式版发布

前言angular4.0.0正式版现在可以使用了。这是自我们宣布angular改版后，首次发布的专业版本。它向下兼容，支持所有使用了angular2.x.x版本的应用程序。我们很高兴和大家分享这...

2020-05-27 14:42:40

87浏览

0评论

bootstrap table实现单击单元格可编辑功能

要使bootstrap-table实现可编辑，需要配合使用x-editable插件。
先在页面上导入必要的css和js文件<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="utf-8"> <meta...

2020-05-27 14:42:39

49浏览

0评论

Vue.js 60分钟快速入门教程

vuejs是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.j...

2020-05-27 14:42:38

54浏览

0评论

Restify中接入Socket.io报Error:Can’t set headers的错误解决

发现问题在restify的官方文档中，接入socket.io的代码是酱汁的： http://restify.com/#socketiovar server = restify.createServer();var io = socketio.listen(server);// ......

2020-05-27 14:42:12

72浏览

0评论

TypeScript入门-基本数据类型

大致介绍TypeScript是由C#语言之父Anders Hejlsberg主导开发的一门编程语言，TypeScript本质上是向JavaScript语言添加了可选的静态类型和基于类的面向对象编程，它相当于是Java...

2020-05-27 14:42:11

76浏览

0评论

Node.js设置CORS跨域请求中多域名白名单的方法

CORS说到CORS，相信前端儿都不陌生，这里我就不多说了，具体可以看看这篇文章。CORS，主要就是配置Response响应头中的 Access-Control-Allow-Origin 属性为你允许该接口访问的域名...

2020-05-27 14:42:04

51浏览

0评论

JavaScript实现分页效果

效果图：代码如下：<html> <head> <style> *{padding:0;margin:0} ul,li{list-style:none} .left{float:left} .right{float:left} .page_container{height: 30px; l...

2020-05-27 14:42:02

71浏览

0评论

nodejs模块nodemailer基本使用-邮件发送示例(支持附件)

nodemailer是nodejs中的邮件发送模块,本文使用的版本为2.5.0--下载模块
npm install nodemailernpm下载模块后,在项目中引入就可以使用: var nodemailer = require('nodemai...

2020-05-27 14:42:00

65浏览

0评论

使用JavaScriptCore实现OC和JS交互详解

JavaScriptCoreJavaScriptCore是webkit的一个重要组成部分，主要是对JS进行解析和提供执行环境。iOS7后苹果在iPhone平台推出，极大的方便了我们对js的操作。首先创建webView,读...

2020-05-27 14:41:57

66浏览

0评论

关于Node.js中Buffer的一些你可能不知道的用法

前言在大多数介绍 Buffer 的文章中，主要是围绕数据拼接和内存分配这两方面的。比如我们使用fs模块来读取文件内容的时候，返回的就是一个 Buffer：fs.readFile('filename', funct...

2020-05-27 14:41:54

71浏览

0评论

NodeJS测试框架mocha入门教程

NodeJS里最常用的测试框架估计就是mocha了。它支持多种node的assert libs，同时支持异步和同步的测试，同时支持多种方式导出结果，也支持直接在browser上跑Javascript代码测试。...

2020-05-27 14:41:52

59浏览

0评论

NodeJs测试框架Mocha的安装与使用

Mocha是运行在nodejs和浏览器下的JavaScript的单元测试框架，官方文档在https://mochajs.org/，相当的容易上手和好用，单元测试框架其实都差不多，基本都包含下面内容：用于写测试用...

2020-05-27 14:41:50

48浏览

0评论

jQuery插件FusionCharts绘制的2D帕累托图效果示例【附demo源码】

本文实例讲述了jQuery插件FusionCharts绘制的2D帕累托图效果。分享给大家供大家参考，具体如下：1、了解帕累托图的特性以及和其他图的共性2、设计帕累托图页面中引入图的类型以...

2020-05-27 14:41:46

58浏览

0评论

jquery实现静态搜索功能(可输入搜索文字)

效果图：代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>jquery实现静态搜索功能</title>  <link rel="s...

2020-05-27 14:41:42

59浏览

0评论

Angular2开发——组件规划篇

本文集中讲讲笔者目前使用ng2来开发项目时对其组件的使用的个人的一些拙劣的经验。先简单讲讲从ng1到ng2框架下组件的职责与地位：ng1中的一大特色——指令，分为属性型、标签型...

2020-05-27 14:41:41

55浏览

0评论

AngularJS中$http的交互问题

这篇文章，主要是通过我们熟悉的jquery中ajax和jsonp的类型方式，总结一下$http的使用。$http 是 AngularJS 中的一个核心服务，用于读取远程服务器的数据。
1. angular中的ajax写...

2020-05-27 14:41:39

62浏览

0评论

整理关于Bootstrap表单的慕课笔记

整理自慕课笔记基础表单表单主要功能是用来与用户做交流的一个网页控件，良好的表单设计能够让网页与用户更好的沟通。表单中常见的元素主要包括：文本输入框、下拉选择框、单选...

2020-05-27 14:41:37

51浏览

0评论

Angular2入门--架构总览

大致介绍在3月23日，Angular4正式发布（没有3）。似乎现在学Angular2又晚了，又晚一步-_-||。Angular2在Angular1的基础上有了较大的改变。之前向一个同学（之前学过Angular1）问一个Ang...

2020-05-27 14:41:27

首页 «1151 115211531154 1155 »尾页

热门文章