编程开发 - 教程之家

编程开发

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

85浏览

0评论

vue中选项卡点击切换且能滑动切换功能的实现代码

具体代码如下所述： <div> <div class="navlist"> <ul> <li class="navli" v-for="(item,index) in navList" :class="{'activeT':nowIndex===index}" @click="tabClick...

2020-05-27 04:23:09

80浏览

0评论

移动端滑动切换组件封装 vue-swiper-router实例详解

具体代码如下所述：<strong>组件部分</strong><template> <div class="main"> <div class="page-tab"> <div :class="nowPath == item.path ? 'tab-item...

2020-05-27 04:23:08

110浏览

0评论

vue-router懒加载速度缓慢问题及解决方法

懒加载：也叫延迟加载，即在需要的时候进行加载，随用随载。
像vue这种单页面应用，如果没有应用懒加载，运用webpack打包后的文件将会异常的大，造成进入首页时，需要加载的内容过多，时间...

2020-05-27 04:23:07

99浏览

0评论

Vue中的methods、watch、computed的区别

看到这个标题就知道这篇文章接下来要讲的内容，我们在使用vue的时候methods、watch、computed这三个特性一定经常使用，因为它们是非常的有用，但是没有彻底的理解它们的区别和各...

2020-05-27 04:23:06

125浏览

0评论

微信小程序页面间值传递的两种方法

一：url带参数传递与前端语言一样，小程序页面间的传递可以通过在路由url后接参数，路由的同时会将参数一并传递到新的页面。index.wxml:<view class=...

2020-05-27 04:23:04

80浏览

0评论

Vuex的初探与实战小结

1.背景最近在做一个单页面的管理后台项目，为了提高开发效率，使用了Vue框架来开发。为了使各个部分的功能，独立结构更加清晰，于是就拆分了很多组件，但是组件与组件之间数据共享成...

2020-05-27 04:23:03

129浏览

0评论

electron制作仿制qq聊天界面的示例代码

本文介绍了electron制作仿制qq聊天界面的示例代码，分享给大家，具体如下：效果图:
样式使用scss和flex布局这也是制作IM系统的最后一个界面了!
在制作之前参考了qq和千牛需要注意...

2020-05-27 04:23:02

92浏览

0评论

NodeJs 文件系统操作模块fs使用方法详解

NodeJs：文件读取API使用方法 - - readFile() 需求：使用Node中提供的文件操作API，读取files目录下的1.txt 文档中文本内容。 Node的三个组成部分：ECMAScript核心 + 全局成员 +...

2020-05-27 04:23:01

71浏览

0评论

Vue项目部署在Spring Boot出现页面空白问题的解决方案

网上流行的解决方案是将assetsPublicPath: '/'改成'./'，下面说一下这个解决方案的弊端：通常页面空白的问题出现大多数是由于Spring Boot端配置了server.servlet.context-path，...

2020-05-27 04:23:00

91浏览

0评论

解决Vue开发中对话框被遮罩层挡住的问题

在Vue的开发中，一旦我们用到对话框，经常出现的问题是对话框被遮罩层挡住，无论是Element-UI dialog还是bootstrap的Modal，如下图所示：
造成这个问题的原因是对话框组件的父元素的p...

2020-05-27 04:22:59

74浏览

0评论

Vue.js的动态组件模板的实现

组件并不总是具有相同的结构。有时需要管理许多不同的状态。异步执行此操作会很有帮助。实例：组件模板某些网页中用于多个位置，例如通知，注释和附件。让我们来一起看一下评论，看...

2020-05-27 04:22:58

104浏览

0评论

详解Node.js 中使用 ECDSA 签名遇到的坑

最近有个朋友问我关于 Node.js 下使用 ECDSA 的问题，主要是使用 Node.js 的 Crypto 模块无法校验网络传输过来的签名结果。在踩坑无数后，终于搞清楚了原因。坑 0x00：签名输出格...

2020-05-27 04:22:57

118浏览

0评论

tracking.js页面人脸识别插件使用方法

