编程开发 - 教程之家

编程开发

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

46浏览

0评论

JS实现图片切换效果

本文实例为大家分享了JS实现图片切换效果的具体代码，供大家参考，具体内容如下<body> <button id="btn1">ON</button> <button id="btn2">OFF</button><br> <img src="image...

2020-05-27 04:24:25

53浏览

0评论

使用Javascript简单计算器

本文实例为大家分享了js简单计算器的实现代码，供大家参考，具体内容如下
1.html代码
<input type="text" name="" id="txt-num1">//输入第一个数 <select id="dropdown"> <op...

2020-05-27 04:24:24

43浏览

0评论

Javascript实现动态时钟效果

本文实例为大家分享了js实现动态时钟效果的具体代码，供大家参考，具体内容如下1.css代码<style type="text/css"> #box{ width:200px; height:200px; background:pink; mar...

2020-05-27 04:24:23

46浏览

0评论

利用原生的JavaScript实现简单拼图游戏

前言本篇主要讲解，如何利用原生的 JavaScript
来实现一个简单的拼图小游戏。一、游戏的基础逻辑
想用一门语言来开发游戏，必须先了解如何使用这门语言来实现一些基础逻辑，比如...

2020-05-27 04:24:22

53浏览

0评论

为什么说JavaScript预解释是一种毫无节操的机制详析

前言
JavaScript是一门解释型的语言 , 想要运行JavaScript代码需要两个阶段编译阶段: 编译阶段就是我们常说的JavaScript预解释（预处理）阶段，在这个阶段JavaScript解释器将完...

2020-05-27 04:24:21

59浏览

0评论

深入浅析Vue.js 中的 v-for 列表渲染指令

1 基本用法当遍历一个数组或枚举一个对象进行迭代循环展示时，就会用到列表渲染指令 v-for。它的表达式需要结合 in 来使用，类似 item in items 的形式。1.1 遍历数组html：<div...

2020-05-27 04:24:20

57浏览

0评论

Vue.js 中的 v-show 指令及用法详解

1 用法v-show 指令通过改变元素的 css 属性（display）来决定元素是显示还是隐藏。html：<div id="app"> <p v-show="type==='科技'">大数据之下的锦鲤：为什么你的微博总抽不到奖<...

2020-05-27 04:24:19

54浏览

0评论

浅析Vue.js 中的条件渲染指令

1 应用于单个元素Vue.js 中的条件渲染指令可以根据表达式的值，来决定在 DOM 中是渲染还是销毁元素或组件。html：<div id="app"> <p v-if="type===1">拌面</p> <p v-else-if="t...

2020-05-27 04:24:18

46浏览

0评论

Vue.js 中的 v-cloak 指令及使用详解

先来看下vue.js 中的v-cloak 指令可以使用 v-cloak 指令设置样式，这些样式会在 Vue 实例编译结束时，从绑定的 HTML 元素上被移除。当网络较慢，网页还在加载 Vue.js ，而导致 Vue...

2020-05-27 04:24:17

303浏览

0评论

Vue.js 使用v-cloak后仍显示变量的解决方法

Vue.js 使用v-cloak后仍显示变量的解决方法v-cloak 这个指令是防止页面加载时出现 vuejs 的变量名而设计的，但有时候添加了这个指令仍会显示变量，这是怎么回事呢？。v-cloak...

2020-05-27 04:24:16

61浏览

0评论

微信小程序自定义弹窗wcPop插件

微信小程序自定义组件弹窗wcPop|小程序消息提示框|toast自定义模板弹窗平时在开发小程序的时候，弹窗应用场景还是蛮广泛的，但是微信官方提供的弹窗比较有局限性，不能自定义修改...

2020-05-27 04:24:15

49浏览

0评论

JS监听事件的叠加和移除功能

html DOM元素有很多on开头的监听事件，如onload、onclick等，见DOM事件列表。但是同一种事件，后面注册的会覆盖前面的：window.onresize = function(){ alert(1);}window.onresize...

2020-05-27 04:24:13

49浏览

0评论

vue中的适配px2rem示例代码

