编程开发 - 教程之家

编程开发

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

50浏览

0评论

从零开始搭建一个react项目开发

本文介绍了从零开始搭建一个react项目开发，分享给大家，具体如下：1、npm init 生成 package.json 文件.
2、安装各种需要的依赖:
npm install
--save react - 安装React.
npm i...

2020-05-27 08:13:05

81浏览

0评论

vue二级路由设置方法

项目当中使用vue的时候一定会用到路由，并且二级路由甚至三集路由的需求都是刚需，当然，多级路由的配置方法和二级的是一样的，简单讲讲二级路由的配置吧。首先把一级路由的结构准...

2020-05-27 08:13:04

95浏览

0评论

使用mint-ui实现省市区三级联动效果的示例代码

引用插件：饿了么的mint-ui组件中的picker功能，具体API可参照官网说明：http://mint-ui.github.io/docs/#/zh-cn2/picker背景：项目需要做一个省份-城市-地区的选择级联效果，我从gay...

2020-05-27 08:13:03

77浏览

0评论

vue2.0.js的多级联动选择器实现方法

由于工作需求，想实现一个多级联动选择器，但是网上现有的联动选择器都不是我想要的，我参照基于vue2.0的element-ui中的Cascader级联选择器的样式实现了复合自己要求的多级联动选...

2020-05-27 08:13:02

67浏览

0评论

JavaScript比较同一天的时间大小实例代码

在项目开发的过程中，有时候会遇到同一天内的时间大小比较，一般来说选择时间是通过插件实现的，但并不排除客户要求手动输入的情况。那么，在应客户要求手动输入时间，并且需要进行时...

2020-05-27 08:13:01

66浏览

0评论

在 React、Vue项目中使用SVG的方法

在一些现代的扁平化设计网站，特别是移动端网站，经常会包含许多简单而清晰的小图标，例如网站图标、用户的默认头像、移动端网页首页底部固定的切换栏等，这些小图标一般都是由美工...

2020-05-27 08:12:59

91浏览

0评论

尝试自己动手用react来写一个分页组件(小结)

本文介绍了尝试自己动手用react来写一个分页组件(小结)，分享给大家，具体如下：
分页效果在线预览 github地址效果截图（样式可自行修改）：构建项目create-react-app react-paging-com...

2020-05-27 08:12:58

66浏览

0评论

VUE2 前端实现静态二级省市联动选择select的示例

TIPs：用了element UI的select选择器 <el-select>。换成普通select也差不多。数据没写南海诸岛，没写默认全国。HTML： <el-form-item label="选择地区：">...

2020-05-27 08:12:57

80浏览

0评论

mint-ui 时间插件使用及获取选择值的方法

如下所示：<div > {{pickerValue}}</div><mt-datetime-picker ref="picker" 每一个都要填上这一条open type="time" @confirm="handleConfirm" 设置点击确定 v-model="pickerV...

2020-05-27 08:12:56

64浏览

0评论

vue checkbox 全选数据的绑定及获取和计算方法

html<input type='checkbox' v-model='checkboxModel' :value='z.coach_id+"-"+z.amount' :i="dianji" @click="lll">第一个CheckBox<span><input type='checkbox' v-model=...

2020-05-27 08:12:55

197浏览

0评论

详解如何在项目中使用jest测试react native组件

目前Javascript的测试工具很多，但是针对React的测试策略，Facebook推出的ReactJs标配测试工具是Jest.Jest的官网地址：https://facebook.github.io/jest/。我们可以看到Jest官网...

2020-05-27 08:12:54

61浏览

0评论

vue 全选与反选的实现方法(无Bug 新手看过来)

我就废话不多说，直接上代码吧！<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title></head><body><div id="app"><div style="padding-left:...

2020-05-27 08:12:53

68浏览

0评论

JavaScript运行原理分析

JavaScript是一种基于对象的动态、弱类型脚本语言（以下简称JS），是一种解释型语言，和其他的编程语言不同，如java/C++等编译型语言，这些语言在代码执行前会进行通篇编译，先编译成字节...

2020-05-27 08:12:52

86浏览

0评论

js自定义trim函数实现删除两端空格功能

