编程开发 - 教程之家

编程开发

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

101浏览

0评论

Node.js使用MySQL连接池的方法实例

本文实例讲述了Node.js使用MySQL连接池的方法。分享给大家供大家参考，具体如下：Nodejs如何使用MySQLNodejs要连接MySQL，可以使用Nodejs的MysQL驱动来实现。比如，我们这里使用"no...

2020-05-27 08:12:20

127浏览

0评论

vue.js,ajax渲染页面的实例

关于上次说的用vue.js，zepto，node.js,webpack等技术重构CNode。这是一个比较入门的项目，一般你学完vue就可以上手了，CNode网站有公开的API所以你可以获取这个网站的所有数据接口...

2020-05-27 08:12:19

71浏览

0评论

ajax请求+vue.js渲染+页面加载的示例

1.导入js<script type="text/javascript" src="<c:url value="/resources/lib/jquery/jquery-1.11.0.min.js" />"></script><link href="<c:url value="...

2020-05-27 08:12:18

92浏览

0评论

解决使用Vue.js显示数据的时,页面闪现原始代码的问题

今天开始学习Vue.js的使用，但是在学习过程中发现一个问题，那就是页面加载数据时，原始代码会闪现一下。查访各方资料，终的解决方法。第一步、加入一段css代码<style type="text/c...

2020-05-27 08:12:17

133浏览

0评论

使用vue-router设置每个页面的title方法

基本环境配置： webpack + vue2.0 + vue-router +nodeJS进入 router 文件夹底下的index.js文件首先引入：import Vue from 'vue'import Router from 'vue-router'然后在路由里面...

2020-05-27 08:12:16

107浏览

0评论

vue页面跳转后返回原页面初始位置方法

vue页面跳转到新页面之后，再由新页面返回到原页面时候若想返回调出原页面的初始位置，怎么来解决这个问题呢？首先我们应该在跳出页面时候记录下跳出的scrollY，返回原页面的时候在...

2020-05-27 08:12:15

121浏览

0评论

vue-router配合ElementUI实现导航的实例

在每个项目中路由是不可或缺的，最近学习vue-router和ElementUI配合使用实现导航栏，在学习的过程中遇到一个问题：点击浏览器的刷新之后页面停留在原来的位置，但是导航却是默认第...

2020-05-27 08:12:14

207浏览

0评论

详解如何在vue项目中引入elementUI组件

前提：已经安装好Vue
初始化vue
vue init webpack itemname运行初始化demo
运行一下初始后的demo，如果没有问题则进行安装elementUInpm run dev安装 elementUI
npm i element-u...

2020-05-27 08:12:13

88浏览

0评论

vue刷新和tab切换实例

首先写个子组件用来放刷新的内容，命名为pull（可以看例子最后面放的。）然后再要刷新的页面引用
<template> <div class="fbjbox container"> <div class="fbjbox1"> <tab r...

2020-05-27 08:12:12

100浏览

0评论

Vue-cli中为单独页面设置背景色的实现方法

例子：<template> <div class="finish-wrap"> <div class="finish-header"> <div class="finish-img"> </div> </div> <div class="finish-tip"> 支付成功 </div>...

2020-05-27 08:12:11

83浏览

0评论

Vue实现点击后文字变色切换方法

这里用文字举例，图片切换的原理也是一样的大概思路是：用两个class相同的span分别是切换前后的文字，class相同主要是为了变换前后的文字位置相同。然后用click事件控制它们的显...

2020-05-27 08:12:10

71浏览

0评论

原生JS实现循环Nodelist Dom列表的4种方式示例

