编程开发 - 教程之家

编程开发

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

74浏览

0评论

详解使用vue-admin-template的优化历程

前言公司有好几个项目都有后台管理系统，为了方便开发，所以选择了 vue 中比较火的后台模板作为基础模板进行开发。但是，开始用的时候，作者并没有对此进行优化，到项目上线的时候，才...

2020-05-27 05:27:24

74浏览

0评论

详解vue的diff算法原理

我的目标是写一个非常详细的关于diff的干货，所以本文有点长。也会用到大量的图片以及代码举例，目的让看这篇文章的朋友一定弄明白diff的边边角角。先来了解几个点...1. 当数据...

2020-05-27 05:27:23

84浏览

0评论

Vue二次封装axios为插件使用详解

照例先贴上 axios 的 gitHub 地址不管用什么方式获取数据，对于一个项目来说，代码一定要利于维护其次是一定要写的优美，因此加上一层封装是必要的vuejs2.0 已经不再维护 vue-res...

2020-05-27 05:27:21

226浏览

0评论

以v-model与promise两种方式实现vue弹窗组件

最近公司有一个后台业务虽然也是写在了现有的后台系统中，但是之后要为这个业务单独拉出来新建一个后台系统,所以现有的后台系统中的vue组件库，就不能用了(因为不知道将来的系...

2020-05-27 05:27:20

40浏览

0评论

JS实现的文件拖拽上传功能示例

本文实例讲述了JS实现的文件拖拽上传功能。分享给大家供大家参考，具体如下：<!doctype html><html><head><meta charset="utf-8"><title>www.freexyz.cn JS文件拖拽上传</title><...

2020-05-27 05:27:19

46浏览

0评论

纯JS实现可用于页码更换的飞页特效示例

本文实例讲述了纯JS实现可用于页码更换的飞页特效。分享给大家供大家参考，具体如下：这个效果使用了自己封装的一个运动函数；这个效果的巧妙之处在于，在开始用数组存放了每个li的...

2020-05-27 05:27:18

35浏览

0评论

Vue+Jwt+SpringBoot+Ldap完成登录认证的示例代码

本人野生程序员一名，了解了一些微服务架构、前后端分离、SPA的知识后就想试试做点什么东西。之前一直做后端，前端只是有基础知识。之前学习过angularjs，但当时就是一脸懵逼（完全...

2020-05-27 05:27:17

54浏览

0评论

Vue中父子组件通讯之todolist组件功能开发

一、todolist功能开发<div id="root"> <div> <input type="text" v-model="inputValue"> <button @click="handleSubmit">提交</button> </div> <ul> <li v-for="(...

2020-05-27 05:27:15

87浏览

0评论

Vue整合AdminLTE模板的方法

上一次搞定了登录验证和跳转的问题，不过存在一处bug。在Vue的main.js中，使用了Vue-router的路由钩子来判断是否可以访问受保护的资源，问题就出在这里，先修复上次的bug。/*全局路...

2020-05-27 05:27:14

36浏览

0评论

JavaScript实现一个带AI的井字棋游戏源码

最近有一门课结束了，需要做一个井字棋的游戏，我用JavaScript写了一个。首先界面应该问题不大，用html稍微写一下就可以。主要是人机对弈时的ai算法，如何使电脑方聪明起来，是值得思...

2020-05-27 05:27:13

67浏览

0评论

使用vue-cli（vue脚手架）快速搭建项目的方法

vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目。这篇文章将会从实操的角度，介绍整个搭建的过程。
1. 避坑前言其实这次使用vue-cli的过程并...

2020-05-27 05:27:11

57浏览

0评论

vue2.0 实现导航守卫（路由守卫）

路由跳转前做一些验证，比如登录验证，是网站中的普遍需求。对此，vue-route 提供的 beforeRouteUpdate 可以方便地实现导航守卫（navigation-guards）。导航守卫（navigation-guards）这...

2020-05-27 05:27:10

83浏览

0评论

了解ESlint和其相关操作小结

vue-cli脚手架创建的项目默认使用ESlint规则，启动项目的时候因为各种语法报错，不得不先停下了解一下什么是ESlint，及其相关的一下操作。
【使用vue-cli快速搭建项目】：https://w...

2020-05-27 05:27:08

77浏览

0评论

JS实现520 表白简单代码

这两天不知道咋了，迷迷糊糊的，突然知道今天是520的我，急急忙忙赶出个程序（新手，代码有点乱），发出来大家一起研究下（参考百度的）。<!DOCTYPE html><html> <head> <meta charset="utf-...

2020-05-27 05:27:07

47浏览

0评论

关于vue的语法规则检测报错问题的解决

搭建了一个vue项目，在配置路有的时候，陆续出现了各种报错其中最多的是一些写法，例如空格，缩进，各种括号，结果我一句一句对照，修改相当之费时间，效率低，一上午，一个路由配置都没写好主...

2020-05-27 05:27:06

71浏览

0评论

vue组件jsx语法的具体使用

如果使用render函数来写比较复杂的vue组件，对于可读性和可维护性都很不友好，而使用jsx就会让我们回到更接近于模板的语法。babel转译器会将jsx转译为render函数渲染。配置需要...

2020-05-27 05:27:05

44浏览

0评论

JS实现常见的查找、排序、去重算法示例

本文实例讲述了JS实现常见的查找、排序、去重算法。分享给大家供大家参考，具体如下：今天总结了下排序简单的算法【自定义排序】先寻找一个最小的数，然后依次那这个数和数组中其...

2020-05-27 05:27:04

49浏览

0评论

jQuery获取随机颜色的实例代码

1.js//获取十六进制颜色 function randomColor1(){ var r = Math.floor(Math.random()*256); var g = Math.floor(Math.random()*256); var b = Math.floor(Math...

2020-05-27 05:27:03

55浏览

0评论

基于Vue的延迟加载插件vue-view-lazy

基于vue的懒加载插件目的：图片或者其他资源进入可视区域后加载
安装使用
直接下载dist目录下的vue-view-lazy.min.js使用使用npm安装
直接使用
<div id="app"> <span...

2020-05-27 05:27:02

73浏览

0评论

通过jquery toggleClass()属性制作文章段落更改背景颜色

定义和用法toggleClass() 方法对添加和移除被选元素的一个或多个类进行切换。该方法检查每个元素中指定的类。如果不存在则添加类，如果已设置则删除之。这就是所谓的切换效果...

2020-05-27 05:27:01

67浏览

0评论

JS动态插入脚本和插入引用外部链接脚本的方法

在日常开发中，经常遇到 js 动态插入脚本。什么是 js 动态插入脚本 ?指的是在页面加载时不存在，但将来的某一时刻通过修改该 DOM 动态添加的脚本。和操作 HTML 元素一样。...

2020-05-27 05:27:00

65浏览

0评论

swiper 自动图片无限轮播实现代码

完整代码<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="swiper/css/swiper-3.4.2.min.css" rel="...

2020-05-27 05:26:59

62浏览

0评论

vue.js过滤器+ajax实现事件监听及后台php数据交互实例

本文实例讲述了vue.js过滤器+ajax实现事件监听及后台php数据交互。分享给大家供大家参考，具体如下：在vue.js开发时，数据可以使用jquery和vue-resource来获取数据。在获取数据时...

2020-05-27 05:26:58

48浏览

0评论

详解js类型判断

js类型转换中typeof会将null也识别为object, 而且返回的类型比少,我们用Object.prototype.toString来实现第一版function isArray(value){ return Object.prototype.toStri...

2020-05-27 05:26:57

41浏览

0评论

vue.js使用v-model指令实现的数据双向绑定功能示例

本文实例讲述了vue.js使用v-model指令实现的数据双向绑定功能。分享给大家供大家参考，具体如下：vue.js的一大功能便是实现数据的双向绑定，本文就表单处理时运用v-model指令实现...

2020-05-27 05:26:56

43浏览

0评论

vue配置多页面的实现方法

1.安装环境①安装node.js 并添加入环境变量PATH
②安装淘宝NPM镜像
$ npm install -g cnpm --registry=https://registry.npm.taobao.org③安装webpack
npm install webpack...

2020-05-27 05:26:54

46浏览

0评论

vue 中swiper的使用教程

Install在vue cli下的使用npminstall vue-awesome-swiper --save在main.js中import VueAwesomeSwiper from 'vue-awesome-swiper'import 'swiper/dist/css/swiper.css'Vue...

2020-05-27 05:26:54

45浏览

0评论

vue input输入框模糊查询的示例代码

Vue 模糊查询功能
原理：原生js的search() 方法，用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串。如果没有找到任何匹配的子串，则返回 -1。
input输入框，模...

2020-05-27 05:26:52

45浏览

0评论

Angular网络请求的封装方法

很多时候，我很喜欢angular的编码风格，特别是angular支持typescript之后，完整的生命周期，完美的钩子函数，都是别的语言所无法替代的。
这里我来说说我自己的网络请求封装，某种意义...

2020-05-27 05:26:51

99浏览

0评论

Vue页面骨架屏的实现方法

在开发webapp的时候总是会受到首屏加载时间过长的影响，主流的解决方法是在载入完成之前显示loading图效果，而一些大公司会配置一套服务端渲染的架构来解决这个问题。考虑到ssr...

2020-05-27 05:26:50

40浏览

0评论

Vue单页及多页应用全局配置404页面实践记录

前后端分离后，控制路由跳转的责任转移到了前端，后端只负责给前端返回一个html文档以及提供各种接口。下面我们用作例子的两个项目，均采用vue作为基础框架，一个是SPA应用，另一个是...

2020-05-27 05:26:48

69浏览

0评论

vue之父子组件间通信实例讲解(props、$ref、$emit)

组件是 vue.js 最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。那么组件间如何通信，也就成为了vue中重点知识了。这篇文章将会...

2020-05-27 05:26:47

70浏览

0评论

nodejs express配置自签名https服务器的方法

在nodejs中使用express来搭建框架可以说是非常的简单方便，但是一般默认创建的都是http服务器，也就是只能通过http协议进行访问。如今https已经是发展趋势，我们应该顺应时代的潮...

2020-05-27 05:26:45

58浏览

0评论

安装vue-cli的简易过程

安装vue-cli的前提是你已经安装了npm，安装npm你可以直接下载node的安装包进行安装。你可以在命令行工具里输入npm -v 检测你是否安装了npm和版本情况。出现版本号说明你已经...

2020-05-27 05:26:44

71浏览

0评论

基于mpvue的小程序项目搭建的步骤

前言mpvue 是美团开源的一套语法与vue.js一致的、快速开发小程序的前端框架，按官网说可以达到小程序与H5界面使用一套代码。使用此框架，开发者将得到完整的 Vue.js 开发体验，同...

2020-05-27 05:26:43

91浏览

0评论

mpvue构建小程序的方法(步骤+地址)

mpvue是一个使用Vue.js开发小程序的前端框架（美团的开源项目）。框架基于Vue.js核心，mpvue修改了Vue.js的 runtime 和 compiler 实现，使其可以运行在小程序环境中，从而为小程序开...

2020-05-27 05:26:42

52浏览

0评论

VUE2.0中Jsonp的使用方法

本文主要介绍的是在VUE2.0Jsonp的使用方法，通过github引入jsonp和promise封装，实现跨域获取数据。1.JSONP的用途和原理使用JSONP主要是目的通过动态创建Script，动态拼接url，进而...

2020-05-27 05:26:40

82浏览

0评论

详解Chart.js轻量级图表库的使用经验

前言最近项目中遇到一个在页面中画图表的需求，需要一个扇状图和一个柱状图，虽然能使用svg或canvas绘制，但吃力还不一定讨好，所以研究接入了主流的第三方图表库供项目使用。下面...

2020-05-27 05:26:38

53浏览

0评论

Vue.js实现的表格增加删除demo示例

本文实例讲述了Vue.js实现的表格增加删除demo。分享给大家供大家参考，具体如下：Vue.js是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。相比于Angular...

2020-05-27 05:26:37

59浏览

0评论

Chart.js 轻量级HTML5图表绘制工具库（知识整理）

Chart.js：用不同的方式让你的数据变得可视化。每种类型的图表都有动画效果，并且看上去非常棒，即便是在retina屏幕上。基于HTML5 canvas技术，Chart.js不依赖任何外部工具库，轻量级...

2020-05-27 05:26:36

63浏览

0评论

vue的传参方式汇总和router使用技巧

vue传参方法一
1，路由配置 { path: '/describe/:id', name: 'Describe', component: Describe }
2，使用方法// 直接调用$router.push 实现携带参数的跳转 this.$router.pus...

2020-05-27 05:26:34

62浏览

0评论

jQuery发请求传输中文参数乱码问题的解决方案

最近在做的需求，涉及到级联查询，需要根据上级下拉框的内容，查询出下级下拉框列表，因为级联只有两级，且后期对表中的数据几乎不会改动，所以我设计的表存的直接是中文。菜单如下：代码...

2020-05-27 05:26:33

48浏览

0评论

AngularJS与BootStrap模仿百度分页的示例代码

模仿百度的每页显示10条数据, 实现了当前页居中的算法.
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>BootStrap+AngularJS分页显示 </title> <script t...

2020-05-27 05:26:32

57浏览

0评论

20个最常见的jQuery面试问题及答案

毫无疑问，jQuery给了JavaScript急需的提振，这是一门如此有用，但同时总是常常被低估的语言. 在 jQuery 粉墨登场之前，我们曾经会写出冗长的JavaScript代码，不仅仅为更大型的应用程...

2020-05-27 05:26:31

46浏览

0评论

centos 上快速搭建ghost博客方法分享

1. 介绍Ghost 是一套基于 Node.js 构建的开源博客平台，具有易用的书写界面和体验，博客内容默认采用 Markdown 语法书写，目标是取代臃肿的 Wordpress。本篇文章主要是介绍在如何...

2020-05-27 05:26:30

56浏览

0评论

使用 vue-i18n 切换中英文效果

vue-i18n 仓库地址：https://github.com/kazupon/vue-i18n兼容性：支持 Vue.js 2.x 以上版本安装方法：（此处只演示 npm）npm install vue-i18n使用方法：1、在 main.js 中引入 vue-i18...

2020-05-27 05:26:29

45浏览

0评论

Node.js进阶之核心模块https入门

模块概览这个模块的重要性，基本不用强调了。在网络安全问题日益严峻的今天，网站采用HTTPS是个必然的趋势。在nodejs中，提供了 https 这个模块来完成 HTTPS 相关功能。从官方文...

2020-05-27 05:26:25

39浏览

0评论

深入剖析Node.js cluster模块

cluster模块概览node实例是单线程作业的。在服务端编程中，通常会创建多个node实例来处理客户端的请求，以此提升系统的吞吐率。对这样多个node实例，我们称之为cluster（集群）。借助...

2020-05-27 05:26:23

43浏览

0评论

vue-cli项目根据线上环境分别打出测试包和生产包

最近用vue-cli搭建了项目，准备上线时发现脚手架自带的npm run buil只能打出请求生产接口的生产包，但是项目肯定要先上测试环境，怎么用命令行打出请求测试接口的测试包呢？Step1:...

2020-05-27 05:26:22

46浏览

0评论

vue动态路由配置及路由传参的方式

动态路由：　　当我们很多个页面或者组件都要被很多次重复利用的时候，我们的路由都指向同一个组件，这时候从不同组件进入一个"共用"的组件，并且还要传参数，渲染不同的数据　　这就...

2020-05-27 05:26:21

首页 «1313 131413151316 1317 »尾页

热门文章