tracking.js是页面识别人脸的一个插件，首先是tracking.js的git地址在下载完tracking.js后，我们需要一个能测试的页面，这个页面需要在服务器上，比如本地的localHost:8080。然后需...

2020-05-27 04:22:56

168浏览

0评论

trackingjs+websocket+百度人脸识别API实现人脸签到

在公司做了个年会的签到、抽奖系统。用java web做的，用公司的办公app扫二维码码即可签到，扫完码就在大屏幕上显示这个人的照片。之后领导让我改得高大上一点，用人脸识别来签到，...

2020-05-27 04:22:55

102浏览

0评论

JS 验证码功能的三种实现方式

摘要：我们在做一些后台系统的登录验证的时候。难免会用到验证码功能，来辅助进行验证，提高安全性，在我们日常生活中，验证方式无处不在，最多的是短信验证码的方式，通过点击发送验证码...

2020-05-27 04:22:53

439浏览

0评论

图片文字识别（OCR）插件Ocrad.js教程

Ocrad.js 相当于是 Ocrad 项目的纯 JavaScript 版本，使用 Emscripten 自动转换。这是一个简单的 OCR （光学字符识别）程序，可以扫描图像中的文字回文本。不像 GOCR.js，Ocrad.js 被...

2020-05-27 04:22:52

110浏览

0评论

Node+OCR实现图像文字识别功能

开发目的这算是node应用的第二个小应用吧，主要目的是熟悉node和express框架。原理很简单：在node搭建的环境下引用第三方包处理图片数据并返回给前台信息。实现效果，百度提供的...

2020-05-27 04:22:51

215浏览

0评论

解决vue 界面在苹果手机上滑动点击事件等卡顿问题

用vue编写项目接近尾声，需要集成到移动端中，在webstorm上界面，运行效果都很完美，但是在苹果手机上各种问题都出现了，原生项目一向滑动流畅，事件响应迅速，可是苹果手机打开这个项目...

2020-05-27 04:22:50

99浏览

0评论

详解vuex 渐进式教程实例代码

vuex 渐进式教程，从入门级带你慢慢深入使用vuex。Vuex 是什么？Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的...

2020-05-27 04:22:49

83浏览

0评论

vue2.0移动端滑动事件vue-touch的实例代码

Vue-touch的使用有时候我们不止需要有返回键，也要有手势滑动切换页面的功能时，这个时候vue-touch就派上用场了API地址：https://github.com/vuejs/vue-touch/tree/next安装npm i...

2020-05-27 04:22:48

122浏览

0评论

Vue实现移动端左右滑动效果的方法

1. 最近得到一个新需求，需要在Vue项目的移动端页面上加上左右滑动效果，在网上查阅资料，最终锁定了vue-touch2. 下载vue-touch （https://github.com/vuejs/vue-touch/tree/next）...

2020-05-27 04:22:47

71浏览

0评论

基于Koa2写个脚手架模拟接口服务的方法

ap-cli 前端模拟接口服务脚手架
项目地址
依据接口定义，帮助你快速的完成接口模拟工作。主要功能： [x] 通过json、js、swagger文件模拟接口数据 [x] 通过正则匹配指定需要mo...

2020-05-27 04:22:46

88浏览

0评论

30分钟快速实现小程序语音识别功能

前言
为了参加某个作秀活动，研究了一波如何结合小程序、科大讯飞实现语音录入、识别的实现。科大讯飞开发文档中只给出 Python 的 demo，并没有给出 node.js 的 sdk，但问题不大...

2020-05-27 04:22:45

88浏览

0评论

使用electron制作满屏心特效的示例代码

本文介绍了使用electron制作满屏心特效的示例代码，分享给大家，具体如下：
图片被压缩了看起来很难看
主进程代码import {BrowserWindow, app, ipcMain} from 'electron'createW...

2020-05-27 04:22:44

79浏览

0评论

Vue中用props给data赋初始值遇到的问题解决

前言前段时间做一个运营活动的项目，上线后产品反馈页面埋点不对，在排查过程中发现，问题竟然是由于Vue中的data初始值导致，而data的初始值来自于props。为方便描述，现将问题抽象如...

