编程开发 - 教程之家

编程开发

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

40浏览

0评论

layui之数据表格--与后台交互获取数据的方法

jsp或html<table id="userList" lay-filter="userList"></table>js//用户列表var tableIns = table.render({ elem: '#userList', url : 'userAction_findAll.action', cell...

2020-05-27 02:28:13

46浏览

0评论

在Layui中实现开关按钮的效果实例

首先引入js,css<script src="/common/plugins/layui-v2.2.5/layui.js" charset="utf-8"></script><link rel="stylesheet" type="text/css" href="/common/plugins/layui-v2...

2020-05-27 02:28:11

75浏览

0评论

关于layui 实现点击按钮添加一行(方法渲染创建的table)

目标：layui 实现点击按钮添加一行解决方案：方案1、table 是用转换静态表格的方式创建的，写一个button，每次点击按钮，就添加一个<tr> 标签；方案2、table 是用方法渲染的方式创建的，...

2020-05-27 02:28:10

63浏览

0评论

React-redux实现小案例（todolist）的过程

使用React-redux实现，待办事项todolist案例。
注：以下列出主要页面代码，为说明React-redux实现的过程，所以并没有将案例的完整代码展示！一、全局安装：rudux、react-redux
npm inst...

2020-05-27 02:28:09

74浏览

0评论

为nuxt项目写一个面包屑cli工具实现自动生成页面与面包屑配置

公司项目的面包屑导航是使用 element 的面包屑组件，配合一份 json 配置文件来实现的，每次写新页面都需要去写 json 配置，非常麻烦，所以写一个面包屑cli，自动生成页面、自动配置面...

2020-05-27 02:28:08

59浏览

0评论

微信小程序轮播图实现原理及优化详解

轮播图的创建
第一步：在页面创建swiper组件第二步：编写js页面注意事项：wx：for渲染我们js中的图片数组，item默认写法，获取我们的图片数组中的图片，可通过增加wx:for-item="it"来改变...

2020-05-27 02:28:06

59浏览

0评论

微信小程序行的删除和增加操作实现详解

第一步：在项目的app.json中创建一个新的页面（页面名称英文，可自定义）第二步：在创建的新页面中编写页面（注意bindtap属性值，因为是我们的js的函数方法名）第三步：在对应的js里设置全局...

2020-05-27 02:28:04

54浏览

0评论

js 下拉菜单点击旁边收起实现(踩坑记)

背景：
最近在搞一个需求：搜索框，输入时显示联想词下拉列表，当点击联想词跳转到搜索页，如果点击其他部分收起联想的下拉列表。接到需求后第一反应用失焦（blur）去做收起操作避免body...

2020-05-27 02:28:03

51浏览

0评论

在vue中根据光标的显示与消失实现下拉列表

重点知识mousedown事件：mousedown的执行顺序大于blur事件
HTML代码<template> <div> <input ref="search" @focus="showList(true)" v-model="search" @blur="showList(fals...

2020-05-27 02:28:02

98浏览

0评论

JS回调函数简单易懂的入门实例分析

本文实例讲述了JS回调函数。分享给大家供大家参考，具体如下：初学js的时候，被回调函数搞得很晕，现在回过头来总结一下什么是回调函数。什么是JS？（点击查看）下面先看看标准的解释：<scr...

2020-05-27 02:28:01

58浏览

0评论

React+Redux实现简单的待办事项列表ToDoList

使用Redux做了一个简单的ToDoList待办事项列表，具体如下
这个例子也是源于Redux作者Dan Abramov的视频demo
还要特别说明一下
我还没有使用react-redux库进行解耦（可能以后...

2020-05-27 02:28:00

38浏览

0评论

HTML+JavaScript实现扫雷小游戏

本文实例为大家分享了JavaScript实现扫雷小游戏的具体代码，供大家参考，具体内容如下工具：Sublime Text / Dreamweaver /Hbuilder<!doctype html><html><head><meta charset="ut...

2020-05-27 02:27:59

