编程开发 - 教程之家

编程开发

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

51浏览

0评论

JS点击动态添加标签、删除指定标签的代码

1.div标签<div id="mDiv3"> <p>1</p> <button onclick="myFun9()">添加</button></div>2.jsfunction myFun9() { var mDiv3 = document.getElementById("mDiv3"); //获取组...

2020-05-27 05:36:53

57浏览

0评论

浅谈mvvm-simple双向绑定简单实现

mvvm模式解放DOM枷锁mvvm原理分析
JavaScript在浏览器中操作HTML经历了几个不同阶段第一阶段直接用浏览器提供的原生API操作DOM元素var dom = document.getElementById('id...

2020-05-27 05:36:52

61浏览

0评论

jQuery实现的淡入淡出与滑入滑出效果示例

本文实例讲述了jQuery实现的淡入淡出与滑入滑出效果。分享给大家供大家参考，具体如下：1. 淡入淡出效果：我们做这样一个实例：有两个按钮，点击淡入，有一个div层淡入，点击淡出，div层淡...

2020-05-27 05:36:51

60浏览

0评论

Angular 如何使用第三方库的方法

Angular 的组件与模块看似好像与现有各种第三方类库（例如：lodash、moment 等）使用上有点格格不入，这很大的原因是 TypeScript 造成的假象。三足鼎立的前端其实都是雷同的，不管是...

2020-05-27 05:36:50

72浏览

0评论

jQuery滚动条美化插件nicescroll简单用法示例

本文实例讲述了jQuery滚动条美化插件nicescroll简单用法。分享给大家供大家参考，具体如下：你是否遇到过这种情况：想要在网页中嵌入div块并且局部滚动，但滚动条太难看啦！！！使用jquer...

2020-05-27 05:36:49

59浏览

0评论

详解Node使用Puppeteer完成一次复杂的爬虫

本文介绍了详解Node使用Puppeteer完成一次复杂的爬虫，分享给大家，具体如下：
架构图Puppeteer架构图
Puppeteer 通过 devTools 与 browser 通信 Browser 一个可以拥有多个页...

2020-05-27 05:36:48

34浏览

0评论

JS实现简单获取最近7天和最近3天日期的方法

本文实例讲述了JS实现简单获取最近7天和最近3天日期的方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head><meta charset="utf-8" /><title>www.freexyz.cn JS获...

2020-05-27 05:36:46

59浏览

0评论

JS实现的base64加密解密操作示例

本文实例讲述了JS实现的base64加密解密操作。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head><meta charset="utf-8" /><title>js base64加密解密</title></head>...

2020-05-27 05:36:44

65浏览

0评论

Angular ng-animate和ng-cookies用法详解

ng-animate本文讲一下Angular中动画应用的部分。首先，Angular本生不提供动画机制，需要在项目中加入Angular插件模块ngAnimate才能完成Angular的动画机制，Angular也不提供具体的...

2020-05-27 05:36:42

69浏览

0评论

JS实现对json对象排序并删除id相同项功能示例

本文实例讲述了JS实现对json对象排序并删除id相同项功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>www.freexyz.cn json排序...

2020-05-27 05:36:41

48浏览

0评论

一个基于react的图片裁剪组件示例

开始写了一年多vue，感觉碰到了点瓶颈，学习下react找找感觉。刚好最近使用vue写了个基于cropperJS的图片裁剪的组件，便花费了几个晚上的功夫用react再写一遍。代码地址
项目是使...

2020-05-27 05:36:40

59浏览

0评论

原生js实现拖拽功能基本思路详解

如果要设置物体拖拽，那么必须使用三个事件，并且这三个事件的使用顺序不能颠倒。1.onmousedown：鼠标按下事件
2.onmousemove：鼠标移动事件
3.onmouseup：鼠标抬起事件拖拽的基本...

2020-05-27 05:36:39

55浏览

0评论

30分钟快速入门掌握ES6/ES2015的核心内容（上）

前言ECMAScript 6（以下简称ES6）是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的，所以又称ECMAScript 2015。也就是说，ES6就是ES2015。虽然目前并不是所有浏览...

2020-05-27 05:36:38

49浏览

0评论

30分钟快速入门掌握ES6/ES2015的核心内容（下）

前言在 30分钟掌握ES6/ES2015核心内容（上）我们讲解了es6最常用的一些语法：let, const, class, extends, super, arrow functions, template string, destructuring, default, r...

2020-05-27 05:36:37

32浏览

0评论

如何从零开始利用js手写一个Promise库详解

前言ECMAScript 是 JavaScript 语言的国际标准，JavaScript 是 ECMAScript 的实现。ES6 的目标，是使得 JavaScript 语言可以用来编写大型的复杂的应用程序，成为企业级开发语言。...

2020-05-27 05:36:36

56浏览

0评论

NodeJS安装图文教程

本文实例为大家分享了NodeJS安装教程，供大家参考，具体内容如下1.想要使用Node.js，必须先配置开发环境。进入Node.js官网下载指定平台安装包（nodejs.org），Windows系统下载安装红框...

2020-05-27 05:36:35

52浏览

0评论

angular第三方包开发整理(小结)

近日笔者维护自己的几个无名小repo时，发觉想要创作一个第三方angular包，着实有一些不难但易乱的小问题，故作此文总结。本文将完成以下内容：从空白开始搭建一个基于angular的第...

2020-05-27 05:36:33

59浏览

0评论

Angular 封装并发布组件的方法示例

一、封装组件作为入门，这是一个非常简单的demo，但核心的接收使用者的输入@Input()，以及返回数据给使用者@Output()都实现了，所以有一定的借鉴意义。目录结构：（部分目录不是框架中...

2020-05-27 05:36:31

36浏览

0评论

使用typescript开发angular模块并发布npm包

本文介绍了使用typescript开发angular模块并发布npm包，分享给大家，具体如下：
创建模块
初始化package.json文件
执行命名npm init -y会自动生成package.json文件如下，name默认为...

2020-05-27 05:36:30

46浏览

0评论

JS实现读取xml内容并输出到div中的方法示例

本文实例讲述了JS实现读取xml内容并输出到div中的方法。分享给大家供大家参考，具体如下：note.xml文件结构:<nooo><note><to>George</to><from>John</from><heading>Reminder</...

2020-05-27 05:36:29

46浏览

0评论

react redux入门示例

环境准备
为了方便，这里使用create-react-app搭建react环境create-react-app mydemo弹出配置
如果需要自定义react的配置，需要运行下面的命令把配置文件弹出来。npm run eject...

2020-05-27 05:36:28

61浏览

0评论

使用vuex的state状态对象的5种方式

vuex是一个专门为vue.js设计的状态管理模式，并且也可以使用devtools进行调试。下面给大家来贴一下我的vuex的结构下面是store文件夹下的state.js和index.js内容//state.jscon...

2020-05-27 05:36:27

41浏览

0评论

vuex state及mapState的基础用法详解

先使用vue cli构建一个自己的vue项目1.npm i -g vue-cli
2.vue init webpack sell (sell是你的项目名)
3.一路回车（在这个过程中会提示你是否安装一些依赖包，比如vue-router，es...

2020-05-27 05:36:26

41浏览

0评论

详解react-redux插件入门

可先查看我的redux简单入门react-redux简介
react-redux是使用redux开发react时使用的一个插件，另外插一句，redux不是react的产品，vue和angular中也可以使用redux；下面简单讲解，...

2020-05-27 05:36:25

54浏览

0评论

vue 实现通过手机发送短信验证码注册功能

效果如下：代码如下：template代码：
<el-main> <el-form :model="ReginForm" ref="ReginForm" :rules="rule" class="regform" label-width="0"> <h3 class="login...

2020-05-27 05:36:24

53浏览

0评论

JS使用setInterval实现的简单计时器功能示例

本文实例讲述了JS使用setInterval实现的简单计时器功能。分享给大家供大家参考，具体如下：使用setInterval实现计时，并且满60秒向分钟进一，满60分钟向小时进一。<!DOCTYPE html><...

2020-05-27 05:36:22

35浏览

0评论

JS实现的倒计时恢复按钮点击功能【可用于协议阅读倒计时】

本文实例讲述了JS实现的倒计时恢复按钮点击功能。分享给大家供大家参考，具体如下：倒计时时间到后，恢复按钮点击，常用于阅读协议：<!DOCTYPE html><html> <head> <meta charset...

2020-05-27 05:36:21

31浏览

0评论

基于JS实现html中placeholder属性提示文字效果示例

本文实例讲述了基于JS实现html中placeholder属性提示文字效果。分享给大家供大家参考，具体如下：如何通过js实现html的placeholder属性效果呢我们需要这样做：<!DOCTYPE html><ht...

2020-05-27 05:36:20

38浏览

0评论

详解vue中点击空白处隐藏div的实现（用指令实现）

简单想应该怎么实现？
1、肯定是给document增加一个click事件监听
2、当发生click事件的时候判断是否点击的当前对象
结合着本思路和指令咱们来实现。简单介绍vue指令
一个指...

2020-05-27 05:36:19

47浏览

0评论

Vue 去除路径中的＃号

在开发过程中发现路径中带有/#/的标示，而且还去不掉，很丑陋。众所周知，vue-router有两种模式，hash模式和history模式。带＃的则是hash模式。将router中的mode设置为history就可以...

2020-05-27 05:36:18

46浏览

0评论

详解vue 数据传递的方法

组件（Component）是 Vue.js 最强大的功能。组件可以封装可重用的代码，通过传入对象的不同，实现组件的复用，但组件传值就成为一个需要解决的问题。1.父组件向子组件传值组件实例的...

2020-05-27 05:36:17

65浏览

0评论

关于vue中的ajax请求和axios包问题

在vue中，经常会用到数据请求，常用的有：vue-resourse、axios今天我说的是axios的post请求 github源文件及文档地址：【https://github.com/axios/axios】+ 首先，引入axiosCDN: <scr...

2020-05-27 05:36:16

51浏览

0评论

js Element Traversal规范中的元素遍历方法

支持Element Traversal 规范的浏览器有IE 9+、Firefox 3.5+、Safari 4+、Chrome 和Opera 10+。对于元素间的空格，在IE9之前，都不会返回文档节点，其它的所有浏览器都会返回文档...

2020-05-27 05:36:15

51浏览

0评论

通过jquery获取上传文件名称、类型和大小的实现代码

在文件上传到服务器之前，我们可以通过jquery来获取上传文件的名称，类型和尺寸大小。通常情况下，当用户通过<input type='file'>标签来上传文件时，我们可以看到上传文件的名称。H...

2020-05-27 05:36:14

62浏览

0评论

vue项目中api接口管理总结

默认vue项目中已经使用vue-cli生成，安装axios，基于element-ui开发，axiosconfig目录和api目录是同级，主要记录配置的相关。1. 在axiosconfig目录下的axiosConfig.jsimport Vue fr...

2020-05-27 05:36:13

57浏览

0评论

node实现登录图片验证码的示例代码

实现这里的图形验证码我是用的node里svg-captcha模块,可以全部支持字符和数字，全平台支持，用起来很简单。1.安装cnpm i svg-captcha --save2.在使用的地方导入var svgCaptcha...

2020-05-27 05:36:12

52浏览

0评论

vue中子组件向父组件传递数据的实例代码(实现加减功能)

这里讲解一下子组件向父组件传递值的常用方式。这里通过一个加减法的实例向大家说明一下，这个的原理。如下图所示：当没有任何操作的时候父组件的值是 0当点击加号以后父组件...

2020-05-27 05:36:11

63浏览

0评论

React diff算法的实现示例

前言在上一篇文章，我们已经实现了React的组件功能，从功能的角度来说已经实现了React的核心功能了。但是我们的实现方式有很大的问题：每次更新都重新渲染整个应用或者整个组件，DO...

2020-05-27 05:36:10

59浏览

0评论

Vue中如何实现proxy代理

Vue 框架开发的时候，会遇到跨域的问题，可在config/index.js 里配置proxyTable内容，使用proxy 代理。// config/index.js 文件proxyTable: { '/api': { target: 'http://19...

2020-05-27 05:36:08

59浏览

0评论

使用Vue如何写一个双向数据绑定(面试常见)

1、原理Vue的双向数据绑定的原理相信大家也都十分了解了，主要是通过 Object对象的defineProperty属性，重写data的set和get函数来实现的,这里对原理不做过多描述，主要还是来实现...

2020-05-27 05:36:06

85浏览

0评论

Vue写一个简单的倒计时按钮功能

在项目开发里，我们经常会遇到发送验证码、点击了之后有60秒倒计时的按钮，很常见却也很简单，但是在写这个按钮的时候有个别地方还要注意下，今天写出来，如有问题欢迎指正！完成的效果...

2020-05-27 05:36:05

37浏览

0评论

用ES6的class模仿Vue写一个双向绑定的示例代码

本文介绍了用ES6的class模仿Vue写一个双向绑定的示例代码，分享给大家，具体如下：
最终效果如下：构造器(constructor)
构造一个TinyVue对象，包含基本的el，data，methodsclass TinyVue{...

2020-05-27 05:36:03

57浏览

0评论

vue多页面开发和打包正确处理方法

前段时间做项目，技术栈是vue+webpack,主要就是官网首页加后台管理系统根据当时情况，分析出三种方案一个项目代码里面嵌两个spa应用(官网和后台系统) 分开两套项目源码一...

2020-05-27 05:36:01

49浏览

0评论

jQuery中的$是什么意思及 $. 和 $().的区别

像我这种没有经过系统学习的人总是有这样的问题:($就是jQuery的别称而jQuery就是jQuery库提供的一个函数.(好像也不仅仅只是函数，因为还有 $.ajax(options) 这样的使用，等同...

2020-05-27 05:36:00

99浏览

0评论

vue中v-cloak解决刷新或者加载出现闪烁问题（显示变量）

在使用vue绑定数据的时候，渲染页面时会出现变量闪烁，例如<div class="#app"> <p>{{value.name}}</p></div>在加载的时候会看到{{value.name}}在页面出现，过了几秒之后才会渲染...

2020-05-27 05:35:59

59浏览

0评论

关于echarts在节点显示动态数据及添加提示文本所遇到的问题

刚接触echarts不久，在使用过程中遇到了2个难点， 1、每个节点显示动态数据，这个其实可以通过配置项完成，在series数据绑定中，可以使用原本的配置项itemStyle中的标签格式化完成...

2020-05-27 05:35:57

82浏览

0评论

vue 之 .sync 修饰符示例详解

在一些情况下，我们可能会需要对一个 prop （父子组件传递数据的属性）进行“双向绑定”。在vue 1.x 中的 .sync 修饰符所提供的功能。当一个子组件改变了一个带 .sync 的prop的...

2020-05-27 05:35:56

70浏览

0评论

JS装饰器函数用法总结

在 ES6 中增加了对类对象的相关定义和操作（比如 class 和 extends ），这就使得我们在多个不同类之间共享或者扩展一些方法或者行为的时候，变得并不是那么优雅。这个时候，我们就需...

2020-05-27 05:35:55

81浏览

0评论

vue.js与element-ui实现菜单树形结构的解决方法

由于业务需要，要求实现树形菜单，且菜单数据由后台返回，在网上找了几篇文章，看下来总算有了解决办法。场景：根据业务要求，需要实现活动的树形菜单，菜单数据由后台返回，最后的效果图如...

2020-05-27 05:35:54

43浏览

0评论

Node.Js生成比特币地址代码解析

使用Node.js，IDE采用sublime 3。var randomBytes = require('randombytes')var BigInteger = require('bigi')var ecurve = require('ecurve')var crypto = require('crypto'...

2020-05-27 05:35:53

首页 «1303 130413051306 1307 »尾页

热门文章