![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 54
尽力漂亮
世间皆苦唯有自渡,他人爱莫能助
展开
-
【nvm】
grunt环境搭建原创 2022-06-22 16:05:11 · 335 阅读 · 0 评论 -
layui切换状态:Layui的switch样式显示
效果:html //停运状态 var isStarted = ""; if (data.data[i].isStarted == 1) { isStarted = '<input type="checkbox" n原创 2021-06-21 10:54:49 · 1095 阅读 · 0 评论 -
HTML+VUE分页实现炫酷物联网大屏
效果demo.html<html> <head> <meta charset="UTF-8"> <title>数据大屏</title> <link rel="stylesheet" href="css/style.css" /> <script type="text/javascript" src="js/jquery-1.8.0.min.js"></script> <scrip原创 2021-05-20 14:13:16 · 1530 阅读 · 11 评论 -
VUE开发项目之动态树、数据表格、分页
tomcat结束不了,Could not contact localhost:8005原创 2019-09-28 16:47:46 · 322 阅读 · 0 评论 -
玩转uniapp_实战商城项目!
黑马商城实战项目项目搭建利用HBuilder X创建基本项目结构运行项目整理基本项目结构,并修改窗口外观"globalStyle": { "navigationBarTextStyle": "white", "navigationBarTitleText": "黑马商城", "navigationBarBackgroundColor": "#1989fa", "backgroundColor": "#F8F8F8"}配置tabbar创建tabbar对应原创 2020-11-27 13:20:15 · 2470 阅读 · 2 评论 -
layui刷新区别
刷新进首页与刷新局部layer局部刷新用location.reload(); 刷新进首页用window.parent.location.reload();原创 2020-11-20 16:50:04 · 150 阅读 · 0 评论 -
springboot+layui整合百度地图
文章目录前言新手版进阶版总结目标思路与步骤目标1:实现多个站点在地图上的显示目标2:显示站点的信息与实时数据卡点击标注出现layui的卡片样式目标4 百度地图窗体InfoBox打开当前窗体时关闭上一个窗体细节处理目标:遍历实时值前言为了让我们这种小白更好的理解这个技术点我分为新手版和进阶版来写这个博客新手版第一步: 注册百度账号,在http://lbsyun.baidu.com/apiconsole/key?application=key 页面申请密钥(AK)第二步: 页面引入第三步: 地图原创 2020-11-19 16:28:30 · 6273 阅读 · 12 评论 -
layui动态表格の单元格数据超标加样式改变
目标第一:根据因子是否超标来区分颜色(超标为红,别的都为黄色)第二:根据因子Flag来给那个问号图,N为正常,非N都要给table.init('monitorDataSearchTable', { height: 'full-230' //设置高度 //, limit: intPageNum// //支持所有基础参数原创 2020-11-17 14:57:44 · 906 阅读 · 0 评论 -
layui整合Echart 显示和隐藏div踩坑
layui整合Echart 显示和隐藏div踩坑错误写法:不能用普通的div $("#monitorDataSearchEchartDiv").attr("style", "display:none;");//隐藏div //显示echartsDiv $("#monitorDataSearchEchartDiv").attr("style", "display:block;");//显示div解决办法再套一层div,一层专门来显示div,里面div是表示echart控件原创 2020-11-17 09:41:19 · 928 阅读 · 0 评论 -
echart动态加载数据踩坑
问题动态加载series的name发现只有前两个成功因为我首先声明了两个series对象的变量,而其他没有声明的在赋值就没有显示解决方案在重新动态赋值的时候吧其他属性也写进去改造这一块...原创 2020-11-16 16:50:00 · 840 阅读 · 0 评论 -
你还不会用零基础的uniapp吗——uniapp快速搭建与跳转
学会搭建基础项目,如何建uni-app项目和运行第一步:创建项目第二步:简单实战,了解uni-app页面的搭建和跳转注意效果文章列表文章详情第一步:创建项目打开hbuilderX:文件→新建→项目选择uni-app → 默认模板 → 创建运行项目到浏览器第二步:简单实战,了解uni-app页面的搭建和跳转我们需要用到uni-app官方提供的组件,可以从官网下载Hello uni-app也可以使用HbuilderX创建项目选择Hello uni-app模板创建完Hello原创 2020-09-08 15:41:13 · 497 阅读 · 0 评论 -
layui的学习之路
1.页面元素之布局、颜色、图标2.动画、按钮、表单3.导航4.弹出层、日期和时间选择、即时通讯、分页原创 2020-04-29 17:37:14 · 545 阅读 · 1 评论 -
Layui页面元素之选项卡、进度条、面板、表格 、徽章、时间线、辅助元素
Layui页面元素之选项卡、进度条、面板、表格 、徽章、时间线、辅助元素效果demo选项卡、面板、时间线很重要效果demo<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Layui页面元素之选项卡、进度条、面板、表格 、徽章、时间线、辅助元素&l...原创 2020-05-06 11:16:58 · 860 阅读 · 0 评论 -
layui学习——弹出层、日期和时间选择、即时通讯、分页
目标demo<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>入门&全局CSS之概览&栅格系统</title> <!-- 新 layui 核心 CSS 文件 --> <link rel="styles...原创 2020-04-29 17:12:24 · 672 阅读 · 0 评论 -
layui学习——动画、按钮、表单
目标代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>layui导航学习</title> <!-- 新 layui 核心 CSS 文件 --> <link rel="stylesheet" href="layu...原创 2020-04-29 16:47:13 · 577 阅读 · 0 评论 -
layui学习笔记——导航
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>layui导航学习</title> <!-- 新 layui 核心 CSS 文件 --> <link rel="stylesheet" href="layuiadmin...原创 2020-04-28 17:31:36 · 756 阅读 · 0 评论 -
layui采坑——面包屑不显示
文章目录错误示范尝试解决重点代码解决错误示范错误示范:尝试解决报错意思是:elementjs找不到或者地址错误对了,还有一点就是,之前敲这行代码的时候,没有这个属性的提示页面上显示空白 是因为加了hidden;重点代码加上重点代码/正确写法 <script> layui.use('element', function() { var eleme...原创 2020-04-28 17:24:23 · 2378 阅读 · 4 评论 -
Layui学习——页面元素之布局、颜色、图标
Layui学习之路Layui页面元素之布局、颜色、图标Layui页面元素之布局、颜色、图标<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>入门&全局CSS之概览&栅格系统</title> <!-- 新 layui...原创 2020-04-27 16:51:31 · 2398 阅读 · 0 评论 -
Easyui(二)权限以及常见异常
文章目录1.思路:2、案例:二星权限设计(用户权限多对多)1.执行数据库脚本2. 建立实体类准备util包3. 创建dao4. 修改原有的dao5. 新增web的方法6. 新增登入界面,跳入前端树形菜单效果常见异常1.思路:1、菜单不同的原因在于,利用不同menuid进行查询,原本默认查询的是所有菜单,是通过-1去查的;2、menuid由来:是登录用户id查询中间表数据所得来的2、案例...原创 2019-07-30 22:46:55 · 246 阅读 · 0 评论 -
jQuery入门与插件、ajax数据交互
一.入门jQuery1.什么是jQuery2.jQuery优点3. hello jQuery4. jQuery三种工厂方法 (Demo2.jsp)4.2 jQuery(html) (demo3.jsp)4.3 jQuery(element) (demo3.jsp)1.什么是jQuery它是一个轻量级的javascript类库就是一个类“jQuery”,简写“$”2.jQuery优点2.1...原创 2019-07-27 21:25:48 · 372 阅读 · 0 评论 -
easyui增删改查
文章目录1. 前言1.1EasyUI是什么?1.2jQuery EasyUI有以下特点:2.案例:3. 布局1.2 layout1. 前言Easyui是非常老的前端框架,由于几乎能够满足开发过程中的所有需求,所以至今依然有公司在使用它,这里就用一篇博客来带大家入个门;1.1EasyUI是什么?jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的...原创 2019-07-28 20:20:44 · 707 阅读 · 0 评论 -
vue入门
Vue是一个构建用户界面(UI)的[渐进式]JavaScript框架2.库和框架的区别库(Library),本质上是一些函数的集合。每次调用函数,实现一个特定的功能,接着把控制权交给使用者代表:jQueryjQuery这个库的核心:DOM操作,即:封装DOM操作,简化DOM操作框架(Framework),是一套完整的解决方案,使用框架的时候,需要把你的代码放到框架合适的地方,框架会在合适...原创 2019-09-17 12:09:13 · 177 阅读 · 0 评论 -
vue模板语法(一)
1. 模板语法demo2.html1.1 插值1.1.1 文本{{msg}}1.1.2 html使用v-html指令用于输出html代码1.1.3 属性HTML属性中的值应使用v-bind指令1.1.4 表达式Vue提供了完全的JavaScript表达式支持{{str.substr(0,6).toUpperCase()}}{{ number + 1 }}{{ ok ? ‘...原创 2019-09-18 10:21:51 · 361 阅读 · 0 评论 -
Vue模板语法下
文章目录1. 样式绑定2. 事件处理器案例:防止事件冒泡 模拟qq发送聊天的功能3. vue表单4. 自定义指令下面的内容直接百度或查API即可5. vue组件1. 样式绑定1.1 class绑定使用方式:v-bind:class=“expression”expression的类型:字符串、数组、对象1.2 style绑定v-bind:style=“expression”expres...原创 2019-09-19 09:09:47 · 237 阅读 · 0 评论 -
vue模板语法(2)
文章目录1. 样式绑定2. 事件处理器案例:防止事件冒泡 模拟qq发送聊天的功能3. vue表单4. 自定义指令下面的内容直接百度或查API即可5. vue组件1. 样式绑定1.1 class绑定使用方式:v-bind:class=“expression”expression的类型:字符串、数组、对象1.2 style绑定v-bind:style=“expression”expres...原创 2019-09-19 09:14:14 · 126 阅读 · 0 评论 -
vue路由
文章目录1. SPA是什么2. SPA实现思路和技术点路由思路1、确保引入Vue.vue-router的js依赖2、首先需要定义组件(就是展示不同的页面效果)3、需要将不同的组件放入一个容器中(路由集合)4、将路由集合组装成路由器5、将路由挂载到Vue实例中6、定义锚点7、跳转完整案例const,let,var的区别1. SPA是什么单页Web应用(single page applicatio...原创 2019-09-19 17:00:15 · 148 阅读 · 1 评论 -
Node.JS环境搭建压缩包版配置环境详细
文章目录1. Node.js是什么2. npm是什么3. Node.js环境搭建4. NodeJS跑github别人托管项目1. 打开命令窗口2. 切换到d盘3. 进入指定目录4. 进行依赖安装 ## 命令执行完后,你会发现,项目的根目录下多了一个node_modules文件夹,5. 启动项目1. Node.js是什么1.1 Node.js是一个基于Chrome V8引擎的[Jav...原创 2019-09-20 11:31:15 · 1317 阅读 · 0 评论 -
ES6
文章目录let和const关键字对象定义简写模板字符串重点: 箭头函数let和const关键字<script> { let a = "测试中。。。"; var b = 'wxm'; console.log(a); console.log(b); } console.log("___________"); console.log(a); ...原创 2019-09-22 15:36:47 · 219 阅读 · 0 评论 -
SPA实现前后台分离之登录注册
文章目录1、用户登录注册布局,功能实现Login.vueReg.vueindex.jsApp.vuemain.jsaction.jshttp.js3、This 指针带来的变量污染解决一:先声明一下this全局变量解决二:ES6箭头函数4、 ajax 跨域问题 ,Vue工具类作用5、axios 的 get/post 的区别( qs )工具类的作用Post请求Get请求3,4,5点以完成功能为基础...原创 2019-09-27 11:49:10 · 3463 阅读 · 0 评论 -
SPA项目开发之首页导航+左侧菜单
文章目录目标1、mock.js模拟响应ajax请求安装mockjs依赖配置开发环境及生产环境mock的使用2、前台主界面的搭建3、退出功能4、左侧树收缩功能(vue总线的概念)目标1、mock.js模拟响应ajax请求安装mockjs依赖npm install mockjs -D #只在开发环境使用配置开发环境及生产环境为了只在开发环境使用mock,而打包...原创 2019-09-28 10:49:51 · 176 阅读 · 0 评论 -
SPA之表单验证+增删改查
文章目录课程目标1、表单验证2、增删改功能实现课程目标1、表单验证:rules=“rules” 详情见饿了么官网 <!-- 编辑界面 --> <el-dialog :title="title" :visible.sync="editFormVisible" width="30%" @before-close="closeDialog"> <el...原创 2019-09-30 15:00:33 · 308 阅读 · 0 评论 -
前端自学视频了解
https://www.jianshu.com/p/b5b4e9d7af4b原创 2019-10-10 16:53:44 · 168 阅读 · 0 评论 -
前端js实现打印(导出)excel表格
https://www.jianshu.com/p/9739eb60a472原创 2019-10-10 17:06:01 · 1019 阅读 · 0 评论 -
自定义MVC(增删改查)常见异常
框架半成品工具包,和分页包com.wxm.base;BeanDaopackage com.wxm.base;import java.lang.reflect.Field;import java.sql.Connection;import java.sql.PreparedStatement;import java.sql.ResultSet;import java....原创 2019-07-29 01:01:45 · 551 阅读 · 0 评论