45浏览

0评论

Bootstrap实现模态框效果

一、模态框（Modal）是覆盖在父窗体上的子窗体。通常，目的是显示来自一个单独的源的内容，可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。二、如果想要单独引...

2020-05-27 02:27:58

76浏览

0评论

微信小程序实现分享商品海报功能

我们在微信小程序中经常会使用到分享商品海报，或者是重绘微信小程序分享链的图片功能。实现该功能只要跟着如下几个步骤就可以快速实现啦！（本文示例代码使用的是uni-app，原生或...

2020-05-27 02:27:57

55浏览

0评论

createObjectURL方法实现本地图片预览

ie6 可以直接显示本本地路径的图片如： <img src="file://c:/3.jpg" /> ~~~网上都说ie7就不支持这种文件系统路径的url，但测试 xp ie8还是可以的ie8+ alphaImageLoader滤镜方...

2020-05-27 02:27:56

77浏览

0评论

vue实现select下拉显示隐藏功能

今日，怂怂就来说说，在项目中刚遇到这么一个功能需求；描述：当下拉选择不同的属性选项，需展示对应的内容界面；select下拉菜单如下：当下拉选择【表结构变更】、即展示如下界面：当下拉选...

2020-05-27 02:27:55

51浏览

0评论

js实现图片上传即时显示效果

前言h5实训时实现的一个图片上传即时显示的效果，如下图所示
正文Html代码<form action="" method="POST" role="form"> <div class="form-group"> <label for="touxiang" >头...

2020-05-27 02:27:53

56浏览

0评论

vue自动化路由的实现代码

目的解放双手，从此不用配置路由。当你看到项目中大批量的路由思考是拆分维护业务路由还是统一入口维护时，无需多虑，router-auto是你的最优选择，它帮你解决路由的维护成本，你只需...

2020-05-27 02:27:52

50浏览

0评论

JavaScript键盘事件响应顺序详解

本文实例为大家分享了JavaScript键盘事件响应顺序的具体实现代码，供大家参考，具体内容如下键盘响应顺序当按下键盘时，会触发多个事件，它们将按顺序发生。对于字符键来说，键盘事...

2020-05-27 02:27:47

115浏览

0评论

laravel实现中文和英语互相切换的例子

resources文件下面有一个lang文件夹下面有一个en文件夹，这里就是后面要使用到的存放语言的语言包的地方了。下面设置app.php里面的语言驱动。这里我设置的是en，到时候就会使用...

2020-05-27 02:27:46

58浏览

0评论

解决vue cli使用typescript后打包巨慢的问题

前言最近新开了一个项目，虽然用的是 vue 技术栈，但是为了项目的健壮性，还是强上了 typescript, 于是引出了下面的问题。问题
之前使用过 ts-loader 打包 react 项目，给我的感觉...

2020-05-27 02:27:45

44浏览

0评论

JavaScript实现单图片上传并预览功能

本文实例为大家分享了JavaScript实现单图片上传并预览功能的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>单图片...

2020-05-27 02:27:44

47浏览

0评论

浅探express路由和中间件的实现

1. Express简介
express是一个基于node.js平台的极简，灵活的web应用开发框架，它提供一系列强大的特征，帮助你创建各种web和移动设备应用
express框架核心特征：可以设置中间件...

2020-05-27 02:27:43

55浏览

0评论

JavaScript实现图片上传并预览并提交ajax

本文实例为大家分享了JavaScript实现图片上传并预览并提交ajax的具体代码，供大家参考，具体内容如下图片上传并预览HTML<div class="file-box"> <img id="preview" /> <input t...

2020-05-27 02:27:42

51浏览

0评论

bootstrap table实现iview固定列的效果实例代码详解

因为bootstrap自带的固定列效果满足不了公司需求，所以借助fixed-table这个插件完成了iview固定列的效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" />...

2020-05-27 02:27:41

70浏览

0评论

Bootstrap table 实现树形表格联动选中联动取消功能

