深入浅析Node环境和浏览器的区别
正好最近有朋友咨询我这个问题，那就简单谈一下我理解的node环境和浏览器的区别，高手请略过。一、全局环境下this的指向 在node中this指向global而在浏览器中this指向window...
2020-05-27
解决layui 复选框等内置控件不显示的问题
将复选框的代码原封不动地粘上后居然不显示需要加入下列代码，监听form，才会显示控件<script> layui.use('form', function () { var form = layui.form; });</script>tab也是...
2020-05-27
layui的table单击行勾选checkbox功能方法
如下所示：//单击行勾选checkbox事件$(document).on("click",".layui-table-body table.layui-table tbody tr", function () { var index = $(this).attr('data-index'); var...
2020-05-27
jQuery+CSS实现的标签页效果示例【测试可用】
本文实例讲述了jQuery+CSS实现的标签页效果。分享给大家供大家参考，具体如下：CSS代码：#tabs{ width:600px; height:250px; background:white; margin:20px;}#tabs ul{ flo...
2020-05-27
jQuery实现的简单拖拽功能示例【测试可用】
本文实例讲述了jQuery实现的简单拖拽功能。分享给大家供大家参考，具体如下：<!doctype html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=u...
2020-05-27
微信小程序异步API为Promise简化异步编程的操作方法
把微信小程序异步API转化为Promise。用Promise处理异步操作有多方便，谁用谁知道。
微信官方没有给出Promise API来处理异步操作，而官方API异步的又非常多，这使得多异步编程会层...
2020-05-27
Vue.js单向绑定和双向绑定实例分析
本文实例讲述了Vue.js单向绑定和双向绑定。分享给大家供大家参考，具体如下：1、单向绑定单向数据绑定的实现思路：① 所有数据只有一份② 一旦数据变化，就去更新页面(只有data--...
2020-05-27
JS中‘hello’与new String(‘hello’)引出的问题详解
定义一个字符串
在工作中我们大概有3种方法去定义一个字符串：
1. var str = 'hello';
2. var str1 = String('hello');
3. var str2 = new String('hello');
(下文直接会带...
2020-05-27
js中getter和setter用法实例分析
本文实例讲述了js中getter和setter用法。分享给大家供大家参考，具体如下：在学习Vue计算属性时，有一句“计算属性默认只有 getter ，不过在需要时你也可以提供一个 setter”。gett...
2020-05-27
JS通过位运算实现权限加解密
首先介绍一下js中的位运算：1. "&" :与运算，转化为二进制数，如果相同位数都为1则得结果为1，否则为0；2. "|" :或运算，转化为二进制数，如果相同位数只要有一个为1则得结果为1，否则为0；3....
2020-05-27
js中apply()和call()的区别与用法实例分析
本文实例讲述了js中apply()和call()的区别与用法。分享给大家供大家参考，具体如下：每个函数都包括两个非继承而来的方法：apply()和call()。两者用途都是在特定的作用域中调用函...
2020-05-27
解决Layui选择全部,换页checkbox复选框重新勾选的问题方法
在项目中发现layui数据表格勾选复选框checkbox的时候，转到新的一页勾选，上一次的勾选不会选中，即没有记忆功能。导致跟后台交互传递参数不全问题。为了解决此问题，我们可以借助...
2020-05-27
layer插件select选中默认值的方法
再次更改代码的时候，因为城市下拉列表是从数据库查出来的，所以这时候就想到了一起以前用到的一个方法：select重新渲染就是把未渲染的元素该怎么设置值还怎么设置值，然后把layer...
2020-05-27
JavaScript中toLocaleString()和toString()的区别实例分析
本文实例讲述了JavaScript中toLocaleString()和toString()的区别。分享给大家供大家参考，具体如下：《javascript高级程序设计》解释：“toLocaleString()返回对象的字符串表示，该...
2020-05-27
layui点击导航栏刷新tab页的示例代码
layui的tab也默认是切换，不会刷新，想要达到点击导航栏刷新tab的功能只需在tab.js文件中将autoRefresh: false,改为true.以上这篇layui点击导航栏刷新tab页的示例代码就是小编...
2020-05-27
layui实现table加载的示例代码
js实现：layui.use(['table','form'], function() {$ = layui.jquery;table = layui.table;tableIns = initTable();});//加载列表function initTable(){// 执行渲染tableIns...
2020-05-27
JS中数组与对象的遍历方法实例小结
本文实例讲述了JS中数组与对象的遍历方法。分享给大家供大家参考，具体如下：一、数组的遍历：首先定义一个数组arr=['snow','bran','king','nightking'];1、for循环，需要知道数组...
2020-05-27
layui 表格的属性的显示转换方法
如下所示：layui.render({ url:'/xxxxx' ,cols:[[ {field:'status',title:'状态'} ]],done:function(res, curr, count){ //res 接口返回的信息 $("[data-field = '...
2020-05-27
layui table 参数设置方法
JSp：<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><% String path = request.getContextPath(); String basePath = request.getScheme() + "://"...
2020-05-27
vue升级之路之vue-router的使用教程
使用 Vue 构建的项目，一个页面是由多个组件构成的，而且经常是做成单页面应用，所以在跳转页面的时候，传统的 href 已经跟不上时代的步伐了，于是 vue-router 应运而生在使用 vue-ro...
2020-05-27
Layui 设置select下拉框自动选中某项的方法
1、 需求场景分析用户需要更改某一项活动的信息，活动信息中包含需要用下拉框选择的字段A。在用户点击进行修改弹出对话框的瞬间需要填补已有的活动信息，自动选择字段A已经存在...
2020-05-27
Node.js搭建WEB服务器的示例代码
前言
这几天为了熟悉vue.js框架，还有webpack的使用，就准备搭建一个发布和浏览markdwon的简单WEB应用。原本是想着用bash脚本和busybox的httpd来作为后台服务，但是bash脚本解析...
2020-05-27
layui 监听表格复选框选中值的方法
需要达到的目的：ajax()异步请求后台时，需要传入表格里复选框选中的id值注意：在渲染form on 方法的done里面加入done:function(res){ table_data=res.data; } 将复选框选中的值...
2020-05-27
jQuery仿移动端支付宝键盘的实现代码
最近做项目时碰到一个需求，就是在移动端支付页面点击支付按钮弹出一个支付键盘，类似于支付宝的那种。由于项目只是单纯的手机网站，而并非app，所以这个功能得由前端来实现。话不...
2020-05-27
解决layui中的form表单与button的点击事件冲突问题
layui的form表单位置和button标签的位置重合，会使得button的click事件得不到响应，如图：蓝色底为form的位置，“重新搜索”为<button>标签的位置，此时，button标签的click事件无法响...
2020-05-27
详解微信JS-SDK选择图片遇到的坑
有个需求要在微信企业号里面做开发，有个功能是选择图片，使用input标签肯定是不管用了，Android手机上不能多选，所以使用了微信的JS-SDK提供的相关API，这个地方真的是有坑，记录一下...
2020-05-27
layui结合form,table的全选、反选v1.0示例讲解
1、需要引入layui.css和layui.js2、html代码如下：<div class="layui-form"><table class="layui-table"> <thead> <tr> <td> <input type="checkbox" name="...
2020-05-27
浅谈微信JS-SDK 微信分享接口开发（介绍版）
本文主要是分享自己的开发过程，希望能给部分存在同样问题的朋友一点点帮助；最近项目中的网页通过微信分享朋友或朋友圈等功能出现了无法显示分享图片等信息，后经过排查发现是微...
2020-05-27
Bootstrap Table列宽拖动的方法
在之前做过的一个web项目中，前端表格是基于jQuery和Bootstrap Table做的，客户要求能利用拖动改变列宽，为了总结和备忘，现将实现的过程记录如下：1. Bootstrap Table可拖动，需要用到...
2020-05-27
解决Layui数据表格中checkbox位置不居中的方法
1、情景使用方法渲染的方式生成数据表格，添加了checkbox，但发现checkbox位置不居中，如下图所示2、解决办法通过layui官方社区，找到如下代码，只需要添加如下样式即可解决.layui-ta...
2020-05-27
详解redux异步操作实践
一、redux基础
redux 通过 dispatch(action) -> 中间件 -> reducer处理数据 -> 改变store -> 使用subscribe()监听store改变更新视图 的方式管理状态 将所有状态存储在一...
2020-05-27
layui中table表头样式修改方法
如下所示：layui.use('table', function () { var table = layui.table; table.render({ elem: '#desTable' , url: '${ctx}/alarm/queryEventShowScatter' , even: true...
2020-05-27
LayUI表格批量删除方法
一：监听复选框事件var checkedArr=[];table.on('checkbox(demo)', function(obj){if (obj.type=='all') return;if (obj.checked){checkedArr.push(obj.data.LAY_TABLE_INDEX...
2020-05-27
vue在手机中通过本机IP地址访问webApp的方法
vue中通过localhost:8080,就可以访问浏览项目，但是如果改成本机IP则会报错
通过localhost:8080访问效果通过本机IP显示效果如果想通过手机输入本机IP访问需要在package.json...
2020-05-27
layui radio性别单选框赋值方法
Html<div class="layui-inline"> <label class="layui-form-label">性别</label> <div class="layui-input-block"> <input type="radio" nam...
2020-05-27
layui获取多选框中的值方法
HTML：<input type="checkbox" name="standard" value="<?=$key;?>" <?=in_array($key, $standards) ? 'checked' : '';?> title="<?=$value;&...
2020-05-27
vue生命周期实例小结
本文实例分析了vue生命周期。分享给大家供大家参考，具体如下：每个Vue实例都存在完整的生命周期，经历从创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、销毁等一系列...
2020-05-27
layui中使用jquery控制radio选中事件的示例代码
勾选form.on('radio(yesHave)', function (data) { $("input[name='hasPrepaidVoucher'][title='有']").attr('checked',true); form.render();});取消勾选form.on('radio(n...
2020-05-27
对layui中表单元素的使用详解
首先不管是单选框还是复选框或者是下拉框，都要在你写的标签外面套一层div或者是form标签，如：<div class="layui-input-block"><input type="radio" name="sex" value="0" title...
2020-05-27
JS实现获取毫秒值及转换成年月日时分秒的方法
本文实例讲述了JS实现获取毫秒值及转换成年月日时分秒的方法。分享给大家供大家参考，具体如下：时间日期对象创建方式一var date=new Date();创建方式二 兼容性最强 推荐使用va...
2020-05-27
jQuery轮播图实例详解
本文实例为大家分享了jQuery轮播图实例的具体代码，供大家参考，具体内容如下1、html+css+js代码<!DOCTYPE html><html><head> <title></title> <style type="text/css"> *{ ma...
2020-05-27
解决Layui 表单提交数据为空的问题
坑的外观最近用了一段时间Layui作为项目后台管理模块的前端框架，感觉还是挺好用的。今天踩了个坑，就是使用layui表单提交时，提交的数据为空。例如，layer.msg(JSON.stringify(dat...
2020-05-27
基于JavaScript实现瀑布流布局
本文实例为大家分享了js实现瀑布流布局的具体代码，供大家参考，具体内容如下1、html+css+js代码：<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text...
2020-05-27
JavaScript中set与get方法用法示例
本文实例分析了JavaScript中set与get方法用法。分享给大家供大家参考，具体如下：1、get与set是方法，因为是方法，所以可以进行判断。2、get是得到 一般是要返回的 set 是设置 不...
2020-05-27
Vue自定义toast组件的实例代码
写了两三天，终于把toast组件写出来了。不敢说是最好的设计，希望有更好思路的朋友可以在评论区给我意见！_(:з」∠)_第一步：写toast.vue，将样式之类的先定下来<template> <div v-s...
2020-05-27
layui select获取自定义属性方法
在layui里面给了特定几个自定义属性title<select name="aa" lay-filter="sadaS"><option value="">请选择属性</option><option value="1" title="12.32">雪碧</option><opt...
2020-05-27
关于微信小程序bug记录与解决方法
微信小程序bug记录textarea1.textarea在模拟器上没有padding，可是在真机上会自带padding，而且在外部改不了，并且在安卓和IOS上padding还不一样
第一张图是在开发工具上的，第二...
2020-05-27
layui从数据库中获取复选框的值并默认选中方法
如下：<!doctype html><html lang="en"><head><meta charset="UTF-8"><title></title><link rel="stylesheet" type="text/css"href="../../../static/js/css/layui.css" rel=...
2020-05-27
React+Webpack快速上手指南(小结)
前言
这篇文章不是有关React和Webpack的教程，只是一篇能够让你快速上手使用目前这两种热门技术的前端指南，并假设你对两者有一个基本的认识。如果你想先行了解下React，可以放肆...
2020-05-27
Webpack 4.x搭建react开发环境的方法步骤
本文介绍了了Webpack 4.x搭建react开发环境的方法步骤，分享给大家，也给自己留个笔记必要依赖一览(npm install) 安装好。
"dependencies": { "babel-core": "^6.26.3", "bab...
2020-05-27
