编程开发 - 教程之家

编程开发

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

65浏览

0评论

Angular 实现输入框中显示文章标签的实例代码

很多网站发帖的时候标签输入框看起来像是在 <input> 元素中直接显示标签. 比如这种一开始以为是把 <span> 放在 <input> 中, 看了下 Stack Overflow 和 SegmentFault 的实现...

2020-05-27 04:27:40

95浏览

0评论

微信小程序列表中item左滑删除功能

第一步：把想要的两种样式写出来
1.正常显示的样式
css:.box{ height: 100%;}.item{ position:relative; top: 0; width: 100%; height: 150rpx; border-bottom: #d9d9d9 soli...

2020-05-27 04:27:39

124浏览

0评论

详解webpack打包后如何调试的方法步骤

webpack.config.js
在配置devtool时，webpack给我们提供了四种选项 source-map:在一个单独文件中产生一个完整且功能完全的文件。这个文件具有最好的source map,但是它会减慢...

2020-05-27 04:27:38

80浏览

0评论

基于React Native 0.52实现轮播图效果

本文基于React Native 0.52Demo上传到Git了，有需要可以看看，写了新内容会上传的（Git地址）一、总览轮播图几乎是必备的效果，这里选择 react-native-swiper 来实现，效果如下图：二、实...

2020-05-27 04:27:36

116浏览

0评论

Jquery和CSS实现选择框重置按钮功能

很多时候我们都会用到一个下拉选择，还有就是重置的功能，今天我们就给大家带来用Jquery配合CSS实现的这个功能。代码如下：HTML<select> <option value="">Select a color..</opt...

2020-05-27 04:27:36

90浏览

0评论

Echarts之悬浮框中的数据排序问题

Echarts非常强大，配置也非常的多，有很多细节需要深入研究。详解一下关于悬浮框中的数据排序问题悬浮框的数据排序默认是根据series中的数据位置排序的，在我们想自定义...

2020-05-27 04:27:35

74浏览

0评论

webpack4+express+mongodb+vue实现增删改查的示例

在讲解之前，我们先来看看效果如下所示：1）整个页面的效果如下：2) 新增数据效果如下：3) 新增成功如下：4) 编辑数据效果如下：5) 编辑成功效果如下：6) 删除数据效果如下：7) 删除成功效果...

2020-05-27 04:27:34

71浏览

0评论

node使用Mongoose类库实现简单的增删改查

Mongoose是在nodejs环境中对MongoDB数据库操作的封装，一种对象模型工具，可以将数据库中的数据转换为javascript对象供我们使用。Mongoose安装npm install mongoose安装成功后，...

2020-05-27 04:27:32

76浏览

0评论

vue中promise的使用及异步请求数据的方法

下面给大家介绍vue中promise的使用　　promise是处理异步的利器，在之前的文章《ES6之promise》中，我详细介绍了promise的使用，在文章《js动画实现&&回调地狱&&promise》中也提...

2020-05-27 04:27:30

81浏览

0评论

深入解析ES6中的promise

ES6中的promise对象很早就听说过，据说是为了解决我们使用回调产生回调地狱的问题。今天下午既然有这么想学的欲望，就来看一看吧，当然参考的还是阮一峰老师的教程。第一部分：什么...

2020-05-27 04:27:29

52浏览

0评论

JS动画实现回调地狱promise的实例代码详解

