编程开发 - 教程之家

编程开发

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

72浏览

0评论

详解动画插件wow.js的使用方法

本文介绍了动画插件wow.js的使用方法，具体如下，分享给大家1,下载文件
animate.css 下载地址: http://daneden.github.io/animate.css/wow.min.js 下载地址: http://www.down...

2020-05-27 12:03:46

55浏览

0评论

JS库 Highlightjs 添加代码行号的实现代码

Highlightjs是一款优秀的代码高亮Js组件，可以很方便地对各种语言编写的代码添加语法高亮样式。然而，Highlightjs默认是不包括显示代码行号（Line Number）这一特性的，不过可以通过...

2020-05-27 12:03:44

70浏览

0评论

JSON 数据格式详解

基础结构JSON建构于两种结构：1. “名称/值”对的集合（A collection of name/value pairs）。不同的语言中，它被理解为对象（object），记录（record），结构（struct），字典（dictionary），哈希表（hash t...

2020-05-27 12:03:43

71浏览

0评论

使用SVG基本操作API的实例讲解

前面的话本文将详细介绍SVG基本操作API，并使用这些API制作实例效果基础API在javascript中，可以使用一些基本的API来对SVG进行操作【NS地址】因为SVG定义在其自身的命令空间下，...

2020-05-27 12:03:37

211浏览

0评论

对于js垃圾回收机制的理解

原理找到不再被使用的变量，然后释放其占用的内存，但这个过程不是时时的，因为其开销比较大，所以垃圾回收器会按照固定时间间隔周期性的执行回收方式a.标记清除当变量进入环境时，将...

2020-05-27 12:03:35

54浏览

0评论

Vue2.0基于vue-cli+webpack父子组件通信(实例讲解)

在git命令行下，执行以下命令完成环境的搭建：1，npm install --global vue-cli 安装vue命令行工具2，vue init webpack vue-demo 使用vue命令生成一个webpack项目，项目名称为vue-dem...

2020-05-27 12:03:33

64浏览

0评论

Vue2.0基于vue-cli+webpack同级组件之间的通信教程(推荐)

我们接着上文继续，本文我们讲解兄弟组件的通信，项目结构还是跟上文一样.在src/assets目录下建立文件EventHandler.js，该文件的作用在于给同级组件之间传递事件EventHandler.js...

2020-05-27 12:03:29

57浏览

0评论

JavaScript使用atan2来绘制箭头和曲线的实例

最近搞Canvas绘图，知道了JavaScript中提供了atan2(y,x)这样一个三角函数。乍眼一看，不认识，毕竟在高中时，学过的三角函数有：sin,cos,arcsin,arccos,tan,arctan等，并没有这个。而工...

2020-05-27 12:03:28

49浏览

0评论

基于Vue过渡状态实例讲解

前面的话Vue 的过渡系统提供了非常多简单的方法设置进入、离开和列表的动效。那么对于数据元素本身的动效呢？包括数字和运算、颜色的显示、SVG 节点的位置、元素的大小和其他...

2020-05-27 12:03:26

58浏览

0评论

基于js中document.cookie全面解析

什么是cookie?cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时，就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie...

2020-05-27 12:03:25

49浏览

0评论

利用jsonp与代理服务器方案解决跨域问题

前言本文将从实践角度介绍如何使用jsonp和代理服务器方案解决跨域问题，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。浏览器为了保护用户安全，引入了同源策...

2020-05-27 12:03:23

51浏览

0评论

gulp教程_从入门到项目中快速上手使用方法

gulp是什么？gulp 是基于 node 实现 Web 前端自动化开发的工具，利用它能够极大的提高开发效率。在 Web 前端开发工作中有很多“重复工作”，比如压缩CSS/JS文件。而这些工作都是...

2020-05-27 12:03:21

47浏览

0评论

基于node.js express mvc轻量级框架实践