前言做移动端时，适配是必须的。使用rem单位，可在不同屏幕上完美显示相同的布局。px2rem 插件方便的将px单位转为了rem。
px2rem 地址：https://www.npmjs.com/package/px2rem...

2020-05-27 04:24:12

41浏览

0评论

JS滚轮控制图片缩放大小和拖动的实例代码

具体代码如下所示：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .dragAble { position: relative; cursor: m...

2020-05-27 04:24:11

47浏览

0评论

一步步教你利用Docker设置Node.js

前言docker是一个开源的应用容器引擎，可以为我们提供安全、可移植、可重复的自动化部署的方式。docker采用虚拟化的技术来虚拟化出应用程序的运行环境。如上图一样。docker就...

2020-05-27 04:24:10

52浏览

0评论

jQuery 同时获取多个标签的指定内容并储存为数组

在网页开发中经常会碰到获取同种类型的标签的值得问题,比如下面的两种情况.
当需要批量获取同种标签的指定值时,新人就会碰上一点小麻烦.比如 id=problem1的demovar list1...

2020-05-27 04:24:09

64浏览

0评论

element vue validate验证名称重复输入框与后台重复验证特殊字符字符长度及注意事项小结【实例代码】

具体代码如下所示：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="https://unpkg.com/element-ui/l...

2020-05-27 04:24:07

37浏览

0评论

详解Vue.js在页面加载时执行某个方法

jQuery中可以这样写vue中，如果要达到相同效果，可以使用vue的生命周期函数，如create或者mounted
附上vue.js的生命周期函数执行流程总结以上所述是小编给大家介绍的Vue.js在页面...

2020-05-27 04:24:06

42浏览

0评论

vue directive定义全局和局部指令及指令简写

directive定义全局和局部指令以及指令简写1.使用Vue.directive()定义一个全局指令 Vue.directive('指令名称',{对象})
2.参数一：指令的名称，定义时指令前面不需要写v-
3.参...

2020-05-27 04:24:05

48浏览

0评论

Vue.js 中 axios 跨域访问错误问题及解决方法

1、假如访问的接口地址为 http://www.test.com/apis/index.php （php api 接口）2、而开发地址为http://127.0.0.1:8080,当axios发起请求时，出现如下错误：Failed to load http://...

2020-05-27 04:24:04

41浏览

0评论

jQuery实现上下滚动公告栏详细代码

之前做项目的时候，一直都想着做一个上下滚动的公告栏，作为展示网站的最新公告信息，因为刚开始自己的思路并不是太清晰，在网上找了很多的源码，但是却发现都不能让自己满意，有的还会...

2020-05-27 04:24:03

46浏览

0评论

详解ES6系列之私有变量的实现

前言
在阅读《ECMAScript 6 入门》的时候，零散的看到有私有变量的实现，所以在此总结一篇。1. 约定
实现
class Example { constructor() { this._private = 'private';...

2020-05-27 04:24:02

70浏览

0评论

Angular刷新当前页面的实现方法

onSameUrlNavigation
从angular5.1起提供onSameUrlNavigation来支持路由重新加载。有两个值'reload'和'ignore'。默认为'ignore'定义当路由器收到一个导航到当前 URL 的请求...

2020-05-27 04:24:01

40浏览

0评论

使用vue-cli webpack 快速搭建项目的代码

一、安装vuenpm install vue -g
二、用vue-cli快速搭建项目//全局安装vue-clinpm install install -g vue-cli//创建一个基于webpack模板的项目vue init webpack [demoname]...

2020-05-27 04:24:00

53浏览

0评论

详解nuxt路由鉴权(express模板)

这里我们以用户登录鉴权为例
express依赖express-session中间件实现session功能
若我们不加载express-session组件router.get('/user/login', function (req, res) { cons...

2020-05-27 04:23:59

57浏览

0评论

Nuxt.js SSR与权限验证的实现

Nuxt.js是一个建立在Vue.js基础上的服务端渲染框架。它非常易于上手并且可以让你在几分钟内构建你的应用。服务端渲染是一个解决所有SPA的SEO问题的伟大解决方案，但不幸的是...

2020-05-27 04:23:58

54浏览

0评论

nuxt.js中间件实现拦截权限判断的方法

最近在把vue的项目改成基于nuxt.js是 ssr渲染，需要进行权限拦截判断，网上查了不少资料。最终看官方手册解决了，贴一下过程项目环境"element-ui":"^2.3.4","flyio":"^0.5.2","js...

2020-05-27 04:23:57

55浏览

0评论

Nuxt.js之自动路由原理的实现方法

Nuxt.js 是一个基于 Vue.js 的通用应用框架。集成了Vue 2、Vue-Router、 Vuex、Vue-Meta，用于开发完整而强大的 Web 应用。它的特性有服务端渲染、强大的路由功能，支持异步数...

2020-05-27 04:23:56

53浏览

0评论

详解promise.then,process.nextTick, setTimeout 以及 setImmediate的执行顺序

本文介绍了详解promise.then,process.nextTick, setTimeout 以及 setImmediate的执行顺序，分享给大家，具体如下：先举一个比较典型的例子：setImmediate(function(){ console.log...

2020-05-27 04:23:55

59浏览

0评论

vue中组件的过渡动画及实现代码

1. 和多个元素的过渡一样，用组件来替换transition中包裹的标签<style> .fade-enter, .fade-leave-to { opacity: 0 } .fade-enter-active, .fade-leave-active { transiti...

2020-05-27 04:23:54

43浏览

0评论

apicloud拉起小程序并传递参数的方法示例

最近工作中遇到一个需求：App拉起微信小程序。App是用APICloud开发的。查阅APICloud文档发现端API->开放SDK->wx模块下有launchMiniProgram方法可以实现官方文档于是在项目中...

2020-05-27 04:23:53

64浏览

0评论

JSON生成Form表单的方法示例

JSON表单描述JSON表单是一个基于React的抽象组件，它可以把JSON数据格式描述的表单转换成项目中的表单，它可以用简短的几行代码，快速的生成Form表单。
JSON表单的优点是：可以快...

2020-05-27 04:23:52

55浏览

0评论

如何去除富文本中的html标签及vue、react、微信小程序中的过滤器

在获取富文本后，又只要显示部分内容，需要去除富文本标签，然后再截取其中一部分内容；然后就是过滤器，在微信小程序中使用还是挺多次的，在vue及react中也遇到过1.富文本去除html标签...

2020-05-27 04:23:51

55浏览

0评论

跨域解决之JSONP和CORS的详细介绍

JSONP跨域和CORS跨域什么是跨域？跨域：指的是浏览器不能执行其它网站的脚本，它是由浏览器的同源策略造成的，是浏览器的安全限制！同源策略同源策略：域名、协议、端口均相同。浏览器...

2020-05-27 04:23:50

48浏览

0评论

微信小程序局部刷新触发整页刷新效果的实现代码

效果图如上图所示，头部的选项栏时固定的（fixed），下部的信息栏是滚动的, 由于头部是fixed所以无法实现下拉刷新的效果，如果去掉fixed当我们上拉的时候，选项栏又无法固定，所以我们需...

2020-05-27 04:23:49

53浏览

0评论

从源码里了解vue中的nextTick的使用

今天做了一个需求，场景是这样的：在页面拉取一个接口，这个接口返回一些数据，这些数据是这个页面的一个浮层组件要依赖的，然后我在接口一返回数据就展示了这个浮层组件，展示的同时，上...

2020-05-27 04:23:48

39浏览

0评论

js操作table中tr的顺序实现上移下移一行的效果

总体思路是在table外部加个div，修改div的innerHtml实现改变tr顺序的效果具体思路是获取当前要移动tr行的rowIndex，在table中删除掉，然后循环table的rows，到了目标行再直接加进去...

2020-05-27 04:23:47

53浏览

0评论

layer弹出子iframe层父子页面传值的实现方法

本文介绍了layer弹出子iframe层父子页面传值的实现方法，分享给大家，具体如下：
父页面获取子页面元素
格式：
$("#iframeID").contents().find("#eleID")示例代码：
father.html
<!D...

2020-05-27 04:23:46

69浏览

0评论

微信小程序功能之全屏滚动效果的实现代码

想做一个全屏滚动的效果，于是在网上找了一个差不多的例子，但是觉得有些地方不是很好，于是改进了一下；
先给大家展示下效果图，感觉不错，请参考实例代码。代码：wxml:　<!-- 第一页 --...

2020-05-27 04:23:45

42浏览

0评论

详解vue中localStorage的使用方法

什么是localStorage对浏览器来说，使用 Web Storage 存储键值对比存储 Cookie 方式更直观，而且容量更大，它包含两种：localStorage 和 sessionStorage1.sessionStorage（临时存储）：为...

2020-05-27 04:23:44

59浏览

0评论

详解Vue组件之作用域插槽

写作用域插槽之前，先介绍一下Vue中的slot内容分发：如果<child-component></child-component>标签之间没有插入那两个p标签的话，页面会显示子组件模板中定义的“<p>父组件如果没...

2020-05-27 04:23:43

52浏览

0评论

详解三种方式解决vue中v-html元素中标签样式

Vue为v-html中标签添加CSS样式<template> <div class="hello"> <section> <h2 class="title">{{news.title}}</h2> <p class="news-time">{{news.datetime}}</p> <div cl...

2020-05-27 04:23:42

47浏览

0评论

vue-cli3.0如何使用CDN区分开发、生产、预发布环境

前言：上一篇记录文vue-cli 3.0 build包太大导致首屏过长的解决方案中提到了CDN优化，之前是直接在html中手动注入JS，也没有对开发和生产模式进行区分，因为是使用收费的CDN，所以在...

2020-05-27 04:23:41

61浏览

0评论

微信上传视频文件提示（推荐）

晚上要下班了老板发来一个任务：把一个300M左右的视频压缩到100M以内,以便在微信上发送。这倒不是难事，狸窝咱又不是没用过，开搞！！！就是这么邪气，恰好100.18M视频质量：低等质量，音频质...

2020-05-27 04:23:40

47浏览

0评论

vue+node实现图片上传及预览的示例方法

本文介绍了vue+node实现图片上传及预览的示例方法，分享给大家，具体如下：先上效果图

上代码
html部分主要是借助了weui的样式<template> <div> <myheader :title="'发布动态'"...

2020-05-27 04:23:38

55浏览

0评论

js实现按钮开关单机下拉菜单效果

通过onclick单击事件，实现效果，代码如下：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>开关按钮设置</title> </head> <link rel="stylesheet" href=...

2020-05-27 04:23:37

82浏览

0评论

原生JS实现手动轮播图效果实例代码

手动轮播图，为轮播图中的一种，轮播图主要有无缝轮播，手动轮播，延迟轮播，切换轮播等等。。。轮播图主要用于展现图片，新出商品，词条，又能美观网页。給网页中增加动态效果。手动轮播，是...

2020-05-27 04:23:36

73浏览

0评论

浅析vue 函数配置项watch及函数 $watch 源码分享

Vue双向榜单的原理大家都知道Vue采用的是MVVM的设计模式,采用数据驱动实现双向绑定，不明白双向绑定原理的需要先补充双向绑定的知识,在watch的处理中将运用到Vue的双向榜单原...

2020-05-27 04:23:35

45浏览

0评论

vue中的ref和$refs的使用

ref：被用来给元素或子组件注册引用信息，引用信息将会注册在父组件的$refs对象上。如果在普通的DOM元素上使用，那么指向的就是普通的DOM元素。
ref 有三种用法：1、ref 加在普通的...

2020-05-27 04:23:34

42浏览

0评论

vue全局使用axios的方法实例详解

在vue项目开发中，我们使用axios进行ajax请求，很多人一开始使用axios的方式，会当成vue-resoure的使用方式来用，即在主入口文件引入import VueResource from 'vue-resource'之后，直...

2020-05-27 04:23:33

首页 «1375 137613771378 1379 »尾页

热门文章