本文实例讲述了js自定义trim函数实现删除两端空格功能。分享给大家供大家参考，具体如下：兼容IE低版本浏览器，以及其他一些低版本脚本的浏览器js中本身是没有trim函数的//删除左...

2020-05-27 08:12:51

62浏览

0评论

使用express搭建一个简单的查询服务器的方法

本文介绍了使用express搭建一个简单的查询服务器的方法，分享给大家，具体如下：使用到的技术栈有express、mysql.
项目结构:service--node_modules--app.js--query.jsapp.js支持...

2020-05-27 08:12:50

93浏览

0评论

详解vue-cli项目中的proxyTable跨域问题小结

什么是跨域？同源策略规定了如果两个 url 的协议、域名、端口中有任何一个不等，就认定它们跨源了。跨域的解决方式有哪几种？1.JSONP 是 JSON with padding（填充式 JSON 或参数式...

2020-05-27 08:12:49

65浏览

0评论

React组件refs的使用详解

ref顾名思义我们知道，其实它就可以被看座是一个组件的参考，也可以说是一个标识。作为组件的属性，其属性值可以是一个字符串也可以是一个函数。其实，ref的使用不是必须的。即使是...

2020-05-27 08:12:47

79浏览

0评论

webpack之devtool详解

关于Devtool该选项控制是否以及如何生成源映射。官网上给出的可选值有：其中一些值适合开发，一些用于生产。对于开发，您通常需要快速的Source Maps，以bundle的大小为代价，但是对于...

2020-05-27 08:12:46

104浏览

0评论

VUEJS 2.0 子组件访问/调用父组件的实例

有时候因为布局问题，需要子组件把数据传给父组件，并执行父级的某个方法，不多说上代码：子组件：<template> <div class="isShowing" ref="isShowing"> <div class="menu-wrappe...

2020-05-27 08:12:43

63浏览

0评论

javascript中的隐式调用

前言
不知道用隐式调用来形容是否确切,其行为总是隐藏在背后，时不时出来露脸一下，作用貌似不大，但是了解一下还是有用处的，保不准在你的使用下大有作为。
所谓的隐式调用简单来...

2020-05-27 08:12:42

48浏览

0评论

使用 vue.js 构建大型单页应用