公司最近有需求要做树形式table。因为是前后端不分离项目，且之前已经引入了bootstrap table插件，现把实现方式分享一下：<!DOCTYPE HTML><html lang="zh-cn"><head> <meta chars...

2020-05-27 02:27:40

87浏览

0评论

vue resource发送请求的几种方式

vue resource发送请求，代码如下所示；<!DOCTYPE html><html><head> <title>vue-resource</title> <meta charset="utf-8"></head><body> <div id="app"> <input type="bu...

2020-05-27 02:27:38

60浏览

0评论

JavaScript中的null和undefined用法解析

1.概述null和undefined属于js中两种不同的基本数据类型，都可以表示“没有”，含义非常相似。将一个变量赋值为undefined或null，老实说，语法效果几乎没区别。并且在if语句的判断条...

2020-05-27 02:27:37

67浏览

0评论

vue中使用[provide/inject]实现页面reload的方法

在vue中实现页面刷新有不同的方法:如:this.$router.go(0),location.reload()等,但是或多或少会存在问题,如页面会一闪等所以建议使用[provide/inject]实现刷新该方法t简单的...

2020-05-27 02:27:37

52浏览

0评论

uploadify插件实现多个图片上传并预览

使用uploadify插件可方便实现图片上传功能。兼容ie6、ie7。上传成功之后使用插件的回调函数读取json数据，根据url实现图片预览。效果图：点击浏览文件上传图片，图片依次在右侧显...

2020-05-27 02:27:35

65浏览

0评论

webpack3升级到webpack4遇到问题总结

最近由于项目需要，需要对已有的两个vue项目进行webpack3升级到webpack4，此处记录一下整个升级过程的几个重要步骤，以及遇到的问题和解决方案。1、更新webpack以及相关联插件，web...

2020-05-27 02:27:34

81浏览

0评论

详解小程序云开发攻略(解决最棘手的问题)

背景
最近小程序非常的火,应公司业务发展要求,开发维护了几款小程序,公司开发的小程序都是由后端提供的接口,开发繁琐而复杂,直到小程序出现了云开发,仔细研读了文档之后,欣...

2020-05-27 02:27:32

103浏览

0评论

微信小程序自定义tabBar在uni-app的适配详解

引言：此方法可用作大部分微信小程序支持，但uni-app文档中却找不到相关说明的API需求需要在微信小程序中，实现一个中间图标突出显示的异形导航栏。如下图
实现方法设计要做这种...

2020-05-27 02:27:31

74浏览

0评论

在vue中使用jsx语法的使用方法

