编程开发 - 教程之家

编程开发

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

65浏览

0评论

vue+web端仿微信网页版聊天室功能

一、项目介绍基于Vue2.5.6+Vuex+vue-cli+vue-router+vue-gemini-scrollbar+swiper+elementUI等技术混合架构开发的仿微信web端聊天室——vueWebChat，实现了发送消息、表情(动...

2020-05-27 03:34:37

65浏览

0评论

详解微信小程序-扫一扫 wx.scanCode() 扫码大变身

效果 jslet app = getApp();Page({ data: { img: "/images/1.jpg" }, onLoad() { }, scan() { wx.scanCode({ success: (res) => { console.log("扫码结果"); console.lo...

2020-05-27 03:34:34

65浏览

0评论

Javascript读取上传文件内容/类型/字节数

在网站开发的某些情况下我们需要上传文件到服务器，在这个过程中可能会对文件做一定的限制，比如说文件格式，文件大小等，在一些情况下我们上传文件其实是为了获取其中的内容在前端...

2020-05-27 03:34:33

61浏览

0评论

js时间戳转yyyy-MM-dd HH-mm-ss工具类详解

在web开发中，我们经常需要用js将时间戳转yyyy-MM-dd HH-mm-ss类似的格式，这样才适合我们的观感，那么我们该如何在js中将时间戳转换成这种格式呢？其实很简单，我们开发一个时间戳工...

2020-05-27 03:34:32

80浏览

0评论

TypeScript开发Node.js程序的方法

当我第一次发现 TypeScript 时，就把它用到了自己的 JavaScript 程序中。使用 TypeScript 有很多好处，现在你要让我在用原生 JavaScript 写任何东西的话，需要给我一个令人信服的...

2020-05-27 03:34:31

80浏览

0评论

详解微信小程序用定时器实现倒计时效果

平常在微信小程序开发的时候，因项目的需求，倒计时必不可少，下面主要讲解定时器在微信小程序中的使用。这里要先声明一点的就是，该篇主要实现倒计时功能，而且实现是时长较短的倒计...

2020-05-27 03:34:30

66浏览

0评论

详解Vue+ElementUI从零开始搭建自己的网站（一、环境搭建）

VueJS可以说是近些年来最火的前端框架之一，越来越多的网站开始使用vue作为前端框架，vuejs轻量、简单，对于前端友好，学习路线平坦，这使得前端开发变得更加简易，而基于vuejs的前端组...

2020-05-27 03:34:29

59浏览

0评论

nodejs中request库使用HTTPS代理的方法

正在尝试改用NodeJS编写爬虫，http请求库选择了 request ，用起来还是挺简单的。现在有个需求，需要用Fiddler抓包我发出去的请求，以便和浏览器发出去的包进行对比。因为需要解密HT...

2020-05-27 03:34:27

65浏览

0评论

vue前端框架—Mint UI详解（更适用于移动端）

一、mintUI简介mint是一个基于vue的前端UI框架，而它的样式比较类似于手机的样式，可以说是一个基于vue打包app的UI框架，使用mint框架可以给使用vue打包的app的用户更好的交互体...

2020-05-27 03:34:26

45浏览

0评论

基于JS开发微信网页录音功能的实例代码

具体代码如下所示：wx.ready(function () { var startRecordflag = false var startTime = null　　　　　//btnRecord 为录音按钮dom对象 btnRecord.addEventListen...

2020-05-27 03:34:25

83浏览

0评论

微信小程序API—获取定位的详解

在微信小程序中，我们可以很方便的通过API接口来获取我们当前的位置，接下来我讲告诉大家微信获取定位的API—wx.getLocation的用法，以及我们通过获取定位，得到当地的位置，天气等信...

2020-05-27 03:34:24

67浏览

0评论

VSCode使用之Vue工程配置eslint

首先确保VS Code 安装了 Vetur 和 Eslint 插件。
然后使用了vue-cli提供的简单webpack模板，这样创建的工程默认没有添加ESLint。vue init webpack-simple test-vscode配置过...

2020-05-27 03:34:23

66浏览

0评论

微信小程序单选radio及多选checkbox按钮用法示例

本文实例讲述了微信小程序单选radio及多选checkbox按钮用法。分享给大家供大家参考，具体如下：1.单选：radio实例：js:Page({data : {radioId:"",loves:[{id:1, name:"跑步" ,check...

2020-05-27 03:34:22

66浏览

0评论

Vue-cli3简单使用(图文步骤)

Vue-cli3.X创建项目1.环境要求安装Vue-cli3.x的前置条件：Node.js
以Windows为例安装Node.js,百度 “Node.js官网” 或”Node.js中文网”均可 ,如无特殊要求下载安装 LTS版（长...

2020-05-27 03:34:21

62浏览

0评论

一百行JS代码实现一个校验工具

做过校验需求的小伙伴们都知道，校验其实是个麻烦事。规则多，需要校验的字段多，都给我们前端带来巨大的工作量。一个不小心，代码里就出现了不少if else等不可维护的代码。因此，我...

2020-05-27 03:34:18

73浏览

0评论

微信小程序实现同一页面取值的方法分析

本文实例讲述了微信小程序实现同一页面取值的方法。分享给大家供大家参考，具体如下：1.js里单个的值在wxml里取值方法：js里将该值定义为全局变量，在wxml里采用 {{ }}即可获取。实...

2020-05-27 03:34:17

58浏览

0评论

微信小程序常用赋值方法小结

本文实例讲述了微信小程序常用赋值方法。分享给大家供大家参考，具体如下：1.微信小程序将值赋值给局部变量: "="实例：var name=options.goodsName2.微信小程序将值赋值给全局变...

2020-05-27 03:34:17

77浏览

0评论

vue2.0基于vue-cli+element-ui制作树形treeTable

该组件基于技术栈，主要涉及vue-cli生成的webpack项目脚手架，在此脚手架项目基础上完成的，整合了element-ui开源vue的UI项目1.vue-cli的安装使用npm install -g vue-cli全局安装...

2020-05-27 03:34:16

85浏览

0评论

微信小程序页面间传值与页面取值操作实例分析

本文实例讲述了微信小程序页面间传值与页面取值操作。分享给大家供大家参考，具体如下：微信小程序页面间传值1.js页面间的传值：url: ' 路径 ? 值='+ 获取该页面取值,实例1：pa...

2020-05-27 03:34:14

85浏览

0评论

vue-router 前端路由之路由传值的方式详解

路由传值在前端的路由里面，我们在切换路由的时候，也相当于切换了页面，页面与页面之前有时候需要做到传值，这个时候就需要进行路由传值，在VueRouter里面，两个路由之间做跳转的时候...

2020-05-27 03:34:13

76浏览

0评论

vue自动路由-单页面项目（非build时构建）

这是一个什么项目？答：这是一个单页面的vue.js项目，主要为了实现在非build时，进行自动路由。简单点说，就是在请求页面时，根据url进行动态添加路由。自动路由有什么限制吗？答：有，因为是...

2020-05-27 03:34:12

57浏览

0评论

使用 Vue cli 3.0 构建自定义组件库的方法

本文旨在给大家提供一种构建一个完整 UI 库脚手架的思路：包括如何快速并优雅地构建UI库的主页、如何托管主页、如何编写脚本提升自己的开发效率、如何生成 CHANGELOG 等前言...

2020-05-27 03:34:11

68浏览

0评论

微信小程序时间戳转日期的详解

正文：// util.js//时间戳转换成日期时间function js_date_time(unixtime) { var dateTime = new Date(parseInt(unixtime) * 1000) var year = dateTime.getFullYear(); var...

2020-05-27 03:34:10

67浏览

0评论

vue-cli3 项目优化之通过 node 自动生成组件模板 generate View、Component

介绍做前端的大家都知道通过 vue 开发的项目每次创建新组建的时候，都要新建一个目录，然后新增 .vue 文件，在这个文件中再写入 template 、 script 、 style 这些内容，虽然在写入...

2020-05-27 03:34:08

57浏览

0评论

vue移动端屏幕适配详解

flexiblevue移动端屏幕适配,查看项目地址效果预览# 项目clone
git clone git@github.com:NicolasGui/flexible.git# 进入项目目录
cd flexible# 安装依赖
npm install# 启动...

2020-05-27 03:34:07

60浏览

0评论

详解vue 图片上传功能

这次做了vue页面的图片上传功能，不带裁剪功能的！首先是html代码，在input框上添加change事件，如下：<ul class="clearfix"> <li v-if="imgs.length>0" v-for='(item ,index...

2020-05-27 03:34:06

68浏览

0评论

vue实现随机验证码功能的实例代码

先给大家展示下效果图：1.html代码<div class="form-group" style="display: flex;"> <div> <span>验证码：</span> <input type="text" id="code" v-model="code...

2020-05-27 03:34:05

105浏览

0评论

原生JS实现随机点名项目的实例代码

核心思想•随机产生规定范围内的整数，然后再产生相同范围内的整数，两者相同时，则暂停。所用知识•Math.random() * num: 产生从0到num的随机数
•Math.floor():...

2020-05-27 03:34:04

63浏览

0评论

Vue基本使用之对象提供的属性功能

一过滤器过滤器就是vue允许开发者自定义的文本格式化函数，可以使用在两个地方：输出内容和操作数据中。1.1 定义过滤器的两种方式1.1.1 使用Vue.filter()进行全局定义Vue.filt...

2020-05-27 03:34:03

52浏览

0评论

vue组件化中slot的基本使用方法

前言slot可以在子组件中开启插槽，在父组件引用该组建时，可以定义这个插槽内要展现的功能或模块，下面话不多说了，来一起看看详细的介绍吧
1.单个slot
子组件中在相应位置写slot标...

2020-05-27 03:34:01

68浏览

0评论

vue增加强缓存和版本号的实现方法

强缓存：
到底什么是强缓存？强在哪？其实强是强制的意思。当浏览器去请求某个文件的时候，服务端就在respone header里面对改文件做了缓存配置。缓存的时间、缓存类型都由服务端控...

2020-05-27 03:34:00

69浏览

0评论

浅谈对于react-thunk中间件的简单理解

前言
刚来公司的时候，对react项目中的thunk中间件的作用一直不太了解，最近有时间决定好好研究一下。鉴于本人初次写博客，并已假设读者已掌握redux的一些基本用法；如有错误，还望指...

2020-05-27 03:33:59

59浏览

0评论

微信小程序常见页面跳转操作简单示例

本文实例讲述了微信小程序常见页面跳转操作。分享给大家供大家参考，具体如下：1.保留当前页面，跳转到应用内另一个页面：wx.navigateTo({ url: '页面路径', })实例：pageSkip :funct...

2020-05-27 03:33:58

76浏览

0评论

微信小程序实现卡片左右滑动效果的示例代码

快放假了，人狠话不多，啥也不说了。先看效果图。思路从上面的效果图来看，基本的需求包括：左右滑动到一定的距离，就向相应的方向移动一个卡片的位置。卡片滑动的时候有一定的...

2020-05-27 03:33:56

63浏览

0评论

javascript原型链学习记录之继承实现方式分析

本文实例讲述了javascript原型链学习记录之继承实现方式。分享给大家供大家参考，具体如下：在慕课网学习继承的笔记：继承的几种方式：① 使用构造函数实现继承function Parent(){...

2020-05-27 03:33:53

74浏览

0评论

JS实现的贪吃蛇游戏案例详解

本文实例讲述了JS实现的贪吃蛇游戏。分享给大家供大家参考，具体如下：github项目地址：https://github.com/LEERTRT/Snake在<script></script>中，文档加载完毕后调用：$(function ()...

2020-05-27 03:33:52

274浏览

0评论

JS html事件冒泡和事件捕获操作示例

本文实例讲述了JS html事件冒泡和事件捕获操作。分享给大家供大家参考，具体如下：今天学习了事件冒泡和捕获，记录一下。1.冒泡型事件：事件按照从最特定的事件目标到最不特定的事...

2020-05-27 03:33:51

46浏览

0评论

Vue.extend实现挂载到实例上的方法

本文实例讲述了Vue.extend实现挂载到实例上的方法。分享给大家供大家参考，具体如下：这里主要是做个笔记根据官网的说法，Vue.extend：是使用基础 Vue 构造器，创建一个“子类”。参...

2020-05-27 03:33:50

49浏览

0评论

Vue源码之关于vm.$delete()/Vue.use()内部原理详解

vm.$delete()
vm.$delete用法见官网。
为什么需要Vue.delete()?
在ES6之前, JS没有提供方法来侦测到一个属性被删除了, 因此如果我们通过delete删除一个属性, Vue是侦测...

2020-05-27 03:33:49

47浏览

0评论

JavaScript强制类型转换和隐式类型转换操作示例

本文实例讲述了JavaScript强制类型转换和隐式类型转换。分享给大家供大家参考，具体如下：在JavaScript中声明变量不需指定类型，对变量赋值也没有类型检查，同时JavaScript允许隐...

2020-05-27 03:33:48

55浏览

0评论

vue 对象添加或删除成员时无法实时更新的解决方法

前阵子将项目搬上Vue的时候偶遇一个突发问题当对象添加或删除成员时页面无法实时更新渲染，但是数组是正常的目测是ob没有监听到对象的成员有变化查看一些大家的求助回答是说o...

2020-05-27 03:33:47

77浏览

0评论

3分钟了解vue数据劫持的原理实现

目的: 了解Object.defineProperty如何实现数据劫持
大致原理是这样的：定义一个监听函数，对对象的每一个属性进行监听通过Object.defineProperty对监听的每一个属性设置get...

2020-05-27 03:33:46

66浏览

0评论

Vue.js构建你的第一个包并在NPM上发布的方法步骤

本文我们将学习如何制作一个vue插件，并将其分发到npm上，能够让其他人安装使用.
插件大大地提高了开发者的开发效率。我们的大多数项目都依赖于它们，因为它们能够以极快的速度发...

2020-05-27 03:33:45

41浏览

0评论

vue.js 2.*项目环境搭建、运行、打包发布的详细步骤

Vue 安装vue-cli /webpack 全局安装如果在意安装速度，可以使用淘宝镜像来安装
安装淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org安装完淘宝镜...

2020-05-27 03:33:44

51浏览

0评论

vue 搭建后台系统模块化开发详解

本文主要介绍了vue 搭建后台系统模块化开发，分享给大家，具体如下：效果目录结构├── README.md├── build│ ├── build.js│ ├── check-versions.js│ ├── logo...

2020-05-27 03:33:42

60浏览

0评论

详解微信小程序网络请求接口封装实例

网络请求封装实例实现定制要求和方便调用，对微信小程序的网络请求接口进行了封装封装位置：app.js，方便全局调用实现方法调用，只用关注接口url和入参默认和自定义的请求成...

2020-05-27 03:33:41

45浏览

0评论

Node.js中Koa2在控制台输出请求日志的方法示例

前言Koa2真的是个很轻量的框架，轻量到路由都作为了模块单独了出来，Koa2也没有日志功能，如果我们需要有一些请求的日志和时间，我们就需要引入日志中间件下面话不多说了，来一起看看...

2020-05-27 03:33:39

58浏览

0评论

微信小程序搭建自己的Https服务器

一、注册微信小程序进入微信公众平台，使用邮箱账号，选择注册小程序账号。一个邮箱只能注册一个类型的微信账号（订阅号、服务号、小程序）。二、搭建Https服务器1、域名注册1.1、...

2020-05-27 03:33:38

47浏览

0评论

详解Vue底部导航栏组件

不多说直接上代码 BottomNav.vue：<template> <div class="footer"> <div v-for='(item,index) of items' :class='[item.cls,{on:index === idx}]' @click="$router.push(it...

2020-05-27 03:33:37

55浏览

0评论

详解如何使用router-link对象方式传递参数？

疑问：（判断和传参）点击导航栏目，js如何判断自己点击的是哪个具体栏目？
它们是如何传参的？
如何使用params，携带查询参数？效果图解说：A. 点击选择【屈原“查看详情”】之前B. 点击选...

2020-05-27 03:33:36

首页 «1418 141914201421 1422 »尾页

热门文章