前置条件:熟悉使用 Javascript + HTML5 + css3。
理解 ES2015 Module 模块(export、import、export-default)。
了解 nodejs 基础知识，npm 常用命令，以及 npm script 使用 (vu...

2020-05-27 08:12:41

89浏览

0评论

vue实现微信分享朋友圈,发送朋友的示例讲解

首先下载微信jssdk引入项目中，这里我就不说怎么去安装了，如果不会的可以看一下npm教程和es6的教程。第一步，引入微信jssdk，此处我是通过下载微信jssdk，然后用webpack引入进项目的...

2020-05-27 08:12:40

84浏览

0评论

详解如何实现一个简单的 vuex

首先我们需要知道为何要使用 vuex。父子组件通信用 prop 和自定义事件可以搞定，简单的非父子组件通信用 bus（一个空的 Vue 实例）。那么使用 vuex 就是为了解决复杂的非父子组件...

2020-05-27 08:12:39

67浏览

0评论

vue.js 微信支付前端代码分享

实例如下所示：onBridgeReady: function () { const openId = localStorage.getItem('openId') payService.payment(this.$route.params.orderId, 1, openId).then(rt => {...

2020-05-27 08:12:38

57浏览

0评论

Vue2.0用户权限控制解决方案的示例

Vue-Access-Control是一套基于Vue/Vue-Router/axios 实现的前端用户权限控制解决方案，通过对路由、视图、请求三个层面的控制，使开发者可以实现任意颗粒度的用户权限控制。安...

2020-05-27 08:12:37

89浏览

0评论

Vue组件和Route的生命周期实例详解

先讲点实际的实用点的钩子：Created：vue实例被生成后的一个生命周期钩子函数。(页面初始化数据加载一般写这里);
beforeCreate：给个loading界面 created撤销loading;
beforeDest...

2020-05-27 08:12:36

68浏览

0评论

利用SpringMVC过滤器解决vue跨域请求的问题

之前写过通过注释的方法解决跨域请求的方法，需要每次都在controll类使用注解，这次通过springmvc的拦截器解决：继承SpringMVC的类HandlerInterceptor重写preHandle方法，这个方法...

2020-05-27 08:12:35

72浏览

0评论

webpack 4.0.0-beta.0版本新特性介绍

近年来前端技术如雨后春笋般蓬勃发展，我们也在这个潮流下不断地学习、成长。前端技术的不断发展，给我们提供了许多的便利。例如：JSX的出现为我们提供了一个清晰、直观的方式来...

2020-05-27 08:12:34

84浏览

0评论

vue2.0组件之间传值、通信的多种方式(干货)

Vue中组件这个特性让不少前端er非常喜欢，我自己也是其中之一，它让前端的组件式开发更加合理和简单。这次我们就来聊一聊vue2.0组件之间传值、通信的多种方式。一、通过路由带...

2020-05-27 08:12:33

57浏览

0评论

vue.js分页中单击页码更换页面内容的方法(配合spring springmvc)

html代码：<section class="container page-home"><div id="main-content" class="wrap-container zerogrid"><article id="news_content" v-for="item in items"><div class=...

2020-05-27 08:12:30

49浏览

0评论

集成vue到jquery/bootstrap项目的方法

说明，项目本身使用jquery和bootstrap做的管理后台，部分登录接口跑在node服务端，大部分接口使用springmvc实现。现在，使用vue开发，集成vue到原先的项目中。不影响原先的框架。原来...

2020-05-27 08:12:29

73浏览

0评论

vue.js系列中的vue-fontawesome使用

折腾前言目前工作主要使用 vue.js 框架进行开发，自己又对 vue 不是那么了解，还是半桶的状态，所以得加紧步伐赶紧熟悉起来，这两天在使用脚手架 vue-cli 创建项目玩耍中，又一直对fo...

2020-05-27 08:12:28

65浏览

0评论

JS简单添加元素新节点的方法示例

本文实例讲述了JS简单添加元素新节点的方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>www.freexyz.cn - JS添...

2020-05-27 08:12:27

51浏览

0评论

JS简单获得节点元素的方法示例

本文实例讲述了JS简单获得节点元素的方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>www.freexyz.cn - JS几种...

2020-05-27 08:12:26

65浏览

0评论

Vue完整项目构建(进阶篇)

前置条件: 熟悉使用 Javascript + HTML5 + css3。理解 ES2015 Module 模块(export、import、export-default)。了解 nodejs 基础知识，npm 常用命令，以及 npm script 使用...

2020-05-27 08:12:25

61浏览

0评论

NodeJS简单实现WebSocket功能示例

本文实例讲述了NodeJS简单实现WebSocket功能。分享给大家供大家参考，具体如下：我们基于express和socket.io开发，首先我们需要安装以下包npm install --save expressnpm install...

2020-05-27 08:12:24

83浏览

0评论

nodeJs实现基于连接池连接mysql的方法示例

本文实例讲述了nodeJs实现基于连接池连接mysql的方法。分享给大家供大家参考，具体如下：mysql.js//连接数据库var mysql = require('mysql');var pool = mysql.createPool({ h...

2020-05-27 08:12:23

97浏览

0评论

Express进阶之log4js实用入门指南

对于线上项目用来说，日志是非常重要的一环。log4js是使用得比较多的一个日志组件，经常跟Express一起配合使用。本文从入门实例开始，讲解log4js的使用，以及如何跟Express进行整合...

2020-05-27 08:12:22

88浏览

0评论

vue中引用阿里字体图标的方法

想在vue中引用阿里的iconfont,却出现报错，原因是没有对应的loader处理字体文件。解决办法1.引入css文件import 'font-awesome/css/font-awesome.min.css'2.在webpack.config...

2020-05-27 08:12:21

75浏览

0评论

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

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

2020-05-27 08:12:20

102浏览

0评论

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

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

2020-05-27 08:12:19

49浏览

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

74浏览

0评论

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

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

2020-05-27 08:12:17

104浏览

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

87浏览

0评论

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

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

2020-05-27 08:12:15

91浏览

0评论

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

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

2020-05-27 08:12:14

187浏览

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

66浏览

0评论

vue刷新和tab切换实例

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

2020-05-27 08:12:12

75浏览

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

61浏览

0评论

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

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

2020-05-27 08:12:10

首页 «1283 128412851286 1287 »尾页

热门文章