编程开发 - 教程之家

编程开发

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

94浏览

0评论

微信小程序实现的五星评价功能示例

本文实例讲述了微信小程序实现的五星评价功能。分享给大家供大家参考，具体如下：实现五星评价功能，效果图如下：.wxml文件：<view class="star-title">1、品质效果</view><view clas...

2020-05-27 03:38:12

81浏览

0评论

微信小程序整合使用富文本编辑器的方法详解

本文实例讲述了微信小程序整合使用富文本编辑器的方法。分享给大家供大家参考，具体如下：使用WxParse插件实现小程序的富文本显示，下载地址：富文本插件WxParse具体使用步骤：1. 复...

2020-05-27 03:38:11

61浏览

0评论

小程序开发踩坑：页面窗口定位（相对于浏览器定位）（推荐）

开发中我们要做一些类似遮罩层或者页面header固定而页面内容滚动的效果时，往往会使用到：position: fiexd;属性，但是往往会出现绑定在定位元素上的事件无法触发，原因出现在哪里？经...

2020-05-27 03:38:10

120浏览

0评论

详解如何实现Element树形控件Tree在懒加载模式下的动态更新

Element提供的Tree树形控件，可以用清晰的层级结构展示信息，还可以展开或折叠。Tree支持两种加载模式：一次性加载全部树节点和懒加载模式。所谓懒加载模式，是指当需要展开父节点...

2020-05-27 03:38:09

86浏览

0评论

微信小程序Flex布局用法深入浅出分析

本文实例讲述了微信小程序Flex布局用法。分享给大家供大家参考，具体如下：Flex布局： Flexible Box的缩写，意为“弹性布局”，为盒模型提供巨大的灵活性使用说明：1. 任何容器都可以使...

2020-05-27 03:38:08

82浏览

0评论

elementUI Tree 树形控件的官方使用文档

Tree 树形控件---官方文档地址用清晰的层级结构展示信息，可展开或折叠。基础用法基础的树形结构展示。<el-tree :data="data" :props="defaultProps" @node-click="handleNod...

2020-05-27 03:38:07

79浏览

0评论

使用React手写一个对话框或模态框的方法示例

打算用React写对话框已经很长一段时间，现在是时候兑现承诺了。实际上，写起来相当简单。核心在于使用React的接口React.createPortal(element, domContainer)。该接口将element...

2020-05-27 03:38:06

87浏览

0评论

JS实现指定区域的全屏显示功能示例

本文实例讲述了JS实现指定区域的全屏显示功能。分享给大家供大家参考，具体如下：<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />...

2020-05-27 03:38:05

109浏览

0评论

node.js ws模块搭建websocket服务端的方法示例

首先下载websocket模块，命令行输入npm install wsnode.js的模块ws，可用于创建websocket服务，基本的express 和 http模块的使用
var express = require('express');var http =...

2020-05-27 03:38:04

73浏览

0评论

详解JS实现简单的时分秒倒计时代码

本文实例为大家分享了JS时分秒倒计时的实现的具体代码，供大家参考，具体内容如下
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js简单时分秒倒计...

2020-05-27 03:38:03

71浏览

0评论

Vue开发之watch监听数组、对象、变量操作分析

