编程开发 - 教程之家

编程开发

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

133浏览

0评论

浅谈如何使用 webpack 优化资源

前言在前端应用的优化中，对加载资源的大小控制极其的重要，大多数时候我们能做的是在打包编译的过程对资源进行大小控制、拆分与复用。本片文章中主要是基于 webpack 打包，以 Re...

2020-05-27 11:42:57

46浏览

0评论

vue利用better-scroll实现轮播图与页面滚动详解

前言better-scroll 也很强大,不仅可以做普通的滚动列表,还可以做轮播图、picker 等等...所以本文主要给大家介绍了关于vue用better-scroll实现轮播图与页面滚动的相关内容，分...

2020-05-27 11:42:55

53浏览

0评论

详解webpack性能优化——DLL

Webpack性能优化的方式有很多种，本文之所以将 dll 单独讲解，是因为 dll 是一种最简单粗暴并且极其有效的优化方式。在通常的打包过程中，你所引用的诸如：jquery、bootstrap、reac...

2020-05-27 11:42:54

60浏览

0评论

移动端效果之IndexList详解

写在前面
接着前面的移动端效果讲，这次讲解的的是IndexList的实现原理。效果如下：代码请看这里：github移动端效果之swiper移动端效果之picker移动端效果之cellSwiper1. 核心解...

2020-05-27 11:42:53

66浏览

0评论

jquery select插件异步实时搜索实例代码

一、先看看效果。二、做此插件的原因。　　1.数据量过大（几千、几万条），无法一次性全部加载。　　2.现有插件各不相同，无法满足功能需求。　　3.美观性，可控性不足。三、如何使用...

2020-05-27 11:42:51

75浏览

0评论

Validform验证时可以为空否则按照指定格式验证

在使用Validform v5.3.2时（http://validform.rjboy.cn/）问题：可以为空，但不为空时需要按照指定格式验证数据查看文档：5.2.1版本之后，datatype支持：1、直接绑定正则：如可用这样写data...

2020-05-27 11:42:50

66浏览

0评论

JavaScript html5 canvas实现图片上画超链接

本文实例为大家分享了html5 canvas在图片上画超链接的具体代码，供大家参考，具体内容如下1. html<canvas id="canvasFile" style="margin-top:15px;" width="500" height="400"...

2020-05-27 11:42:49

185浏览

0评论

dropload.js插件下拉刷新和上拉加载使用详解

本文实例为大家分享了dropload.js下拉刷新和上拉加载的具体代码，供大家参考，具体内容如下第一步，下载dropload插件，dropload插件下载地址官方文档：https://github.com/ximan/dro...

2020-05-27 11:42:48

72浏览

0评论

vue.js实例对象+组件树的详细介绍

vue的实例对象首先用js的new关键字实例化一个vueel: vue组件或对象装载在页面的位置，可通过id或class或标签名template: 装载的内容。HTML代码/包含指令或者其他组件的HTML片...

2020-05-27 11:42:47

63浏览

0评论

pm2 部署 node的三种方法示例

Node安装以及部署
去官网下载最新版本，分两种一种是源码，一种是编译后的文件。下面是官网下载地址: https://nodejs.org/en/download/current/ 分不同的版本 win linux mac...

2020-05-27 11:42:45

54浏览

0评论

2种简单的js倒计时方式

一般倒计时的时间都是后台传来的然后渲染到页面，这里有2个简单的倒计时方式//带天数的倒计时function countDown(times){ var timer=null; timer=setInterval(function(){ v...

2020-05-27 11:42:44

66浏览

0评论

使用ionic(选项卡栏tab) icon(图标) ionic上拉菜单(ActionSheet) 实现通讯录界面切换实例代码

废话不多说了，直接给大家贴代码了，具体代码如下所示：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>用ionic(选项卡栏tab) icon(图标) ionic上拉菜...

2020-05-27 11:42:43

70浏览

0评论

使用JS中的Replace()方法遇到的问题小结

今天在写pc客户端自动化打包脚本的时候遇到遇到了几个问题，虽然是小问题，但是也卡了一段时间，所以决定记录一下。js的replace()方法是用于替换某些内容，它可以接收两个参数，第一...

2020-05-27 11:42:42

43浏览

0评论

vue做网页开场视频的实例代码

本demo背景是一个视频，文字是打印机效果，按钮在文字打完才会显示，点击按钮背景向上收起，同时显示默认首页组件（如是初建vue项目列表，则为helloWorld.vue的组件内容）公司电脑没有gif...

2020-05-27 11:42:40

76浏览

0评论

深入浅析ES6 Class 中的 super 关键字