1. js实现动画<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>animate</title> <style> .ball { width: 40px; height: 40px;...

2020-05-27 04:27:10

86浏览

0评论

webpack 开发和生产并行设置的方法

安装依赖的4种命令生产依赖和开发一个项目中是有开发环境和生产环境的，这两个环境的依赖也是不同的开发依赖：只在开发中用来帮助你进行开发，简化代码或者生成兼容设置的以来...

2020-05-27 04:27:09

50浏览

0评论

webpack开发环境和生产环境的深入理解

以前自己写一小项目时，webpack的配置基本就是一套配置，没有考虑生产环境和开发环境的区分，最近在做一个复杂的商城项目接触到了webpack的高级配置，经过两天的研究，写出了一份目前...

2020-05-27 04:27:08

85浏览

0评论

详解如何创建并发布一个 vue 组件

步骤
创建 vue 的脚手架
npm install -g @vue/clivue init webpack绑定 git 项目
cd existing_foldergit initgit remote add origin http://gitlab.alipay-inc.com/ampg/my...

2020-05-27 04:27:07

97浏览

0评论

vue-cli3.0 环境变量与模式配置方法

vue-cli3.0移除了配置文件目录： config和build文件夹。可以说是非常的精简了，那移除了配置文件目录后如何自定义配置环境变量和模式呢?为什么需要配置环境变量和模式呢？所...

2020-05-27 04:27:05

49浏览

0评论

Vue实现简易翻页效果源码分享

源码如下：<html><head> <meta charset="UTF-8"> <title>slidePage</title> <script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script> <style type...

2020-05-27 04:27:04

105浏览

0评论

vue-awesome-swiper 基于vue实现h5滑动翻页效果【推荐】

说到h5的翻页，很定第一时间想到的是swiper。但是我当时想到的却是，vue里边怎么用swiper？！vue-awesome-swiper就是其中一个前辈们产出的结晶。就看首尾两个单词，就知道他是vue和sw...

2020-05-27 04:27:03

81浏览

0评论

vue项目动态设置页面title及是否缓存页面的问题

跟传统的页面可以在每个页面分别设置填写对应的页面title,but,vue是单页面应用项目,想设置页面对应的title就不能跟传统方式一样了。
下载
npm install vue-wechat-title --...

2020-05-27 04:27:01

60浏览

0评论

vue-cli安装使用流程步骤详解

1.全局安装vue-clicnpm i vue-cli -g2.监测安装版本vue -V大写V : version3.指定目录下新建项目vue init webpack [项目名]按自己的意愿配置、选择对应信息。最后配置完成检...

2020-05-27 04:27:00

50浏览

0评论

Angular设置别名alias的方法

设置别名
在根目录下tsconfig.json中添加baseUrl和paths{ "compilerOptions": { "baseUrl": "src", "paths": { "@app/*": ["app/*"], "@assets/*": ["assets/*"],...

2020-05-27 04:26:59

73浏览

0评论

Vux+Axios拦截器增加loading的问题及实现方法

很多时候，我们在页面使用Ajax刷新时候，会希望它出现loading的图标，让用户体验更好一些。那么如果我们每次在Axios里面进行请求，都要显示loading图标的话，那么没有一个全局的方法...

2020-05-27 04:26:57

65浏览

0评论

详解在不使用ssr的情况下解决Vue单页面SEO问题

遇到的问题:
近来在写个人博客的时候遇到了大家可能都会遇到的问题Vue单页面在SEO时显得很无力，尤其是百度不会抓取动态脚本Vue-Router配合前后端分离无法让meta标签在蜘蛛抓...

2020-05-27 04:26:56

59浏览

0评论

浅谈在不使用ssr的情况下解决Vue单页面SEO问题(2)

上一篇说了vue单页面解决解决SEO的问题
只是用php预处理了meta标签
但是依然没有内容填充,所以对于内容抓取依然有些乏力,只是解决了从无到有的问题
那接下来可以更进一步的...

2020-05-27 04:26:55

67浏览

0评论

vue-cli 构建骨架屏的方法示例

脚手架不说了,提前搭建好然后安装 vue-skeleton-webpack-pluginnpm install vue-skeleton-webpack-plugin 创建文件 skeleton.js和skeleton.vueskeleton.jsimport Vue from...

2020-05-27 04:26:54

48浏览

0评论

vue.js层叠轮播效果的实例代码

最近写公司项目有涉及到轮播banner，一般的ui框架无法满足产品需求；所以自己写了一个层叠式轮播组件；现在分享给大家；主要技术栈是vue.js ;javascript;jquery；确定实现思路因工作...

2020-05-27 04:26:53

58浏览

0评论

解决Vue在封装了Axios后手动刷新页面拦截器无效的问题

项目类型：vue+vux+axios刚开始，把Axios封装在了http.js文件里面，然后为了使用VUX的提示框消息，把拦截器直接写在了main.js里面。直接调用接口，一切正常。然而因为返回值有统一的c...

2020-05-27 04:26:52

96浏览

0评论

node版本管理工具n包使用教程详解

1. 安装n管理包终端使用npm install -g n命令全局安装，
安装成功后在终端输入n --version或n查看。~ npm install -g n/usr/local/bin/n -> /usr/local/lib/node_modules/n/b...

2020-05-27 04:26:51

68浏览

0评论

angular4笔记系列之内置指令小结

内置指令
内置属性型指令
属性型指令会监听和修改其它HTML元素或组件的行为、元素属性（Attribute）、DOM属性（Property）。NgClass
形式：[ngClass]="statement"
通过绑定到NgClass，...

2020-05-27 04:26:50

58浏览

0评论

webpack4.x CommonJS模块化浅析

先看下webpack官方文档中对模块的描述：在模块化编程中，开发者将程序分解成离散功能块(discrete chunks of functionality)，并称之为模块。
每个模块具有比完整程序更小的接触面...

2020-05-27 04:26:49

76浏览

0评论

详解关于element el-button使用$attrs的一个注意要点

之前需要对 el-button 做二次封装，所以就用到 vue 的 $attrs 和 $listeners 属性，这两个属性在这不细说，可以在这里查看详情。二次封装代码（limit-button）<template> <el-button...

2020-05-27 04:26:48

115浏览

0评论

KOA+egg.js集成kafka消息队列的示例

Egg.js ：基于KOA2的企业级框架Kafka：高吞吐量的分布式发布订阅消息系统本文章将集成egg + kafka + mysql 的日志系统例子系统要求：日志记录，通过kafka进行消息队列控制思路图：这...

2020-05-27 04:26:47

49浏览

0评论

Vue press 支持图片放大功能的实例代码

介绍
VuePress 由两部分组成：一个以 Vue 驱动的主题系统的简约静态网站生成工具，和一个为编写技术文档而优化的默认主题。它是为了支持 Vue 子项目的文档需求而创建的。由 Vue...

2020-05-27 04:26:45

96浏览

0评论

vue中如何去掉空格的方法实现

一、问题
vue中当用户提交表单时，有的数据需要去掉前后空格然后再向后端发送。二、解决方法
首先可以使用v-model.trim这个v-model修饰符去解决它，但是当用户输入\u200B时，这个...

2020-05-27 04:26:44

59浏览

0评论

webpack 静态资源集中输出的方法示例

目录结构
copy-webpack-plugin
工作中会有一些已经存在但在项目中没有引用的图片资源或者其他静态资源（比如设计图、开发文档），这些静态资源有可能是文档，也有可能是一些额外的...

2020-05-27 04:26:43

65浏览

0评论

详解处理Vue单页面应用SEO的另一种思路

vue-meta-info 官方地址： monkeyWangs/vue-meta-info（设置vue 单页面meta info信息，如果需要单页面SEO，可以和 prerender-spa-plugin形成更优的配合）单页面应用在前端正大放光彩...

2020-05-27 04:26:42

57浏览

0评论

vue.js自定义组件directives的实例代码

自定义指令：以v开头，如：v-mybind。代码示例：<input v-mybind />directives:{ mybind:{ bind:function (el) { el.value = "this is mybind-bind" } }}
这时页面初始...

2020-05-27 04:26:41

56浏览

0评论

微信小程序使用scroll-view标签实现自动滑动到底部功能的实例代码

具体代码如下所示：// 1.scroll-y="true" Y轴滚动 // 2.应该是设置了高才能行// 3.使用scroll-top属性实现滚动到底部,scroll-top不要带单位<scroll-view scroll-y="true" sty...

2020-05-27 04:26:40

73浏览

0评论

微信小程序实现跑马灯效果

网上很多实现跑马灯的文章，但是很多发现都是不行的，之一就是文字宽度居然是通过字符数*文字size计算，明显是不准确的计算方式。我看了下，发现可以通过计算控件宽度来精确计算文...

2020-05-27 04:26:39

171浏览

0评论

vue axios请求频繁时取消上一次请求的方法

一、前言
在项目中经常有一些场景会连续发送多个请求，而异步会导致最后得到的结果不是我们想要的，并且对性能也有非常大的影响。例如一个搜索框，每输入一个字符都要发送一次请...

2020-05-27 04:26:38

55浏览

0评论

node+express框架中连接使用mysql(经验总结)

最近在学习node.js，做了一个练手项目，使用node.js+express框架，配合mysql数据库和前端vue框架开发一个多人文档编辑系统。node.js环境下express+mysql的服务端项目示例首先是环...

2020-05-27 04:26:37

61浏览

0评论

Vue项目报错：Uncaught SyntaxError: Unexpected token <

遇到问题：今天做一个 VUE 的项目，在引入第三方依赖的 JS 文件时，遇到了一个问题：控制台的提示：Uncaught SyntaxError: Unexpected token <
按照提示进入文件，再看如下图：仔细看了看...

2020-05-27 04:26:36

75浏览

0评论

如何在基于vue-cli的项目自定义打包环境

在工作当中，遇到了下面这个问题：测试环境与生产环境中的用户权限不一样，因此，就需要根据测试环境打一个包，生产环境又打一个包。
可是，如果每次打包都需要更改权限的配置文件的话，...

2020-05-27 04:26:34

64浏览

0评论

详解如何制作并发布一个vue的组件的npm包

前提：1.会vue基础，以及vue的组件(官网：https://cn.vuejs.org/v2/guide/components.html)相关的基础。因为本文主要是讲如何把一个vue组件做成npm包并发布。分为2大步骤：一.按照...

2020-05-27 04:26:34

50浏览

0评论

Vue组件之单向数据流的解决方法

子组件能够通过自身的props选项获取父组件上的数据，但是在默认情况下，props是单向绑定的---当父组件数据（属性）发生变化的时候会传递给子组件，引起子组件的变化，但不能反过来并且...

2020-05-27 04:26:33

54浏览

0评论

优雅的在React项目中使用Redux的方法

或许你当前的项目还没有到应用Redux的程度，但提前了解一下也没有坏处首先我们会用到哪些框架和工具呢？
React
UI框架
Redux
状态管理工具，与React没有任何关系，其他UI框架也可以...

2020-05-27 04:26:32

52浏览

0评论

详解vue-cli 3.0 build包太大导致首屏过长的解决方案

前言：最近用vue-cli 3.0 构建一个小型的工单管理系统，完工后build发现一个chunk-vendors包就达到985kb，加上其他一些资源文件，首页的下载总共大小快要2M。测试给的第一个反馈就...

2020-05-27 04:26:30

175浏览

0评论

AngularJS上传文件的示例代码

使用AngularJS上传文件前台是Angular页面后台使用SpringBoot/SpirngMVC上传文件
html
<div> <input id="fileUpload" type="file" /> <button ng-click="uploadFile()...

2020-05-27 04:26:29

75浏览

0评论

详解如何在vue项目中使用eslint+prettier格式化代码

对于前端代码风格这个问题一直是经久不衰，每个人都有自己的代码风格，每次看到别人代码一团糟时候我们都会吐槽下。今天给大家介绍如何使用eslint+prettier统一代码风格。对于...

2020-05-27 04:26:28

56浏览

0评论

详解Vue 动态组件与全局事件绑定总结

最近在自学 Vue 也了解了一些基本用法，也记录了一些笔记有兴趣的朋友可以去查看我的其他文章，技术这东西真的不能光靠看，看是没有的，你必须要动手实践，只有在实战项目中才能发现...

2020-05-27 04:26:27

54浏览

0评论

微信小程序车牌号码模拟键盘输入功能的实现代码

先来一波预览图。预览图片一：
预览图二：预览图三：
预览图四：
预览图五：大概的效果就和原来图差不多。思路解析：车牌号码由31位汉字，26位字母，10位数字组成的，开头第一位由省份简称...

2020-05-27 04:26:25

首页 «1372 137313741375 1376 »尾页

热门文章