本文记录的是笔者最近抽私下时间给朋友做的一个时时彩自动下注系统，比较简单，主要也是为了学习一下node.js。其实逻辑没什么可以深谈的，主要是想说说这套代码结构。结构如下图：j...

2020-05-27 12:03:19

56浏览

0评论

浅谈JavaScript中的属性:如何遍历属性

在JavaScript中，遍历一个对象的属性往往没有在其他语言中遍历一个哈希(有些语言称为字典)的键那么简单。这主要有两个方面的原因：一个是,JavaScript中的对象通常都处在某个原...

2020-05-27 12:03:17

62浏览

0评论

Angularjs 1.3 中的$parse实例代码

这次我们来看一下angular的Sandboxing Angular Expressions。关于内置方法的，核心有两块：Lexer和Parser。其中大家对$parse可能更了解一点。好了不多废话，先看Lexer的内部结构：1...

2020-05-27 12:03:16

58浏览

0评论

详解React Native顶|底部导航使用小技巧

导航一直是App开发中比较重要的一个组件，ReactNative提供了两种导航组件供我们使用，分别是：NavigatorIOS和Navigator，但是前者只能用于iOS平台，后者在ReactNative0.44版本以后已...

2020-05-27 12:03:14

42浏览

0评论

日期时间范围选择插件:daterangepicker使用总结(必看篇)

分享说明：项目中要使用日期时间范围选择对数据进行筛选；精确到年月日时分秒；起初,使用了layui的时间日期选择插件；但是在IIE8第一次点击会报设置格式错误；研究了很久没解决，但能...

2020-05-27 12:03:13

73浏览

0评论

用JS编写一个函数,返回数组中重复出现过的元素(实例)

