- 博客(68)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 微信小程序flexbox弹性容器
https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/event.html 微信小程序的样式文件是以wxss结尾的文件。 1）在微信小程序基本都是使用rpx的像素单位（弹性布局也叫自适应布局，可以根据屏幕的大小弹性缩放，即横屏、竖屏布局的屏幕大小将会发生改变） HTML也有弹性单位rem，微信小程序不能使用rem，通过rpx代替 在微信小程序也可以使用px的像素单位，px像素单位是固定的，不会...
2020-11-06 09:30:10
793
1
原创 vuex中的modules的模块化使用
vuex中的modules的模块化使用 【1】在vuex中将组件模块化，新建mainModules.js模块 1)开启模块内部的action、mutation、getter都会被注册在全局命名空间内，俗话就是注册成全局的 2)在模块中，state 是被限制到模块的命名空间下，需要命名空间才能访问。 3)actions 和mutations, 其实还有getters 却没有被限制. // 通过添加namespaced将actions,mutations,getters限定在模块命名空...
2020-11-06 09:22:12
2361
原创 VUE脚手架安装
VUE脚手架--VUE CLI 1）Node.js: javascript运行环境(runtime 【1】Vue开发环境：),不同系统直接运行各种编程语言 2）npm: Nodejs下的包管理器。 3）webpack: 它主要的用途是通过 CommonJS 的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。 4）vue-cli: 用户生成Vue工程模板 注意关于VUE CLI脚手架不用重复安装，vue -V检查VUEVUE CLI脚手架是否安装，如果曾经安装过需要先.
2020-11-06 09:13:41
434
原创 ElementU数据表格用计算属性动态绑定图片
ElementU数据表格用计算属性动态绑定图片 我使用的ElementUI的数据表格，根据数据不同切换、绑定不同的图片。注意由于无法直接读取图片路径，因为webpack在打包的过程中会把url解析成一个字符串 【1】可以require()读取 【2】也可以通过import img from '@/assets/images/*'导入 【3】将图片放在静态目录可以直接通过路径读取（webpack不会处理静态目录的文件） <template> <!-- 这个图片可以直接显...
2020-11-06 09:08:45
470
原创 Nodejs的安装与环境配置
Node.js: javascript运行环境(runtime),不同系统直接运行各种编程语言 【1】验证Nodejs安装 Nodejs安装成功，文件夹结构如下，并在上面安装过程中已自动配置了环境变量和安装好了npm包，此时可以执行 node -v 和 npm -v 分别查看node和npm的版本号： 【2】配置npm在安装全局模块时的路径和缓存cache的路径 因为在执行npm installxxxx -g的安装过程的缓存文件以及最终的模块配置位置等命令全局安装的时候，默认会将模块安装..
2020-11-06 09:05:18
10345
2
原创 毕业实习（调查）报告
这一次实习是我今年毕业最感慨的一部分，以前一提起毕业，我的心里就很慌张，因为对于这一切的未知，都难免让人过于恐惧。但是现在经历了这一次实习之后，我的心中也多了一些笃定，多了一些坚强。我想这对于我个人而言，是一件非常有意义的事情，实习的这段经历教会了我坚强，也教会了我如何去做一个独立的个体，这些都是我在学校无法学习到的，在此次实习当中，我很荣幸的收获了许多，也在原有的基础上有了一些成长，虽然成长过程是十分艰辛与痛苦，但是收获喜悦让我对人生的理想与目标又更加坚定。我坚信努力总是有回报的。 虽说我们在学校学习过
2020-10-09 11:26:03
1026
原创 私人网盘
写了个属于自己的网盘~！！！！！！！！！！！！ 框架：SpringBoot+SpringMVC+Mybatis+vue.js+Mysql 目 录 项目功能模块介绍 2 1.0登录与注册 2 2.0主界面 2 2.1全部文件 2 2.2我的音乐 3 2.3我的视频 4 2.3我的图片 5 3.0分享文件 6 4.0个人信息 8 项目功能模块介绍 1.0登录与注册 2.0主界面 2.1全部文件 全部文件主要包括以下一点 全部文...
2020-10-06 14:58:28
826
原创 使用SpringSecurity定义的登录认证
太久没有发过博客，总结一波SpringSecurity登录认证，记录每次的学习体验。。。。。。。。。。 实现WebSecurityConfigurerAdapter 配置安全框架 //@EnableWebSecurity 的 JavaConfig 配置类到 IoC 容器 @EnableWebSecurity // 启用方法级别的权限认证@EnableGlobalMethodSecurity(prePostEnabled = true) public class SpringSecu...
2020-09-29 11:29:00
1309
原创 mybatis3通过注解provider进行动态sql
Mybatis基于注解方式实现CRUD（增删查改）操作，相较于传统的XML方式，能有效地简化代码，并更有利于代码维护，且可读性更高！ 一般使用注解实现简单的SQL进行增删查改是十分方便的，但是如果需要动态绑定参数，就需要结合xml的标签嵌入。 如批量删除 // @Delete("DELETE FROM s_userspacedetail where userSpaceDetailId in (#{strID})") 该方法只能删除一个@Delete("<script>"+"DELET.
2020-08-28 10:34:02
1236
原创 ElementU数据表格用计算属性动态绑定图片
ElementU数据表格用计算属性动态绑定图片 我使用的ElementUI的数据表格，根据数据不同切换、绑定不同的图片。注意由于无法直接读取图片路径，因为webpack在打包的过程中会把url解析成一个字符串 【1】可以require()读取 【2】也可以通过import img from '@/assets/images/*'导入 【3】将图片放在静态目录可以直接通过路径读取（webpack不会处理静态目录的文件） <template> <!-- 这个图片可以直接显...
2020-07-30 09:27:19
1046
原创 VUE的计算属性computed
计算属性computed ：计算属性computed定义起来像方法，用起来像普通属性一样，是在模板中绑定计算属性的，当data中对应数据发生改变时，计算属性的值也会发生改变。 Methods：methods是方法，只要调用它，函数就会执行。 相同：两者达到的效果是同样的。 不同：计算属性是基于它们的依赖进行缓存把数据存储到内存中，减少不必要的请求。只有相关依赖会发生改变时才会重新子组件的data赋值。只要相关依赖未改变，只会返回之前的结果，不再执行函数 <body>...
2020-06-20 20:11:21
669
原创 VUE的常用指令
VUE的常用指令 Vue中的数据绑定三种方式： 1）插值，也就是{{name}}的形式，以文本的形式和实例data中对应的属性进行绑定 2）v-bind： 3）v-model： 【1】v-model 双向绑定数据 1）主要是用在表单元素中，它实现了双向绑定。 2）v-model建立的双向绑定对输入型元素input, textarea, select等具有优先权，会强制实行双向绑定 3）如向input输入数据，改变input值同时也改变视图data的值 <!DOCTYPEhtm..
2020-06-08 18:41:46
737
原创 Android之Handler非主线程更新UI
Android之Handler非主线程更新UI 1)Handler是Android SDK来处理异步消息的核心类。 2)子线程与主线程通过Handler来进行通信。子线程可以通过Handler来通知主线程进行UI更新 主线程：Main Thread,又叫UI线程（UI Thread）。Android应用执行的线程，所以叫主线程。负责分发事件到合适的UI窗口,也是应用和Android UI套件交互的线程。所以叫UI线程。 ANR：应用无响应(application not respondin...
2020-05-28 14:09:23
729
原创 android之okhttp实现上传文件带进度条
android之okhttp实现上传文件带进度条 【1】封装okhttp public class OkHttpTool { //日志标志private static String TAG = "OkHttpTool"; //OkHttpClient类private static final OkHttpClient myOkHttpClient; static { //========日志拦截器=========//Log拦截器...
2020-05-18 17:07:50
3434
原创 android四大组件之ContentResolver读取手机音乐文件
//就像查询数据库 Cursor cursor = query(RI uri,String[]projection,String selection ,String[]selectionArgs,String sortOrder) uri： 指定要查询数据库的名称表名 proection： 要查询数据库的字段名集合，null为返回所有字段信息 selection：...
2020-05-08 13:13:47
2066
4
原创 Mybatis返回int类型为空时报错
Mybatis返回int类型为空时报错 attempted to return null from a method with a primitive return type (int） /** * //查询上传文件是否存在 * @paramfileMD5 * @paramuserID * @paramfileUrl * @return */ @Select...
2020-04-28 16:41:18
1494
原创 JavaScript中数组的操作
JavaScript中数组的操作 JavaScript的数组是可以直接进行增删查改，非常好用、方便。 【1】数组的创建 //创建一个数组 var arrayObj = new Array(); //创建一个数组并指定长度，注意不是上限，是长度。 要说明的是，虽然第二种方法创建数组指定了长度，但实际上所有情况下数组都是变长的，也就是说即使指定了长度为5，仍然可以将元素存储在规定长...
2019-08-17 19:56:12
2174
1
原创 layui弹出层之layer.open弹出iframe窗口·
layui弹出层之layer.open弹出iframe窗口· layer.open弹出iframe窗口 【1】该功能为案例，弹出iframe窗口显示上传数据 由于layui的弹出层每次执行layer.open({})都会弹出新的iframe窗口，它不会帮你判断是否弹出相同的iframe窗口，使用只能自己手动判断，禁止在已有iframe窗口下，再次使用layer.open({})创建...
2019-08-16 16:07:29
37653
1
原创 XMLHttpRequest对象读取上传文件数据显示进度条
XMLHttpRequest对象读取上传文件数据显示进度条 随着本人技术的不断提升，上传功能当然不能随便一选择就上传了，还是需要一些花里花俏的样式修饰修饰。 一开始我写的是所有文件一次性提交，但是因为异步提交数据的问题，会干扰到获取数据的顺序，导致数据错乱，所以我采用将数据一条一条的提交，这样获取的上传数据才不会乱 <fieldset class="layui-elem-f...
2019-08-08 10:52:08
1095
原创 Location 对象实现跨页面传递参数与地址栏的处理
Location 对象实现跨页面传递参数与地址栏的处理 【1】Location 对象简介 Location 对象包含有关当前 URL 的信息。 Location 对象是 Window 对象的一个部分，可通过 window.location 属性来访问。 1）Location 对象属性 location.host // 设置或返回主机名和当前 URL的端口号 loca...
2019-08-05 08:24:51
2719
原创 JavaScript对二进制文件操作之Blob对象
JavaScript对二进制文件操作之Blob对象 文件操作一直是早期浏览器的痛点，全封闭式，不给JS操作的空间，而随着H5一系列新接口的推出，这个壁垒被打破。对，是一系列接口，以下会涉及到如下概念：Blob、File、FileReader、ArrayBuffer、ArrayBufferView、DataURL等，其他如FormData、XMLHttpRequest、Canvas等暂不深入。 ...
2019-08-05 08:11:51
4292
原创 分页思想手写轮播
分页思想手写轮播 我突然发现样式也是一门很重要的学问，至少我不是很擅长。搞了老两天才调试出勉强让我满意的样子，真的有点心塞！ 注意下面的轮播才是重点 <style type="text/css"> .video{ margin: 10px auto; width:1150px; } .VideoName{ font-size: 20...
2019-07-27 09:15:42
227
原创 Web音乐播放
Web音乐播放 最近做了个音乐播放的功能模块，只要给标签添加一个src读取项目里的音乐文件就能进行播放，如 loop:循环播放； autoplay:打开页面自动播放； controls=“controls” 向用户显示控件，比如播放按钮。 【1】简易的音乐播放 当然项目不可能做得那么简陋，我的目标是模仿网易云播放器 这是html5标签原生的样式有点丑，也不符合要求，只能自己去手写 【2】手...
2019-07-26 21:31:27
5362
1
原创 Java实现后台接收传递数组参数
Java实现后台接收传递数组参数 前台与后台数据交互一般都是将参数数据转换为json格式--进行传递，而且java的后台只能接收字符串类型的请求参数，接收后才进行类型的转换。 【1】将数组参数转换为json格式传递 前台： function delAll(){ var checkStatus = table.checkStatus("tabVideoInfo...
2019-07-17 21:40:54
14531
2
原创 input[type="file"]上传文件原理详解
input[type="file"]上传文件原理详解 最近又搞了一下上传文件功能，用别人的插件不大符合自己要求，还是用HTML5的input[type="file"]比较好控制，现在重新回顾一下使用input[type="file"]上传文件 【1】修改input[type="file"]的样式 我个人感觉input type=file的样式有点丑，还是修改修改 <a type=...
2019-07-17 09:52:07
62277
9
原创 iframe之父、子页面互相传递数据
iframe之父、子页面互相传递数据 最近开发项目越来越有感觉，又弄了个新知识点与大家分享分享 <!DOCTYPE html> <html class="x-admin-sm"> <head> <meta charset="UTF-8"> <title>我是父页面</title> </hea...
2019-07-11 20:49:46
7022
1
原创 巧用sessionStorage切换layui的操作按钮
巧用sessionStorage切换layui的操作按钮 最近用layui做了一个项目，其中有个模块就是切换layui的操作按钮，因为第一次用layui不大熟，慢慢调试终于搞出来，到达任意切换的效果。 【1】其他那些表格数据绑定就不写了，直接进入主题。 1）可以通过obj这个回调函数获取点击操作按钮的该行数据 var i=0; //2-2加载监听工具条 f...
2019-07-08 09:05:39
2214
原创 Layui获取表格数据与java实现多删除问题
Layui获取表格数据与java实现多删除问题 【1】绑定数据表格 //1-页面数据加载 $(function () { console.log(music.volume ); //【1】加载&初始化layui模块 layui.use(["layer", "table",], function () { ...
2019-07-07 20:29:30
1027
原创 Java实现数据新增获取自增ID
Java实现数据新增获取自增ID 有时候因为新增的需求需要获取刚刚新增的数据的自增的主键ID，可以使用使用 PreparedStatement.RETURN_GENERATED_KEYS（关键看你使用哪个接口与数据库交互，都有RETURN_GENERATED_KEYS这个方法）可以获取刚刚插入自增ID值。 【1】例如： ps=con.prepareStatement(sql,Prepare...
2019-07-07 08:26:57
18648
1
原创 js通过base64编码显示图片
js通过base64编码显示图片 base64简单地说，它把一些 8-bit 数据翻译成标准 ASCII 字符，我们把图像文件的内容直接写在了HTML 文件中，这样做的好处是，节省了一个HTTP 请求Data URI scheme。 Data URI scheme是在RFC2397中定义的，目的是将一些小的数据，直接嵌入到网页中，从而不用再从外部文件载入。 Data URI sche...
2019-06-27 09:36:05
34748
4
原创 Java存储图片到Mysql
Java存储图片到Mysql 【1】视图层 <link href="${ctx}/Content/layui/css/layui.css" rel="stylesheet" /> <form class="layui-form" id="fruserInfor" method="post" enctype="multipart/form-data" action...
2019-06-27 09:09:00
1790
原创 Java实现Layui的form表单动态绑定下拉框
Java实现Layui的form表单动态绑定下拉框 【1】视图层 <link href="${ctx}/Content/layui/css/layui.css" rel="stylesheet" /> <form class="layui-form" id="fruserInfor" lay-filter="layform">...
2019-06-24 19:46:41
4562
1
原创 JavaWeb使用layui实现分页
JavaWeb使用layui实现分页 【1】视图层 <link href="/Content/layui/css/layui.css" rel="stylesheet" /> <div class="layui-card-body layui-table-body layui-table-main"> <table class="layui-...
2019-06-17 19:47:09
4370
原创 HTML5 Web 存储-localStorage和sessionStorage
HTML5 Web 存储-localStorage和sessionStorage 1）HTML5 Web 存储实际上是Cookies存储的进化版 2）HTML5 Web 存储是本地存储，存储在客户端，包括localStorage和sessionStorage。 3）HTML5 Web 存储是以键/值对的形式存储的，通常以字符串存储。 【1】localStorage-本地存储 1）l...
2019-06-17 08:14:25
598
原创 javaWeb上传文件
【1】视图层 1）表单method 必须为post 2）设置form标签的enctype属性为multipart/form-data 如果没有设置enctype浏览器是无法将文件自身传递到服务端 <form method="post" enctype="multipart/form-data" action="#"> <table><tr>&l...
2019-06-15 11:38:15
734
原创 原型:_proto_或者prototype都是原型对象
原型--->_proto_或者prototype都是原型对象 【1】实例对象中有个属性，_proto_,也是对象，叫原型，不是标准的属性，浏览器使用的（每个浏览器的支持不同，导致结果不同，所以不标准） 【2】构造函数中有一个属性，prototype，也是对象，叫原型，是标准属性，程序员使用 原型的作用：共享数据，节约内存空间 构造函数、prototype、__proto__三者...
2019-06-09 16:18:08
1523
原创 JS继承
JS继承 继承,类与类之间的关系,面向对象的语言的继承是为了多态服务的,js不是面向对象的语言,但是可以模拟面向对象.模拟继承.为了节省内存空间 Js实现继承的方式 1）原型继承:改变原型的指向 2）借用构造函数继承:主要解决属性的问题 3）组合继承（原型继承+借用构造函数继承）:既能解决属性问题,又能解决方法问题 注意原型作用: 数据共享，达到继承的效果 ，目的是:为...
2019-06-09 16:04:00
250
原创 Filter过滤器
Filter过滤器 【1】概念 Web过滤器：当访问服务器的资源时，过滤器可以将请求拦截下来，完成一些特殊的功能 过滤器的作用： 一般用于完成通用的操作，如： 登录验证（因为有些数据必须经过登录才能看见，可以通过过滤器将请求拦截下来判断） 统一编码处理 敏感字符过滤 ........ 【2】简单Filter过滤器入门 1） 步骤： 1....
2019-06-07 15:52:46
322
原创 Cookie
Cookie 会话技术简介 1. 会话：一次会话中包含多次请求和响应。 一次会话：浏览器第一次给服务器资源发送请求，会话建立，直到有一方断开为止 2. 功能：在一次会话的范围内的多次请求间，共享数据 3. 方式： 1. 客户端会话技术：Cookie 2. 服务器端会话技术：Session -------------------------...
2019-05-26 19:07:35
181
原创 Session
Session 【1】session简介 1）session是服务器端会话技术，在一次会话的多次请求间共享数据，将数据保存在服务器端的HttpSession对象中。 2）session就是一系列某用户和服务器间的通讯。服务器有能力分辨出不同的用户（通过标识号sessionID）。 3）session的建立是从一个用户向服务器发第一个请求开始，而以用户显式结束或session超时为结束...
2019-05-26 19:01:43
243
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人