本文实例讲述了Vue开发之watch监听数组、对象、变量操作。分享给大家供大家参考，具体如下：1.普通的watchdata() { return { frontPoints: 0 }},watch: { frontPoints(ne...

2020-05-27 03:38:02

68浏览

0评论

详解vue项目中调用百度地图API使用方法

步骤一：申请百度地图密钥；JavaScript API v1.4以及以前的版本无序申请秘钥（ak），自v1.5版本开始需要先申请秘钥（ak），才可以使用，如需获取更高的配额，需要申请认证企业用户。百度地图A...

2020-05-27 03:38:01

75浏览

0评论

从零到一详聊创建Vue工程及遇到的常见问题

准备工作1.判断是否需要FQ或安装镜像，镜像一般可安装国内淘宝镜像，详情可看这里：cnpm
npm install -g cnpm --registry="cnpm"全局安装淘宝cnpm。2.开发工具选择很多，VUE无专用...

2020-05-27 03:38:00

70浏览

0评论

Vue注册组件命名时不能用大写的原因浅析

这段时间一直在弄vue，当然也遇到很多问题，这里就来跟大家分享一些注册自定义模板组件的心得。首先“VUE注册组件命名时不能用大写“其实这句话是不对的，但我们很多人开始都觉得...

2020-05-27 03:37:59

46浏览

0评论

Vue开发之封装分页组件与使用示例

本文实例讲述了Vue开发之封装分页组件与使用。分享给大家供大家参考，具体如下：使用elementui中的el-pagination来封装分页组件pagination.vue:<template> <div class="pagina...

2020-05-27 03:37:58

48浏览

0评论

vue2.0自定义指令示例代码详解

1、什么是指令？指令通常以"v-"作为前缀, 以方便Vue知道你在使用一种特殊的标记。除了 Vue 核心携带着的一些默认指令（v-model 和 v-show）之外，Vue 还允许你注册自己的自定义指令...

2020-05-27 03:37:57

48浏览

0评论

Vue开发之封装上传文件组件与用法示例

本文实例讲述了Vue开发之封装上传文件组件与用法。分享给大家供大家参考，具体如下：使用elementui的 el-upload插件实现图片上传组件每个项目存在一定的特殊性，所以数据的处理会...

2020-05-27 03:37:56

68浏览

0评论

详解javascript中的Error对象

概念
error是指程序中的非正常运行状态，在其他编程语言中称为“异常”或“错误”，解释器会为每个错误情形创建并抛出一个Error对象，其中包含错误的描述信息；
ECMASc...

2020-05-27 03:37:55

54浏览

0评论

Vue使用zTree插件封装树组件操作示例

本文实例讲述了Vue使用zTree插件封装树组件操作。分享给大家供大家参考，具体如下：1.通过npm安装jquerynpm install jquery --save-dev2.在build/webpack.base.conf文件当中引...

2020-05-27 03:37:54

61浏览

0评论

Angular封装搜索框组件操作示例

本文实例讲述了Angular封装搜索框组件操作。分享给大家供大家参考，具体如下：后台管理系统多是以表格和表单为主，有列表就一定会有列表的筛选功能，所以在此把列表头部的搜索功能...

2020-05-27 03:37:53

40浏览

0评论

WebGL学习教程之Three.js学习笔记(第一篇)

webgl介绍WebGL是一种3D绘图协议，它把JavaScript和OpenGL ES 2.0结合在一起，通过增加OpenGL ES 2.0的一个JavaScript绑定，WebGL可以为HTML5 Canvas提供硬件3D加速渲染。WebGL技...

2020-05-27 03:37:52

51浏览

0评论

WebGL three.js学习笔记之阴影与实现物体的动画效果

实现物体的旋转、跳动以及场景阴影的开启与优化本程序将创建一个场景，并实现物体的动画效果
运行的结果如图：运行结果
完整代码如下：
<!DOCTYPE html><html lang="en"><head>...

2020-05-27 03:37:51

46浏览

0评论

详解VUE Element-UI多级菜单动态渲染的组件

以下是组件代码：<template> <div class="navMenu"> <label v-for="navMenu in navMenus"> <el-menu-item v-if="navMenu.childs==null&&navMenu.entity&&navMenu.entity....

2020-05-27 03:37:50

55浏览

0评论

在微信小程序中使用图表的方法示例

前言：网上有许多的图表库，如：Echarts、Tau Charts、ChartJS等等，具体自行百度。这次我们使用的是：Echarts官方教程：点击查看Echarts下载地址：飞机直达1.下载好之后，把里面的ec-canva...

2020-05-27 03:37:49

70浏览

0评论

微信小程序遍历Echarts图表实现多个饼图

如何在微信小程序中使用Echarts可以看我的另一个教程：点击查看首先看一个简单的例子1.wxml文件<view style='width:100%;height:200rpx'> <ec-canvas id="mychart-dom-bar" c...

2020-05-27 03:37:48

57浏览

0评论

详解vuejs2.0 select 动态绑定下拉框支持多选

select 下拉选择产品类型：这一项是select 涉及到父子组件信息传递下面拆开讲解父组件 <div class="sales-board-line"> <div class="sales-board-line-left"> 产品类...

2020-05-27 03:37:46

142浏览

0评论

vue项目中使用fetch的实现方法

fetch的由来和定义fetch的由来众所周知，传统 Ajax （指 XMLHttpRequest）是最早出现的发送异步请求技术，其核心是使用XMLHttpRequest对象。但是它也存在一些令人头疼的问题：XH...

2020-05-27 03:37:46

70浏览

0评论

详解如何给React-Router添加路由页面切换时的过渡动画

PS: 本篇文章使用的React-Router版本为react-router-dom: ^5.0.0 (兼容4.x)使用过Vue2的同学们应该都知道<transition>这个内置组件，它可以帮我们添加过渡动画，之前一直用它来...

2020-05-27 03:37:45

54浏览

0评论

vue中img src 动态加载本地json的图片路径写法

目录：注意：本地json文件和json文件里的图片地址都必须写在static 静态文件夹里；否则json文件里的url地址找不到。major_info.json文件里的图片路径写法页面通过v-bind的方式加...

2020-05-27 03:37:43

42浏览

0评论

vue请求本地自己编写的json文件的方法

1.第一步，这是目录结构2.接下来是build/webpack.dev.conf.js文件需要配置的内容代码：//vue配置请求本地json数据const express = require('express')const app = express()con...

2020-05-27 03:37:42

50浏览

0评论

原生JS实现图片懒加载之页面性能优化

在项目开发中，我们往往会遇到一个页面需要加载很多图片的情况。我们可以一次性加载全部的图片，但是考虑到用户有可能只浏览部分图片。所以我们需要对图片加载进行优化，只加载浏...

2020-05-27 03:37:41

37浏览

0评论

JS异步错误捕获的一些事小结

引入
我们都知道 try catch 无法捕获 setTimeout 异步任务中的错误，那其中的原因是什么。以及异步代码在 js 中是特别常见的，我们该怎么做才比较？无法捕获的情况
function main...

2020-05-27 03:37:40

50浏览

0评论

关于Vue源码vm.$watch()内部原理详解

关于vm.$watch()详细用法可以见官网。大致用法如下:<script> const app = new Vue({ el: "#app", data: { a: { b: { c: 'c' } }...

2020-05-27 03:37:39

46浏览

0评论

配置一个vue3.0项目的完整步骤

说起来有点丢人，我已经使用vue好久了，但是怎么从0开始配置一个vue项目，每次还是要百度。这次决定写个博客，加强下记忆，如果再记不住就直播自己的女朋友洗澡。以下以新建一个图书...

2020-05-27 03:37:38

57浏览

0评论

详解JS判断页面是在手机端还是在PC端打开的方法

我们想要的效果是pc文件和mobile文件统一入口，适配不同的设备。
先看看项目的目录：在index.html里面配置js控制选择那一个文件夹下的文件就可以了。
我们要利用：Navigator 对象...

2020-05-27 03:37:36

46浏览

0评论

vue 进阶之实现父子组件间的传值

本章我们将深入了解一下组件，并实现父子组件间的传值。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue</title> <script src="https://cdn.js...

2020-05-27 03:37:35

58浏览

0评论

详解微信小程序-canvas绘制文字实现自动换行

在使用微信小程序canvas绘制文字时，时常会遇到这样的问题：因为canvasContext.fillText参数为我们只能设置文本的最大宽度，这就产生一定的了问题。如果我们绘制的文本长度不确定...

2020-05-27 03:37:33

41浏览

0评论

react高阶组件添加和删除props

唠叨几句啦
在看程墨老师的深入浅出高阶组件，开头一点提了一个需要，创建两个高阶组件，一个能给传入的元素自定义添加props，一个是删除特定的props。我刚刚做了一下，发现高阶组件...

2020-05-27 03:37:32

35浏览

0评论

详解VScode编辑器vue环境搭建所遇问题解决方案

前言为什么选择VScode？在之前我用过sublime、webstorm、atom、Brackets、eclipse、HBuilder、notepad++等等。应该还有一些用过几次的编辑器，记不起来的，这些编辑器的作用不外...

2020-05-27 03:37:32

65浏览

0评论

js验证身份证号码记录的方法

在一些需要填写身份证的表单网页中，需要对身份证的输入做一个验证，于是，我记录下了自己写的验证。在写验证之前，我们需要理解身份证的一些常识规则。中华人民共和国居民身份证验...

2020-05-27 03:37:30

43浏览

0评论

微信小程序如何修改本地缓存key中单个数据的详解

最近在做教师评教系统，有一个‘个人信息'页面中有个编辑修改邮箱的功能，本来想得很简单，结果进坑了，搞了好久才出来。我想实现的效果是点击下图左侧邮箱，然后进入右侧页面，进行邮...

2020-05-27 03:37:29

44浏览

0评论

Vue使用Canvas绘制图片、矩形、线条、文字，下载图片

1 前言1.1 业务场景图片储存在后台中，根据图片的地址，在vue页面中，查看图片，并根据坐标标注指定区域。由于浏览器的机制，使用 window.location.href 下载图片时，并不会保存到本地，...

2020-05-27 03:37:28

41浏览

0评论

微信小程序实现的绘制table表格功能示例

本文实例讲述了微信小程序实现的绘制table表格功能。分享给大家供大家参考，具体如下：表格的绘制jsPage({data:{infeed:['"", "1周", "2周", "3周", "总计"],endwise1: "游泳",...

2020-05-27 03:37:27

63浏览

0评论

js最实用string(字符串)类型的使用及截取与拼接详解

var a = '世界上最远的距离不是天涯海角';一、通过字符获取位置或通过位置获取字符：//指定位置返回字符console.log(str.charAt(1));console.log(str[1]);//指定位置返回字符...

2020-05-27 03:37:26

49浏览

0评论

微信小程序开发之点击按钮退出小程序的实现方法

微信小程序官方是没有提供退出的API的，但是在navigator这个组件中，是有退出这个功能的：详情参考官方文档：navigator。示例代码： <navigator open-type="exit" target="miniProgra...

2020-05-27 03:37:25

33浏览

0评论

详解VUE前端按钮权限控制

在用户登陆后，根据用户id读取用户的所有权限数据，放入本地的storage进行存储，之后，定义指令，如果用户含有此按钮权限，则在页面显示出来：/**权限指令**/ Vue.directive('has', {...

2020-05-27 03:37:24

40浏览

0评论

vue组件间的参数传递实例详解

场景分析在前端开发中，我们常常会运用到“组件库”。在main入口中引入组件库，就可以很轻松的在页面中引入，并做一些基本的配置，如样式，颜色等。只需要在引入的组件中写入特定的属...

2020-05-27 03:37:23

39浏览

0评论

详解auto-vue-file:一个自动创建vue组件的包

auto-vue-file
auto create .vue file by shell command
通过终端自动创建vue文件
前言：
1: 我们在写xxx.vue页面文件的时候，一般都要写这些重复的代码：
<template> <div class...

2020-05-27 03:37:22

33浏览

0评论

Vue基于vuex、axios拦截器实现loading效果及axios的安装配置

准备利用vue-cli脚手架创建项目进入项目安装vuex、axios（npm install vuex,npm install axios）axios配置项目中安装axios模块（npm install axios）完成后，进行以下配置：main.js...

2020-05-27 03:37:21

51浏览

0评论

JS原生瀑布流效果实现

今天早起看了慕课的瀑布流，的确讲的十分详细，也十分的好，我在博客里也就只能给代码加些注释，和说一下思路。建议大家去看一下慕课的瀑布流教程，非常详细，每一个细节都讲的非常好，只...

2020-05-27 03:37:19

首页 «1416 141714181419 1420 »尾页

热门文章