本文实例讲述了原生JS实现循环Nodelist Dom列表的4种方式。分享给大家供大家参考，具体如下：function $(id) { return document.getElementById(id);}var _PAGE = { timeListDo...

2020-05-27 08:12:09

116浏览

0评论

Material(包括Material Icon)在Angular2中的使用详解

1.引入material npm包npm install @angular/material @angular/cdk2.新建一个ebiz-material.module.ts方便管理引入material的moduleng g module ebiz-material -app=ebiz-u...

2020-05-27 08:12:08

116浏览

0评论

在 Angular中使用 Lodash 的方法

如何Lodash 是 JavaScript 很有名的 package，尤其對於處理 array 很有一套，Angular 該如何使用 lodash 呢 ? 這也可以視為在 Angular 使用傳統 JavaScript package 的 SOP...

2020-05-27 08:12:08

85浏览

0评论

vue项目实战总结篇

这篇文章把小编前段时间做的vue项目，做个完整的总结，具体内容请参考本文。这次算是详细总结，会从项目的搭建，一直到最后的服务器上部署。废话不多说了。干货直接上。一、必须no...

2020-05-27 08:12:07

143浏览

0评论

vue-router项目实战总结篇

今天来谈谈vue项目{vue,vue-router,component}三大神将之一的vue-router。作为我们前后端分离很重要的实践之一，router帮我们完成了SPA应用间的页面跳转。并且，配合axios这样...

2020-05-27 08:12:05

74浏览

0评论

代码详解JS操作剪贴板

javascript可以轻松操作客户端剪贴板内容，不过只适用IE5以上浏览器。
javascript可以使用window.clipboardData对象处理剪贴板内容。
保存到剪贴板的方法setData(param1, par...

2020-05-27 08:12:04

81浏览

0评论

从vue基础开始创建一个简单的增删改查的实例代码(推荐)

1、安装vue-cli cnpm install vue-cli -g --执行全局安装2、创建一个webpack的基础项目；命令：vue init webpack myproject;　　以下是项目的目录结构及说明　　build是web...

2020-05-27 08:12:03

78浏览

0评论

原生js实现省市区三级联动代码分享

前言插件功能只满足我司业务需求，如果希望有更多功能的，可在下方留言，我尽量扩展！如果你有需要或者喜欢的话，可以给我github来个star准备<div id="wrap"></div>页面中的容器标签...

2020-05-27 08:12:01

100浏览

0评论

JS/jQuery实现DIV延时几秒后消失或显示的方法

本文实例讲述了JS/jQuery实现DIV延时几秒后消失或显示的方法。分享给大家供大家参考，具体如下：1、最常用的方法（setTimeout）：<script language='javascript' type='text/javascri...

2020-05-27 08:11:55

86浏览

0评论

jQuery实现定时隐藏对话框的方法分析

本文实例讲述了jQuery实现定时隐藏对话框的方法。分享给大家供大家参考，具体如下：以下内容可能不完全正确，只是在有问题时进行参考。1. setTimeout ：出现设置了时间，但是程序...

2020-05-27 08:11:54

73浏览

0评论

jquery+css3实现熊猫tv导航代码分享

实现原理
请看以下源代码<div class="ph-nav" data-pdt-block="pheader-n"> <div class="ph-nav_shadow" style="left: 0px; width: 62px;"></div> <ul> <...

2020-05-27 08:11:53

96浏览

0评论

详解vue-admin和后端(flask)分离结合的例子

本文介绍了vue-admin和后端(flask)分离结合的例子，分享给大家，具体如下
感觉 vue-admin 界面很不错,写了一个小 Demo
看到issues好多问后端数据请求的
就上传了自己最近的这个...

2020-05-27 08:11:51

80浏览

0评论

Vue+webpack项目基础配置教程

最近在学习webpack，跟着课程一个单页面应用，在这里记录一下。这个部分主要讲了如何配置webpack的环境，以及webpack dev的配置。记录比较粗略，后续会更新。1.开发环境：vscode,node...

2020-05-27 08:11:50

106浏览

0评论

nodejs+express搭建多人聊天室步骤

前言
本文主要是笔者在学习node的时候，作为练手的一个小项目，花了几天空余时间，边码边写教程的一个过程。适用于对node理论知识看的多，实战少的同学，那么现在就让我们开始吧！准备...

2020-05-27 08:11:48

112浏览

0评论

nginx+vue.js实现前后端分离的示例代码

1.nginx 是一个高性能的HTTP和反向代理服务器，常用于分布式服务器管理.它常用于做负载均衡(通过调用多台服务器达到此目的)静态资源输出更快，可以对资源实现gzip压缩后输出(这...

2020-05-27 08:11:46

105浏览

0评论

vue2.0实现前端星星评分功能组件实例代码

下面给大家分享vue 2.0实现星星评分组件，代码很简单，一起看看吧！废话不多说了，直接给大家贴代码了，具体代码如下所示：
<template id="pingJia"><div><ul><li :class="{li1:1,bg1:i...

2020-05-27 08:11:46

120浏览

0评论

nginx部署访问vue-cli搭建的项目的方法

从vue-router官网了解到如果是用history模式构建的vue项目打包后是需要后端配置支持的，而hash是不需要的，只不过地址会多了一个#/的后缀。使用hash模式构建的项目打包后，我只需...

2020-05-27 08:11:44

114浏览

0评论

Vue打包后出现一些map文件的解决方法

Vue打包后出现一些map文件的解决办法：
问题：可能很多人在做vue项目打包，打包之后js中，会自动生成一些map文件，那我们怎么把它去掉不要呢？
1，运行 cnpm run build 开始打包
2，会在...

2020-05-27 08:11:43

105浏览

0评论

基于Node.js实现压缩和解压缩的方法

压缩格式zip 和 gzip 是两种我们最常见到的压缩格式，当然，gzip 在 Windows 下很少有人接触。tar 是一种归档格式，它默认不会压缩，需要结合 gzip 来将最终的 tar 文件以 gzip 格...

2020-05-27 08:11:42

94浏览

0评论

tween.js缓动补间动画算法示例

一、理解tween.js
如果看到上面的已经理解了,可以跳过下面的部分.下面为对Tween.js的解释下面就介绍如何使用这个Tween了，首先b、c、d三个参数（即初始值，变化量，持续时间）在缓动...

2020-05-27 08:11:41

60浏览

0评论

React中的refs的使用教程

ref是React中的一种属性，当render函数返回某个组件的实例时，可以给render中的某个虚拟DOM节点添加一个ref属性，如下面的代码所示：<body> <script type="text/jsx"> var Ap...

2020-05-27 08:11:40

94浏览

0评论

JS实现的文字间歇循环滚动效果完整示例

本文实例讲述了JS实现的文字间歇循环滚动效果。分享给大家供大家参考，具体如下：先来看看运行效果：具体代码如下：<!DOCTYPE html><html><head><meta charset="utf-8"/><title>www...

2020-05-27 08:11:39

59浏览

0评论

浅谈实现vue2.0响应式的基本思路

最近看了vue2.0源码关于响应式的实现，以下博文将通过简单的代码还原vue2.0关于响应式的实现思路。
注意，这里只是实现思路的还原，对于里面各种细节的实现，比如说数组里面数据的...

2020-05-27 08:11:38

72浏览

0评论

jQuery实现的鼠标响应缓冲动画效果示例

本文实例讲述了jQuery实现的鼠标响应缓冲动画效果。分享给大家供大家参考，具体如下：先来看看运行效果：具体代码如下：<!DOCTYPE html><html><head><meta charset="utf-8"/><title...

2020-05-27 08:11:37

66浏览

0评论

jQuery实现鼠标响应式淘宝动画效果示例

本文实例讲述了jQuery实现鼠标响应式淘宝动画效果。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head><meta charset="utf-8"/><title>Jquery淘宝动画</title><scri...

2020-05-27 08:11:36

96浏览

0评论

jQuery实现鼠标响应式透明度渐变动画效果示例

本文实例讲述了jQuery实现鼠标响应式透明度渐变动画效果。分享给大家供大家参考，具体如下：先来看看运行效果：具体代码如下：<!DOCTYPE html><html><head><meta charset="utf-8"/>...

2020-05-27 08:11:35

79浏览

0评论

js实现保存文本框内容为本地文件兼容IE,chrome,火狐浏览器 <font color=red>原创</font>

很多网站实现了利用JS保存页面中文本框内容到本地，并另存为指定文件扩展名与编码类型的功能，特别是一些代码教程，JS特效站上更是长见。如何利用JS实现这种功能的呢，下面给出了具...

2020-05-27 08:11:34

54浏览

0评论

JavaScript中严格判断NaN的方法

我也在FreeCodeCamp上碰到这样一道题：删除数组中的所有假值。在JavaScript中，假值有false、null、0、”“、undefined 和 NaN。对于NaN的判断，JS提供了函数isNaN()。但是使用is...

2020-05-27 08:11:33

97浏览

0评论

JS声明对象时属性名加引号与不加引号的问题及解决方法

一般情况下属性名加引号和不加引号是都可以的，效果是一样的。
var obj = { name : '你好', 'age' : 1, }; document.write( obj['name'] + '<br />' ); document.write...

2020-05-27 08:11:32

58浏览

0评论

Vue组件库发布到npm详解

制作了一套自己的组件库，并发布到npm上，项目代码见https://github.com/hamger/hg-vcomponents前期准备
有一个npm账号安装了vue-cli搭建项目vue init webpack hg-vcompone...

2020-05-27 08:11:31

86浏览

0评论

js装饰设计模式学习心得

装饰设计模式每种设都有其独特的应用场景和解决问题的方式, 装饰设计模式是动态的为对象添加新的功能, 是一种用于代替继承的技术，无需通过继承增加子类就能扩展对象的新功能...

2020-05-27 08:11:30

150浏览

0评论

JavaScript异步加载问题总结

同步加载的问题默认的js是同步加载的，这里的“加载”可以理解成是解析、执行，而不是“下载”，在最新版本的浏览器中，浏览器对于代码请求的资源都是瀑布式的加载，而不是阻塞式的，但...

2020-05-27 08:11:29

78浏览

0评论

图文介绍Vue父组件向子组件传值

1:在src/components/child/文件夹下，创建一个名为：child.vue的子组件2：在父组件中，设置好需要传递的数据3：在App.vue中引入并注册子组件4：通过v-bind属性绑定并赋值给子组件5:子组...

2020-05-27 08:11:28

108浏览

0评论

js实现控制文件拖拽并获取拖拽内容功能

在用户拖拽文件到浏览器的某个元素上时，js可以监听到与拖拽相关的事件，并对拖拽结果进行处理，本文讨论下和拖拽文件相关的一些问题，不过没有处理太多关于兼容性的问题。拖拽事件...

2020-05-27 08:11:26

77浏览

0评论

Vue底层实现原理总结

前言
最近在研究剖析Vue原理&实现双向绑定MVVM 这篇文章，一边学习一边总结一下自己的思考。Vue是一个典型的MVVM框架，模型（Model）只是普通的JavaScript对象，修改它则视图（View）会...

2020-05-27 08:11:25

76浏览

0评论

nodejs微信扫码支付功能实现

前言
本篇文章主要是记录本人在微信扫码支付过程中所遇到的问题，给大家一个借鉴作用，希望对你们有帮助开发环境
nodejs v8.1.0 egg v1.1.0
准备工作
微信公众号-appid
微...

2020-05-27 08:11:24

67浏览

0评论

JS实现运动缓冲效果的封装函数示例

本文实例讲述了JS实现运动缓冲效果的封装函数。分享给大家供大家参考，具体如下：之前经常写运动函数，要写好多好多，后来想办法封装起来。（运动缓冲）。/* 物体多属性同时运动的函数...

2020-05-27 08:11:23

101浏览

0评论

Angular2.0实现modal对话框的方法示例

本文实例讲述了Angular2.0实现modal对话框的方法。分享给大家供大家参考，具体如下：觉得写的比较巧妙的就是样式的选取~记录下CSS部分.font { font-family: "Microsoft YaHei",...

2020-05-27 08:11:22

89浏览

0评论

Angular实现的进度条功能示例

本文实例讲述了Angular实现的进度条功能。分享给大家供大家参考，具体如下：项目里需要一个进度条，所以就在网上查找资料学习，看到了网友“雪狼”的代码分享，写的很高明，很精练，很厉...

2020-05-27 08:11:21

首页 «1308 130913101311 1312 »尾页

热门文章