2020-05-27 04:22:39

126浏览

0评论

js replace替换字符串同时替换多个方法

在实际开发中，经常会遇到替换字符串的情况，但是大多数情况都是用replace替换一种字符串，本文介绍了如何使用replace替换多种指定的字符串，同时支持可拓展增加字符串关键字。　　...

2020-05-27 04:22:38

80浏览

0评论

jQuery点击页面其他部分隐藏下拉菜单功能

一、开发小要点 web页面中，我们一般不用select、option来实现下拉菜单效果，因为下拉框的样式丑且难以美化，所以我们选择控制ul显示隐藏来实现同样且高大上的效果，但是不能像...

2020-05-27 04:22:37

89浏览

0评论

koa2使用ejs和nunjucks作为模板引擎的使用

一、使用 ejs 作为模板引擎
koa2 如果使用 ejs、jade 这种作为模板引擎的话，直接使用 koa-views 进行模板加载即可。比如使用 ejs ：安装：yarn add koa-views ejs使用：在使用 ren...

2020-05-27 04:22:36

56浏览

0评论

微信小程序自定义底部导航带跳转功能

本文实例为大家分享了微信小程序实现底部导航带跳转功能的具体代码，供大家参考，具体内容如下
index.wxml<view class='footer'> <view class='footer_list' d...

2020-05-27 04:22:35

105浏览

0评论

微信小程序使用component自定义toast弹窗效果

前言微信小程序自带的消息提示框有字数限制，而且图标仅仅只有"success"，"loading"，"none"。当我们在实际开发过程中，面对UI给的设计图稿和微信小程序默认提供的消息提示框具有很...

2020-05-27 04:22:34

70浏览

0评论

微信小程序实现时间预约功能

一个类似电商的时间预约功能，供大家参考，具体内容如下1 .概述
我们在学习微信小程序或者做项目时，应该会遇到需要时间预约功能情况，那么这个时间预约功能我们应该怎么编写呢？于是...

2020-05-27 04:22:33

80浏览

0评论

微信小程序实现打卡日历功能

生活中有各种可以打卡的app，例如背单词打卡什么的，本人觉得很有意思，于是本人在大二时做了一款诚信状打卡的微信小程序，这里讲述一下编写的过程。先说一下开发环境：用的是微信web...

2020-05-27 04:22:32

67浏览

0评论

微信小程序实现日历功能

本文实例为大家分享了微信小程序实现日历功能的具体代码，供大家参考，具体内容如下效果图：代码：<view class="calendar"> <view class="selectDate"> <view class="goleft iconfo...

2020-05-27 04:22:30

70浏览

0评论

微信小程序带动画弹窗组件使用方法详解

本文实例为大家分享了微信小程序带动画弹窗的具体代码，供大家参考，具体内容如下基本效果如下：具体实现如下：第一步：新建一个 components 文件夹，用于存放我们以后开发中的所用组件...

2020-05-27 04:22:29

76浏览

0评论

Vue数据双向绑定的深入探究

前言
使用过vue的小伙伴都会感觉，哇，这个框架对开发者这么友好，简直都要笑出声了。确实，使用过vue的框架做开发的人都会感觉到，以前写一大堆操作dom，bom的东西，现在用不着了，对开发...

2020-05-27 04:22:28

82浏览

0评论

video.js 一个页面同时播放多个视频的实例代码