用JS编写一个函数，返回数组中重复出现过的元素，见下面的代码：var arr = [1, 2, 3, 1, 2, 3, 4, 5]; var getRepeat = function (arr) { var obj = {}; for (var i = 0,...

2020-05-27 12:03:12

63浏览

0评论

说说AngularJS中的$parse和$eval的用法

AngularJS的初学者常常会对$parse和$eval两个内建服务感到有些困惑，今天我们就来说说AngularJS中的$parse和$eval。总的来说，$parse和$eval都是作用于AngularJS的表达式。什么...

2020-05-27 12:03:09

54浏览

0评论

浅谈angular.copy() 深拷贝

因为项目中需要拷贝，查阅angularjs API文档，发现对angular.copy() 的解释：复制一个对象或者一个数组（好吧，万物皆对象，数组也是一个对象）。
1> 如果省略了destination，一个新的对象...

2020-05-27 12:03:08

45浏览

0评论

angular.extend方法的具体使用

AngularJs的angular.extend()方法可以把一个或多个对象中的方法和属性扩展到一个目的对象中，使得这个对象拥有其他对象相同的方法和属性，如下图所示。angular.extends()方法的...

2020-05-27 12:03:07

65浏览

0评论

nodejs socket服务端和客户端简单通信功能

本文实例讲述了通过node.js的net模块实现nodejs socket服务端和客户端简单通信功能，可以用作客户端对服务端的端口监听以及事件回执。server端代码var net = require('net');...

2020-05-27 12:03:05

48浏览

0评论

jQuery plugin animsition使用小结

用法整理下载地址：https://github.com/blivesta/animsition文档地址：http://git.blivesta.com/animsition/实现的效果是，各种不同效果的转场效果<div class="animsition"> <di...

2020-05-27 12:03:04

59浏览

0评论

浅谈AngularJS中使用$resource（已更新）

这个服务可以创建一个资源对象，我们可以用它非常方便地同支持RESTful的服务端数据源进行交互，当同支持RESTful的数据模型一起工作时，它就派上用场了。
REST是Representation...

2020-05-27 12:03:01

39浏览

0评论

SVG动画vivus.js库使用小结(实例代码)

SVG动画vivus.js库使用整理，具体实例代码如下所示：使用方法如图：HTML例子代码：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Com...

2020-05-27 12:02:59

58浏览

0评论

JavaScript requestAnimationFrame动画详解

进入web2.0时代，在网页中实现动画已经不再局限于一种方法你可以用CSS3的animattion+keyframes; 你也可以用css3的transition; 你还可以用通过在canvas上作图来实现动画，也...

2020-05-27 12:02:56

43浏览

0评论

React-Native使用Mobx实现购物车功能

在工作中，购物车场景非常常见。本文实现基于React-Native和Mobx实现两种购物车例子。
其中，后期会加入动画等其他。本期先实现基础功能。二：基于State实现购物车
1-：ShoppingCar...

2020-05-27 12:02:55

94浏览

0评论

JavaScript动态绑定详解

问题描述：假设我们的网页中动态生成了一个按钮，在这个按钮生成之前我们按照一般的事件绑定方法为此按钮绑定了触发事件，但是问题是绑定的事件并没有生效（JavaScript中为元素绑定...

2020-05-27 12:02:52

48浏览

0评论

浅谈vue中数据双向绑定的实现原理

vue中最常见的属v-model这个数据双向绑定了，很好奇它是如何实现的呢？尝试着用原生的JS去实现一下。首先大致学习了解下Object.defineProperty()这个东东吧！* Object.defineProp...

2020-05-27 12:02:51

60浏览

0评论

快速将Vue项目升级到webpack3的方法步骤

前言由于 webpack3升级后，新增了 Scope Hositing（作用域提升）功能，据说是对 js的性能提升很大。因此，我们做了一个测试对比，就是 webpack3和 webpack1/2 的性能对比，如下：测试目标...

2020-05-27 12:02:50

60浏览

0评论

JS验证码实现代码

废话不多说了，直接给大家贴代码了，具体代码如下所示：<script language="javascript">var code; //在全局定义验证码function createCode(){ //创建验证码函数 code = ""; var...

2020-05-27 12:02:49

46浏览

0评论

JS中跳出循环的示例代码

1、for循环中我们使用continue；终止本次循环计入下一个循环，使用break终止整个循环。2、而在jquery中 $.each使用return true 终止本次循环计入下一个循环，return false终止整...

2020-05-27 12:02:47

39浏览

0评论

分分钟学会vue中vuex的应用（入门教程）

vuex.js
状态（数据）管理
在vue中当我们管理数据的时候比较乱，我们要用到下面的这个库，vuex.jsVuex介绍每一个Vuex应用的核心就是store（仓库），他是用来存储数据的"store" 基本上就是...

2020-05-27 12:02:45

41浏览

0评论

react 父组件与子组件之间的值传递的方法

概念上，组件是封闭的环境。React中是单向数据流的设计，也就是是说只有父组件传递资料给子组件这回事。以正确的技术说明，拥有者组件可以设置被拥有者组件中的数据。
那么子组件...

2020-05-27 12:02:42

45浏览

0评论

详解使用Visual Studio Code对Node.js进行断点调试

在开发的过程中，几乎不可能一次性就能写出毫无破绽的程序，断点调试代码是一个普遍的需求。作为前端开发工程师，以往我们开发的JavaScript程序都运行在浏览器端，利用Chrome提供的...

2020-05-27 12:02:40

49浏览

0评论

JavaScript正则表达式和级联效果

1、正则表达式（regular expression）是一种字符串匹配的模式，用来检查一个字符串中是否包含指定模式的字符串。
2、正则表达式的创建var reg = /white/;var reg = new RegExp("w...

2020-05-27 12:02:38

66浏览

0评论

JS库之wow.js使用方法

近日，在做项目中，需要做到滚动条滑到某个位置时，才能显示动画，网上查询到有个wow.js可以达到要求，现在把使用方法做如下总结：wow.js演示地址wow.js的github地址使用方法真是超简单...

2020-05-27 12:02:36

100浏览

0评论

详解tween.js的使用教程

前面的话TweenJS提供了一个简单但强大的渐变界面。它支持渐变的数字对象属性&CSS样式属性，并允许链接补间动画和行动结合起来，创造出复杂的序列。本文将详细介绍tween.js的使...

2020-05-27 12:02:35

69浏览

0评论

vue 计时器组件的实现代码

整理文档，搜刮出一个vue 计时器组件的代码，稍微整理精简一下做下分享。
<template> <div> <span :sendSync="sendSync" :autoStart="autoStart" :defaultVal="de...

2020-05-27 12:02:34

94浏览

0评论

VsCode插件整理（小结）

1.VsCode官方插件地址：https://marketplace.visualstudio.com/vscode
http://code.visualstudio.com/docs官网下载地址：http://code.visualstudio.com/
2.使用方法，可以在官网...

2020-05-27 12:02:31

62浏览

0评论

iframe与主框架跨域相互访问实现方法

1.同域相互访问假设A.html 与 b.html domain都是localhost （同域）
A.html中iframe 嵌入 B.html，name=myframe
A.html有js function fMain()
B.html有js function fIframe()
需...

2020-05-27 12:02:27

162浏览

0评论

json2.js 入门教程之使用方法与实例分析

json2.js主要功能是做什么的？json2.js提供了json的序列化和反序列化方法，可以将一个json对象转换成json字符串，也可以将一个json字符串转换成一个json对象。json2.js在浏览器不...

2020-05-27 12:02:25

34浏览

0评论

基于Vue单文件组件详解

本文将详细介绍Vue单文件组件概述在很多 Vue 项目中，使用 Vue.component 来定义全局组件，紧接着用 new Vue({ el: '#container '}) 在每个页面内指定一个容器元素。这种方式在...

2020-05-27 12:02:24

48浏览

0评论

基于Vue生产环境部署详解

前面的话开发时，Vue 会提供很多警告来帮助解决常见的错误与陷阱。生产时，这些警告语句却没有用，反而会增加载荷量。再次，有些警告检查有小的运行时开销，生产环境模式下是可以避免...

2020-05-27 12:02:22

109浏览

0评论

angular4模块中给标签添加背景图的实现方法

一、现象一个全屏的“走马灯”每项需要添加背景图，在循环标签里需要动态添加行内样式二、解决1、首先有一个图片数组，如：export class AppComponent { array = ["url(/assets/i...

2020-05-27 12:02:21

42浏览

0评论

Vue2.0基于vue-cli+webpack Vuex的用法(实例讲解)

在这之前，我已经分享过组件与组件的通信机制以及父子组件之间的通信机制，而我们的vuex就是为了解决组件通信问题的vuex是什么东东呢？组件通信的本质其实就是在组件之间传递数据...

2020-05-27 12:02:19

61浏览

0评论

动态创建Angular组件实现popup弹窗功能

起步: 直接使用ngIf把弹窗的DOM直接放在页面底下隐藏，通过ngIf这样的指令控制其显示。改进: 封装成angular模块，通过服务控制其显示直接使用ngIf的话，让人不爽的地方就在于不够...

2020-05-27 12:02:17

65浏览

0评论

详解利用 Vue.js 实现前后端分离的RBAC角色权限管理

项目背景：物业管理后台，不同角色拥有不同权限采用技术：Vue.js + Vuex + Element UI实现 RBAC 权限管理需要后端接口支持，这里仅提供前端解决方案。
因代码篇幅较大，对代码进行了...

2020-05-27 12:02:15

76浏览

0评论

JavaScript中如何判断一个值的类型

我们知道在js中有一个运算符可以帮助我们判断一个值的类型，它就是typeof运算符。console.log(typeof 123); //numberconsole.log(typeof '123'); //stringconsole.log(typeo...

2020-05-27 12:02:13

首页 «1230 123112321233 1234 »尾页

热门文章