编程开发 - 教程之家

编程开发

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

42浏览

0评论

一步一步实现Vue的响应式(对象观测)

平时开发中，Vue的响应式系统让我们不再去操作DOM，只需关心数据逻辑的处理，极大地降低了代码的复杂度。而响应式系统也是Vue的核心，作为开发者有必要了解其实现原理！简易版以watc...

2020-05-27 02:49:42

52浏览

0评论

Vue内部渲染视图的方法

1.什么是虚拟DOM 以前M的命令式操作DOM即使用jQuery操作DOM节点，随着状态的增多，DOM的操作就会越来越频繁，程序的状态也越难维护，现在主流的框架都是采用声明式操作DOM，将操作D...

2020-05-27 02:49:41

79浏览

0评论

layui当点击文本框时弹出选择框,显示选择内容的例子

实现如图所示的功能实现步骤：1.html页面需要注意的内容1）、 table<div id="hidden1" lay-filter="hidden1" style="display: none"> <table id="department_result" lay-filt...

2020-05-27 02:49:40

55浏览

0评论

详解基于Vue的支持数据双向绑定的select组件

今天用Vue做一个小项目时需要用到多个select筛选功能，但是原生的太丑，如果直接写在当前页多个select处理起来又太繁琐，第三方ui又太大，所以就自己写了一个，并上传了GitHub仓库,仓...

2020-05-27 02:49:39

58浏览

0评论

详解element-ui表格中勾选checkbox，高亮当前行

我们在做后台管理系统的时候经常需要操作表格，这里我们要实现的一个功能就是，勾选复选框，高亮显示当前行，也就是当前行样式改变。这是一个非常常见的使用场景，官网给我们提供了一...

2020-05-27 02:49:37

61浏览

0评论

layer父页获取弹出层输入框里面的值方法

主要是因为修改功能，原来页面填写数据如图改为其中点击填写明细弹出框填写完毕后点击确认返回，同事这里因为她是存的多表，所以点击确认就直接保存数据了，改的这个功能原本保存是...

2020-05-27 02:49:36

46浏览

0评论

Layui 带多选框表格监听事件以及按钮自动点击写法实例

不话不多说了，直接上代码吧：<div class="layui-btn-group demoTable" style="margin: 10px;"> <button class="layui-btn" id="hqsj" data-type="getCheckData">获取选中行数...

2020-05-27 02:49:35

62浏览

0评论

浅谈vue限制文本框输入数字的正确姿势

最近遇到一个需求，需要限制文本框输入数字，而number类型的输入框有箭头，个人不是很喜欢，因此想要寻求其它途径实现。本想通过网上找个现成的插件，然而百度，谷歌一番都没有找到满意...

2020-05-27 02:49:34

84浏览

0评论

js中比较两个对象是否相同的方法示例

本文实例讲述了js中比较两个对象是否相同的方法。分享给大家供大家参考，具体如下：js中，很轻易就可以比较2个普通字符串/数字是否相同，但是，如何比较2个对象是否相同呢？在此我便给...

2020-05-27 02:49:33

60浏览

0评论

layui 数据表格点击分页按钮监听事件的实例

找了很多关于表格分页点击事件请求， table.render 并不支持监听点击事件,所以我就把 table.render 和 laypage.render结合在一起（我也不想写分页的，但是后台讲数据多，要加...

2020-05-27 02:49:32

61浏览

0评论

微信小程序云开发模糊查询实现解析

这篇文章主要介绍了微信小程序云开发模糊查询实现详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下解释：
db.RegExp...

2020-05-27 02:49:31

42浏览

0评论

vue-cli随机生成port源码的方法

vue-cli随机生成port源码的方法const portfinder = require('portfinder')；const port = await portfinder.getPortPromise()；两行代码端口搜索范围默认情况下，portfinder将开...

2020-05-27 02:49:30

54浏览

0评论

小程序和web画三角形实现解析