具体代码如下所述：$(data).each(function(i, item) { // innerHTML += '<li type-id="'+item.id+'">'+ // '<img src="'+(item.imgs?item.imgs:'../../i...

2020-05-27 04:22:27

117浏览

0评论

js canvas画布实现高斯模糊效果

最近项目中有一个需求是实现图片的局部模糊效果，看上去一个挺难的效果。在实现局部模糊效果前，首先能够实现全部模糊。经过和度娘的一番较劲后，找到了一个不错的案例，然后在他的...

2020-05-27 04:22:25

76浏览

0评论

js canvas实现画图、滤镜效果

本文实例为大家分享了canvas实现画图、滤镜效果的具体代码，供大家参考，具体内容如下1、用canvas来实现画图的代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="...

2020-05-27 04:22:24

73浏览

0评论

微信小程序实现点击图片旋转180度并且弹出下拉列表

本文为大家分享了微信小程序实现图片旋转、下拉列表的具体代码，供大家参考，具体内容如下正文：
先上效果图：index.wxml<view class="phone_one" bindtap="clickPerson"> <view cl...

2020-05-27 04:22:23

100浏览

0评论

详解vue2.0 资源文件assets和static的区别

Webpacked 资源
我们首先需要理解webpack是怎样处理静态资源的。在*.vue组件中，所有的templates和css都会被vue-html-loader 和 css-loader解析，寻找资源的URL。举个例子，在<im...

2020-05-27 04:22:22

134浏览

0评论

微信小程序如何获取用户收货地址

获取用户收货地址需要用户点击授权，所以有两种情况，确认授权、取消授权。情况一，用户第一次访问用户地址授权，并且点击确定授权。情况二，用户点击取消授权后，再次获取授权流程：（代...

2020-05-27 04:22:21

208浏览

0评论

vscode下的vue文件格式化问题

我相信基本上每一个在vscode上面码Vue代码的都会下载Vetur插件用来格式化等操作，今天Vetur更新了 0.14.2 版本，最近在使用的时候，感觉格式化总是出问题，去Vetur上面看了下，发现Ve...

2020-05-27 04:22:20

82浏览

0评论

详解Vue中watch的详细用法

在vue中，使用watch来响应数据的变化。watch的用法大致有三种。下面代码是watch的一种简单的用法：''' <input type="text" v-model="cityName"/> new Vue({ el: '#root', data:...

2020-05-27 04:22:19

147浏览

0评论

在 Vue-CLI 中引入 simple-mock实现简易的 API Mock 接口数据模拟

在 https://www.freexyz.cn/article/151520.htm这篇文章中，我们介绍了在 Angular-CLI 中引入 simple-mock 的方法。本文以 Vue-CLI 为例介绍引入 simple-mock 实现前端开发数据...

2020-05-27 04:22:18

139浏览

0评论

django使用channels2.x实现实时通讯

一、背景
在最近的项目中的一个需求是消息实时推送消息以及通知功能，项目使用django写的所以决定采用django-channels来实现websocket进行实时通讯。目前官方已经更新到2.1版...

2020-05-27 04:22:17

70浏览

0评论

小程序点击图片实现自动播放视频

通过列表的点击事件自动播放列表对应的视频，同时停止上一个视频的播放。源码：<view> <view class='vv' wx:for='{{vedio_data}}' wx:key=''> <view class='block' style='marg...

2020-05-27 04:22:16

122浏览

0评论

在 Angular-cli 中使用 simple-mock 实现前端开发 API Mock 接口数据模拟功能的方法

在前后端分离的开发模式中，接口数据模拟(API Mock)是不可避免的事情。前端同学在应对该情况时采取的办法可以各种各样，大概的方案可能会是这几类：业务代码中临时写上 mock 数...

2020-05-27 04:22:14

63浏览

0评论

微信小程序实现评论功能

本文实例为大家分享了微信小程序实现评论功能的具体代码，供大家参考，具体内容如下
前端<textarea class='the_prw_in' bindinput='bindblur' cursor-spacing="130" placeholde...

2020-05-27 04:22:13

112浏览

0评论

微信小程序仿知乎实现评论留言功能

最近沉迷学习无法自拔，太久没有码字，码一个小程序留言功能实现。先上一波最后效果图：（删除按钮，是用户自己的留言时才会显示该按钮）实现技术
后台：SSM框架数据库：MySQL数据库数据库...

2020-05-27 04:22:13

109浏览

0评论

react脚手架如何配置less和ant按需加载的方法步骤

前言create-react-app是由React官方提供并推荐使用构建新的React单页面应用程序的最佳方式,其构建的项目默认是不支持less的,需要我们手动集成一、react脚手架搭建1、先全局...

2020-05-27 04:22:11

首页 «1400 140114021403 1404 »尾页

热门文章