什么是JSX?
JSX就是Javascript和XML结合的一种格式。React发明了JSX，利用HTML语法来创建虚拟DOM。当遇到<，JSX就当HTML解析，遇到{就当JavaScript解析.
我为什么要在vue中用...

2020-05-27 02:27:29

90浏览

0评论

JS使用H5实现图片预览功能

JS使用H5实现上传图片预览的功能，以下是代码的实现：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>文件上传预览</title><script type="text/javascript">//预览...

2020-05-27 02:27:28

49浏览

0评论

java和js实现的洗牌小程序

这几天刚学了java和javascript，简单写了个用java和javascript的小程序JavaScript的// An highlighted blockvar colors = ['红桃','梅花','方片','黑桃']var numbers = ['2',...

2020-05-27 02:27:27

75浏览

0评论

javascript实现摄像头拍照预览

使用javascript实现电脑摄像头的打开和截图的功能，供大家参考，具体内容如下<!DOCTYPE html><html><head><meta charset="UTF-8"><title>摄像头调用实例</title><script type="...

2020-05-27 02:27:26

115浏览

0评论

Echarts地图添加引导线效果(labelLine)

最近有粉丝问我能不能出个案例：地图上的地区文字，或其他标示类的图层，因为区块面积相对太小，想放在地图之外，通过labelLine连接到对应的区块上。今天就分享一个类似简单的案例，铺...

2020-05-27 02:27:25

70浏览

0评论

基于VUE的v-charts的曲线显示功能

1. 应用背景在做一个某路灯管理处的物联网项目时，需要统计8个电表的电能曲线（时间-电能），需求就是能生成日报（24个点，间隔1小时，实时），月报（30个点，间隔1天，取每天的凌晨1点数据），年报（每个...

2020-05-27 02:27:24

91浏览

0评论

你不可不知的Vue.js列表渲染详解

介绍
用 v-for 把一个数组对应为页面上的一组元素
vue.js 使用的是 v-for 指令来处理组件元素的循环迭代逻辑。通常它会和 v-if 配合使用，达到我们所需要的处理逻辑。
v-for...

2020-05-27 02:27:23

68浏览

0评论

基于iview-admin实现动态路由的示例代码

iview-admin是一个基于vue和iview组件库实现的管理后台前端，本文基于iview-admin最新版本，实现基于权限的动态路由加载。
本文代码可参见：https://github.com/MayBeWrong/iview...

2020-05-27 02:27:22

65浏览

0评论

详解element-ui级联菜单（城市三级联动菜单）和回显问题

代码最下面
各项的参数截图代码如下 <el-form-item label="户籍所在地" prop="censusLand" style="padding-left:57px"> <el-cascader v-model="ruleForm.censusLand" sty...

2020-05-27 02:27:21

55浏览

0评论

Nautil 中使用双向数据绑定的实现

虽然是基于 react 的框架，但是在 nautil 中可以使用双向数据绑定，这得益于基于观察者模式的开发思路。在 react 中使用双向绑定并非没有需求，react 严格的单向数据流，严重影响了...

2020-05-27 02:27:20

71浏览

0评论

JavaScript 面向对象基础简单示例

本文实例讲述了JavaScript 面向对象。分享给大家供大家参考，具体如下：JavaScript 面向对象 this：this代指对象(python self) 对象 = new 函数()：创建对象：添加“new 函数()”...

2020-05-27 02:27:18

79浏览

0评论

JavaScript Dom 绑定事件操作实例详解

本文实例讲述了JavaScript Dom 绑定事件操作JavaScript Dom 绑定事件操作。分享给大家供大家参考，具体如下：JavaScript Dom 绑定事件// 先获取Dom对象，然后进行绑定document.g...

2020-05-27 02:27:17

32浏览

0评论

JavaScript 作用域实例分析

本文实例讲述了JavaScript 作用域。分享给大家供大家参考，具体如下：JavaScript 作用域1. JavaScript 以函数作为作用域JavaScript: 以函数做为作用域function func(){ if(1=...

2020-05-27 02:27:16

77浏览

0评论

jQuery 查找元素操作实例小结

本文实例讲述了jQuery 查找元素操作。分享给大家供大家参考，具体如下：1. id// 通过id查找$('#id')2. class<div class='c1'></div>// 通过class查找$('.c1')3. 标签、组合<div...

2020-05-27 02:27:15

45浏览

0评论

jQuery 筛选器简单操作示例

本文实例讲述了jQuery 筛选器简单操作。分享给大家供大家参考，具体如下：jQuery 筛选器1筛选器1：在选择器选择的基础上在选择一次// 当前点击的标签$(this)$(this)// .next()...

2020-05-27 02:27:14

99浏览

0评论

深入学习Vue nextTick的用法及原理

Vue.nextTick是Vue官方给我们提供的一个API（方法），作用是在下次DOM更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的DOM；那么我们的理解是：当数据发生...

2020-05-27 02:27:13

55浏览

0评论

vux-scroller实现移动端上拉加载功能过程解析

本文将讲述vue-cli+vux-scroller实现移动端的上拉加载功能：纠错声明：网上查阅资料看到很多人都将vux和vuex弄混，在这里我们先解释一下，vuex是vue框架自带的组件，是数据状态管理工...

2020-05-27 02:27:12

首页 «1475 147614771478 1479 »尾页

热门文章