如图：三角形，在很多时候，需要用到，例如tib提示信息，很多都是需要三角形来做辅助效果，在css样式中，代码如下：.Trianglebox{ width: 0px; height: 0px; border-style: solid; bord...

2020-05-27 02:49:29

112浏览

0评论

Vue form表单动态添加组件实战案例

今天我们来给大家介绍下在Vue开发中我们经常会碰到的一种需求场景，就是在form中我们需要动态的增加组件模块，效果如下:
这种效果实现其实就是对 v-for 指令的一种使用，组件不是...

2020-05-27 02:49:28

87浏览

0评论

layui数据表格跨行自动合并的例子

需求描述：在数据表格中，对于按某个分类展示数据其分类下又有多个细分的嵌套细分项，如省市区昵称，省下面有多个市，市下面有多个区，区下面有昵称，需要实现跨行合并，且操作按钮以分类为...

2020-05-27 02:49:25

73浏览

0评论

vue canvas绘制矩形并解决由clearRec带来的闪屏问题

起因：在cavnas绘制矩形时鼠标移动一直在监测中，所以鼠标移动的轨迹会留下一个个的矩形框，要想清除矩形框官方给出了ctx.clearRect() 但是这样是把整个画布给清空了，因此需要不...

2020-05-27 02:49:24

40浏览

0评论

JS实现的碰撞检测与周期移动完整示例

本文实例讲述了JS实现的碰撞检测与周期移动。分享给大家供大家参考，具体如下：<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style type="tex...

2020-05-27 02:49:23

60浏览

0评论

vue日历/日程提醒/html5本地缓存功能

先上图功能：1、上拉日历折叠，展示周2、左右滑动切换月2、“今天”回到今天；“+”添加日程3、localStorage存储日程index,html<body>　　<div id="app" v-cloak @mousedown="dow...

2020-05-27 02:49:22

83浏览

0评论

微信小程序简易计算器实现代码实例

这篇文章主要介绍了微信小程序简易计算器实现代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下只能进行简单的...

2020-05-27 02:49:21

95浏览

0评论

layui之table checkbox初始化时选中对应选项的方法

这个问题需要后台返回的数据格式跟layui中的示例中返回数据格式一模一样下面是数据格式参考，第一个LAY_CHECKED:true是让checkbox选中的最重要的参数LAY_CHECKED:truecity:"...

2020-05-27 02:49:20

85浏览

0评论

layui 动态设置checbox 选中状态的例子

最近在使用layui前端框架，在使用单选按钮、下拉菜单select、checkbox等控件的时候往往遇到一些初始化的东西。有时候会发现，自己动态append进去的代码要不就是没有显示，要不就...

2020-05-27 02:49:19

207浏览

0评论

解决Vue调用springboot接口403跨域问题

最近在做一个前后端分离的项目, 前端用的是Vue后端使用的是springboot, 在项目整合的时候发现前端调用后端接口报错403跨域请求问题前端跨域请求已解决, 那么问题就出在后端...

2020-05-27 02:49:18

155浏览

0评论

layui复选框的全选与取消实现方法

废话不多说啦，直接贴上代码吧！ <div class="layui-form-item layui-form-text"> <label class="layui-form-label"> <span class="x-red">*</spa...

2020-05-27 02:49:17

105浏览

0评论

layui radio点击事件实现input显示和隐藏的例子

如下所示：前端代码<link rel="stylesheet" href="/static/index/layui/css/layui.css" rel="external nofollow" ><script type="text/javascript" src="/static/index/layui...

2020-05-27 02:49:16

97浏览

0评论

layui表格分页记录勾选的实例

layui 分页之后没有记录之前勾选项的功能，自己写了一个，主要点就是表格的done 函数，每次渲染完成之后做表格勾选操作。然后需要一个全局变量记录所有已经勾选的项。下面...

2020-05-27 02:49:15

73浏览

0评论

Layui之table中的radio在切换分页时无法记住选中状态的解决方法

情景描述Layui数据表格中用到了表单元素radio，在当前页面选中radio状态，并同步更新到保存表格中所有的数据的数组中（获取表格中的所有数据并保存到数组中），再点击分页组件中的下...

2020-05-27 02:49:14

140浏览

0评论

layui 根据后台数据动态创建下拉框并同时默认选中的实例

第一步 form表单里写好一个下拉框<div class="layui-form-item"> <label class="layui-form-label">下拉选择框</label> <div class="layui-input-block"> <select id="sele...

2020-05-27 02:49:13

99浏览

0评论

JS/CSS实现字符串单词首字母大写功能

css实现：text-transform:capitalize;
JS代码一：
String.prototype.firstUpperCase = function(){ return this.replace(/\b(\w)(\w*)/g,function($0,$1,$2){ return $...

2020-05-27 02:49:12

123浏览

0评论

利用d3.js实现蜂巢图表带动画效果

以上是效果图，本图表使用d3.js v4制作。图表主要功能是在六边形格子中显示数据，点击底部图标可以切换指定格子高亮显示，图表可以随浏览器任意缩放。1.图表的主体结构是由正六...

2020-05-27 02:49:11

62浏览

0评论

JavaScript创建、读取和删除cookie

Cookie 为 Web 应用程序保存用户相关信息提供了一种有用的方法。例如，当用户访问咱们的站点时，可以利用 Cookie 保存用户首选项或其他信息，这样，当用户下次再访问咱们的站点时，应...

2020-05-27 02:49:10

324浏览

0评论

element ui分页多选,翻页记忆的实例

先说需求：实时记录当前选中的分页中的列表，分页保存数据，然后在用选中的数据进行某些操作；PS:左下角的数字为记录的当前选中的列表的和直接上可用的代码，前提已配置好各种环境HTM...

2020-05-27 02:49:09

121浏览

0评论

Layui Table js 模拟选中checkbox的例子

思路，根据 data-index 找到点击到的tr,获取tr下的 div，js 模拟点击function iniTable(){ layui.use('table', function(){ var table = layui.table; //展示已知数...

2020-05-27 02:49:08

227浏览

0评论

解决Layui中layer报错的问题

问题描述：Uncaught ReferenceError: layer is not defined解决方法，查看网上说名，是非独立版导致直接使用layer导致，只需要在使用时加一说明，申明一下使用。layui.use(['element'...

2020-05-27 02:49:07

84浏览

0评论

Layui 动态禁止select下拉的例子

author：咔咔wechat：fangkangfk前端代码js代码// 禁止select点击 function disSelect() { var level = $('#is_level1').val(); if(level != 1){ layer.msg('一级分类...

2020-05-27 02:49:06

509浏览

0评论

layui 点击重置按钮, select 并没有被重置的解决方法

如下所示：点击重置时，输入框被重置为空，而账号 select元素并没有被重置。 // 重置事件 $("#reset").click(function () { $("#searchContent").val(""); $("#selectKey...

2020-05-27 02:49:05

56浏览

0评论

nodejs文件夹深层复制功能

前段时间接到领导要求，运营那边会时不时的给我一些.html文件，让我呢把里面的某些东西给解析出来插入到数据库。本来就是解析dom元素，然后插入，可是有点麻烦的是运营给我的文件都...

2020-05-27 02:49:04

171浏览

0评论

Node.js fs模块(文件模块)创建、删除目录(文件)读取写入文件流的方法

fs模块.js：/* 1. fs.stat 检测是文件还是目录(目录文件是否存在) 2. fs.mkdir 创建目录（创建之前先判断是否存在） 3. fs.writeFile 写入文件(文件不存在就创建,但不能创建...

2020-05-27 02:49:03

280浏览

0评论

layui 实现自动选择radio单选框(checked)的方法

HTML表单：<div class="layui-form-item"> <label class="layui-form-label">消息通知</label> <div class="layui-input-block"> <input name="is_notice" value="1" t...

2020-05-27 02:49:02

73浏览

0评论

微信小程序通过一个json实现分享朋友圈图片

写在前面
最近在做小程序，发现制作分享到朋友圈图片是每个项目必须的。遇到坑比较多，写起来也比较繁琐，也没有找到类似组件，所以就自己动手写了一个。
演示左侧是 canvasdrawer...

2020-05-27 02:49:00

63浏览

0评论

JavaScript Array对象基本方法详解

昨天出去前端面试又失败，期间问了个有关于数组对象的问题，下面就这类问题总结下JavaScript常用的数组操作方法。一、何为数组（Array）对象数组对象是使用单独的变量名来存储一系...

2020-05-27 02:48:59

44浏览

0评论

layui radio单选限制下一个radio单选的实例

本demo的效果是单选框一有a和b两个选项按钮，单选框二有q和w两个选项按钮，选中a，使得q不可选，w选中；选中b，使得w不可选，q选中下面是完整的代码，需要引入layui.js，layui.css<!DOCTYPE h...

2020-05-27 02:48:58

79浏览

0评论

微信小程序拼接图片链接无底洞深入探究

背景
由于小程序包大小限制，我们一般都会将icon存放到cdn上。现在的开发流程需要在开发测试环境下图片使用开发域名，线上使用生产域名。
问题重现
在小程序onLaunch的时候读取...

2020-05-27 02:48:57

142浏览

0评论

vue动态绘制四分之三圆环图效果

参照网上的一个案例“参照的为绘制的是一个动态的圆环”，现在我的需求是改编成四分之三的圆环
实现效果：样式展示 canvas绘图基本操作设置就可以参考源代码链接：原文：https://ww...

2020-05-27 02:48:56

113浏览

0评论

Node.js学习教程之Module模块

前言采用了 Commonjs 规范，通过 module.exports、require 来导出和导入模块。模块加载机制中，采用了延迟加载的策略。就是说在用到的情况下，系统模块才会被加载，等加载完成后会...

2020-05-27 02:48:54

75浏览

0评论

解决layui 三级联动下拉框更新时回显的问题

最近接触layui，比较简洁美观的一款ui，但也有很多小坑，记录一下实现省市区下拉三级联动更新回显的问题 <%--监听省份选择 --%> form.on('select(uprovinceId)', function(data){...

2020-05-27 02:48:53

151浏览

0评论

纯异步nodejs文件夹(目录)复制功能

node.js 复制文件夹思路:1、callback 驱动2、递归所有需要复制文件3、在一定阀值下并发复制文件var async = require("async"); var fs = require("fs"); var path = requir...

2020-05-27 02:48:52

83浏览

0评论

js tab栏切换代码实例解析

今天机试有个内容是做网易云课堂tab栏切换的，如下先简单说下我当时的想法1.先弄一个大div盒子，我命名为tab2.在大盒子tab里面有两个小盒子，分别是标题栏（tab_list）和内容栏（tab_co...

2020-05-27 02:48:51

121浏览

0评论

NodeJS 文件夹拷贝以及删除功能

文件夹拷贝
function CopyDirectory(src, dest) { if (IsFileExist(dest) == false) { fs.mkdirSync(dest); } if (fs.existsSync(src) == false) { return false;...

2020-05-27 02:48:50

88浏览

0评论

JavaScript自动生成年月范围选择功能完整示例【基于jQuery插件】

本文实例讲述了JavaScript实现的自动生成年月范围选择功能。分享给大家供大家参考，具体如下：近日做项目涉及到日期选择，为了用户界面友好，于是加入了一年内的年月段的查询功能...

2020-05-27 02:48:49

127浏览

0评论

JavaScript 预解析的4种实现方法解析

预解析:在当前作用域下，js运行之前，会把带有var和function关键字声明的变量先声明，并在内存中安排好。然后从上至下解析js语句。而且function的声明优先于var声明。不多说，，直接...

2020-05-27 02:48:48

首页 «1460 146114621463 1464 »尾页

热门文章