以下只是个人的学习笔记：super这个关键字，既可以当作函数使用，也可以当作对象使用。在这两种情况下，它的用法完全不同。1、当作函数使用class A {}class B extends A { construc...

2020-05-27 11:42:39

54浏览

0评论

基于twbsPagination.js分页插件使用心得(分享)

项目中之前需要分页插件，以前用的都是单纯叫做pagenation.js的插件，但是这次集成的时候，项目组一个孩纸用了这个插件，结合网上的例子琢磨了一把。其实大致流程都是相同的，主要将...

2020-05-27 11:42:38

58浏览

0评论

js Dom实现换肤效果

本文实例为大家分享了Android九宫格图片展示的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>换肤</title> <link...

2020-05-27 11:42:37

56浏览

0评论

angular4实现tab栏切换的方法示例

管理系统 tab 切换页，是一种常见的需求，大概如下：点击左边菜单，右边显示相应的选项卡，然后不同的选项卡面可以同时编辑，切换时信息不掉失！用php或.net,java的开发技术,大概是切换显...

2020-05-27 11:42:36

46浏览

0评论

js注册时输入合法性验证方法

本文实例为大家分享了js正则表达式验证输入合法性的具体代码，供大家参考，具体内容如下// 验证用户名,只允许字母数字下划线中文//在input元素后面增加一个span元素，提示fun...

2020-05-27 11:42:35

57浏览

0评论

js实现鼠标移动到图片产生遮罩效果

本文实例为大家分享了js实现鼠标移动到图片产生遮罩效果的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>mask</...

2020-05-27 11:42:34

53浏览

0评论

js实现Tab选项卡切换效果

本文实例为大家分享了js实现Tab选项卡切换效果展示的具体代码，供大家参考，具体内容如下html部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <link rel=...

2020-05-27 11:42:33

55浏览

0评论

JS实现瀑布流布局

本文实例为大家分享了JS实现瀑布流布局展示的具体代码，供大家参考，具体内容如下html部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>瀑布流布局...

2020-05-27 11:42:32

61浏览

0评论

详解node nvm进行node多版本管理

写在前面nvm（nodejs version manager）是nodejs的管理工具，如果你需要快速更新node版本，并且不覆盖之前的版本；或者想要在不同的node版本之间进行切换；使用nvm来安装我们的node开发...

2020-05-27 11:42:31

59浏览

0评论

Vue filter介绍及其使用详解

VueJs 提供了强大的过滤器API，能够对数据进行各种过滤处理，返回需要的结果
Vue 过滤器的基本用法// 注册Vue.filter('my-filter', function (value) { // 返回处理后的值})//...

2020-05-27 11:42:29

65浏览

0评论

详解在WebStorm中添加Vue.js单文件组件的高亮及语法支持

本文介绍了详解在WebStorm中添加Vue.js单文件组件的高亮及语法支持，分享给大家，具体如下：一个小遗憾
能来看这篇文章的想必不用我来介绍vue是什么了。先让我们膜拜大神！vue项目...

2020-05-27 11:42:28

80浏览

0评论

现代 JavaScript 参考

简介初心本文档是一份 JavaScript 速查表，你在现代项目中会经常遇到，以及最新的代码示例。本指南不是为了教你从头开始学习 JavaScript ，而是为了帮助那些可能不熟悉当前代码库...

2020-05-27 11:42:26

54浏览

0评论

vue使用keep-alive实现数据缓存不刷新

到现在，接触vue也小段时间了，项目进行到了一定程度，然而项目缺少了缓存机制，所以每次跳转页面都会重新created一下数据，虽说系统的数据请求速度很快，但是这样做对系统的性能会有很...

2020-05-27 11:42:25

59浏览

0评论

vue+socket.io+express+mongodb 实现简易多房间在线群聊示例

项目简介
主要是通过做一个多人在线多房间群聊的小项目、来练手全栈技术的结合运用。
项目源码：chat-vue-node 主要技术： vue2全家桶 + socket.io + node(express) + mongodb(...

2020-05-27 11:42:24

63浏览

0评论

VUE2实现事件驱动弹窗示例

前几天想了解vue如何写弹窗组件
有以下两种可取的写法：
1.状态管理如果弹窗组件放在根组件，使用vuex来管理组件的show和hide。放在组件内，通过增加v-show或v-if来控制，可结合sl...

2020-05-27 11:42:23

53浏览

0评论

JS返回顶部实例代码

本文实例为大家分享了JS返回顶部实例代码，供大家参考，具体内容如下html/css部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <sc...

2020-05-27 11:42:22

62浏览

0评论

vue 1.x 交互实现仿百度下拉列表示例

0、前言
vue 本身不支持交互，想要做交互，必须引入ajax 模块。vue 团队提供一个新的库文件叫做 vue-resource.js 。
网络CDN：https://cdn.bootcss.com/vue-resource/1.3.4/vue-r...

2020-05-27 11:42:21

65浏览

0评论

vue.js中父组件调用子组件的内部方法示例

前言今天同事问了一个问题，他在用iview开发时，需要用到iview一个组件的内部方法，而这个内部方法并没有暴露出来，这种情况下如何调用组件内部方法呢，其实很简单，举个栗子🌰...

2020-05-27 11:42:20

66浏览

0评论

利用pm2部署多个node.js项目的配置教程

前言相信大家应该都知道，一般在实际项目部署中，我们服务器在启动的时候需要自动启动node服务。以前是通过liunx自带的命令启动。但是随着后台微服务越来越多。每次发布新程序...

2020-05-27 11:42:18

48浏览

0评论

React操作真实DOM实现动态吸底部的示例

动态吸底：开始时fixed在页面上，当页面滚动到距离底部一定距离的时fixed部分固定。这个是需要计算页面滚动距离的，如果使用Jquery或者原生js实现是非常好实现的，但是由于使用reac...

2020-05-27 11:42:17

62浏览

0评论

基于Vue2.0+ElementUI实现表格翻页功能

Element UI 是一套采用 Vue 2.0 作为基础框架实现的组件库，它面向企业级的后台应用，能够帮助你快速地搭建网站，极大地减少研发的人力与时间成本。在这个月的 NingJS 上我们开源...

2020-05-27 11:42:16

61浏览

0评论

浅谈js的解析顺序作用域严格模式

一、javascript的解析顺序我们大家所理解的代码的执行顺序都是从上到下的，但是实际上确不是这样的。我们看一下下面的代码。alert(a);var a = 1;如果执行顺序是从上到下的，在...

2020-05-27 11:42:14

74浏览

0评论

JavaScript之创意时钟项目(实例讲解)

“时钟展示项目”说明文档（文档尾部附有相应代码）一、最终效果展示：二、项目亮点1.代码结构清晰明了2.可以实时动态显示当前时间与当前日期3.界面简洁、美观、大方4.提高浏览器...

2020-05-27 11:42:13

41浏览

0评论

Vue2.0+ElementUI实现表格翻页的实例

ElementUI的表格要求的数据类型为字典数组。我使用了python3写后端，那么从数据库取数据时添加一行cursorclass=pymysql.cursors.DictCursor即可。取出后我将其存入redis数据...

2020-05-27 11:42:11

56浏览

0评论

Vue.js组件通信的几种姿势

写在前面因为对Vue.js很感兴趣，而且平时工作的技术栈也是Vue.js，这几个月花了些时间研究学习了一下Vue.js源码，并做了总结与输出。文章的原地址： https://github.com/answershut...

2020-05-27 11:42:09

43浏览

0评论

深入浅析javascript继承体系

最近做web项目，接触了jquery等框架，虽然使用方便，但是还是想学习下Javascript，今天分享下最近对js原型继承的理解，不足之处欢迎指正。一、构造器的原型属性与原型对象　　刚接触j...

2020-05-27 11:42:08

56浏览

0评论

详解vue 实例方法和数据

1.vm.$set问题描述:如何在不通过循环数据给list数据添加一个showMore属性，并且在moreFun中改变这个新增属性的值，并实现双向绑定？
<template> <div id="app"> <div class="dem...

2020-05-27 11:42:05

62浏览

0评论

node文件批量重命名的方法示例

在一个实际需求中，需要对一批文件(如：文本、图片)进行重命名，按照数字编号。正好借此熟悉了一下node的fs文件操作，写了一个批量修改文件名的脚本。需求
现有以下图片文件
需要批...

2020-05-27 11:42:04

47浏览

0评论

使用store来优化React组件的方法

在使用 React 编写组件的时候，我们常常会碰到两个不同的组件之间需要共享状态情况，而通常的做法就是提升状态到父组件。但是这样做会有一个问题，就是尽管只有两个组件...

2020-05-27 11:42:02

41浏览

0评论

angular.js实现购物车功能

本文实例为大家分享了angular.js购物车功能的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>购物车</title> <s...

2020-05-27 11:42:01

52浏览

0评论

angularjs实现天气预报功能

本文实例为大家分享了Android九宫格图片展示的具体代码，供大家参考，具体内容如下
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>天气</title> <s...

2020-05-27 11:42:00

55浏览

0评论

详解在vue-cli项目中使用mockjs(请求数据删除数据)

在我们的生产实际中，后端的接口往往是较晚才会出来，于是我们的前端的许多开发都要等到接口给我们才能进行，这样对于我们前端来说显得十分的被动，于是有没有可以制造假数据来模拟...

2020-05-27 11:41:59

46浏览

0评论

angularjs实现猜大小功能

本文实例为大家分享了angular.js数字猜大小的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>猜大小</title> <scri...

2020-05-27 11:41:58

73浏览

0评论

浅谈vue中使用图片懒加载vue-lazyload插件详细指南

在vue中使用图片懒加载详细指南，分享给大家。具体如下：说明
当网络请求比较慢的时候,提前给这张图片添加一个像素比较低的占位图片，不至于堆叠在一块，或显示大片空白，让用户体验...

2020-05-27 11:41:57

61浏览

0评论

浅谈Koa服务限流方法实践

最近接了一个需求，很简单，就是起一个server，收到请求时调用某个提供好的接口，然后把结果返回。因为这个接口的性能问题，同时在请求的不能超过特定数目，要在服务中进行限流。限流的...

2020-05-27 11:41:56

74浏览

0评论

nodejs中安装ghost出错的原因及解决方法

看了标题就知道安装ghost会碰到不少的坑，这里先说一个：错误（windows）通过ghost-cli来安装的步骤：npm install -g ghost-cli #全局安装ghost-clicd myghostblog #进入工作目录g...

2020-05-27 11:41:55

首页 «1245 124612471248 1249 »尾页

热门文章