- 博客(39)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 记一个flex与img罕见问题
img在flex盒子里，img设置宽度，img高度方向变形（不能等比缩放，高度为图片原始高度）；发生在部分ios机型上；查询资料显示safari也就是苹果系列会存在这个问题，原因由内核计算方式不一样；去掉flex属性；或者flex居中；...
2022-04-01 00:20:02
419
原创 记 hibernate 设置数据库字段 utf8mb4编码
@Column(name="xx", columnDefinition="VARCHAR(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci")xx字段在数据库中需要重新生成，才能够更改编码格式。
2019-09-05 11:25:28
1220
翻译 flex 弹性 扩展 收缩
弹性包含了扩展和收缩，但是在一些情况下只需要扩展或者收缩，我一般习惯性用flex:1，却遇到了一个只需要用收缩的需求，查了下flex的其它相关属性，也试了一遍，总结了一下：需要具有弹性盒子就设置flex:1，或者包含flex-shrink和flex-grow属性就能达到弹性盒子效果；需要具有扩展性盒子就设置flex-grow:1，当然比例自己协调；需要具有收缩性盒子不用说设置fl...
2019-07-19 10:34:51
966
翻译 小程序 template使用笔记
例：（index引用模版a）template需要创建两个文件 a.wxml, a.wxss// a.wxml 一个模版文件里面可以创建多个template，我在开发中arrow模版创建了nextArrow, backArrow<template name='a'> //此模版名称 a <view class='.v' bindtap='clickMe'>...
2019-07-18 16:51:07
148
翻译 小程序 flex布局中高度问题
在开发中遇到这么一个问题，子元素flex:1，导致了内部元素设置height:100%没有高度。导致问题原因：height:100%是在元素flex属性生效前计算的，生效前计算也就意味着还没有高度，最后导致height == 0解决方案：// html<view class='a'> <view class='b'></view>&...
2019-07-18 14:47:07
4701
翻译 小程序 Component使用 一
简洁版，详细参考api文档，例：index 要使用 组件ad。一，子组件中需要的配置：1.ad组件中 ad.json配置：{ "component": true}2.ad组件中ad.js使用 Component构造函数：Component({ options: {}, // 这个组件的配置 properties: { // 接收父组件传过...
2019-07-17 12:50:43
599
原创 IntelliJ IDEA 导出项目jar包
话不多说，直接上！打开 File > Project Structure > Artifacts添加一个 Artifact（ + > JAR > Empty）输入这个jar的name（'sampleName'），Name下面有这个jar包生成的路径（Output directory）在Output Layout中给这个sampleName....
2017-03-09 14:54:40
13755
6
原创 邻接矩阵
这次是做一个保存一个邻接矩阵到数据库里面。邻接矩阵分为顶点集和边集，即顶点的一维数组，和所有边的数组。那么就有两部分的数据结构，即顶点集和边集。如何连接各个顶点？将邻接矩阵放在坐标轴上，则x & y 是顶点数组的下标。边的位置则是（x,y）坐标。规定 是从 x->y。那么顶点数据结构就包括这个数组的下标index;{node,inde
2016-12-15 17:25:27
5423
翻译 sql创建数据库 & 授权
create database AkitaDatabase;grant all on AkitaDatabase.* to akita@localhost identified by 'akitahello';ALTER DATABASE `AkitaDatabase` DEFAULT CHARACTER SET utf8 COLLATE utf8_general_ci;烂笔头...
2016-10-17 15:03:06
377
原创 sql group by 的having 与 where
最近已经连续两次遇到group by的问题，这次是第二次，是where与having用法问题。在使用group by时where的作用是分组前筛选。也就是group by作用生效前，where会先排除掉不符合条件的数据。having的作用是分组后筛选。也就是分组后通筛选符合条件的分组。...
2016-09-30 16:39:26
319
原创 springMVC MultipartFile html5 多文件上传
Web端：1. form表单提交：<form enctype="multipart/form-data" method="post"> <input type="file" name="manyFiles" multipart id="manyFiles"/></form>2. js 提交方式：var files = $('#...
2015-12-18 16:17:34
3269
原创 File API 三
FileSystem API：给文件提供一个永久的存储空间，并提供了安全性和独立性。window.requestFileSystem(type, size, successCallBack, errorCallBack)//此方法请求访问浏览器沙箱保护的文件系统window.requestFileSystem = window.requestFileSystem || window...
2015-12-18 10:35:37
460
原创 File API 二
File API 包含 FileList 对象，FIle对象，Blob对象，FileReader对象。FileList表示用户选择列表，HTML5中是可以使用多文件。Blob对象有两个属性，size和type，File对象继承与Blob对象。通过type可以确定文件类型，比如判断图片文件类型：/image\/\w+/.test(file.type)FileReader把文件读入内存，并...
2015-12-18 09:56:16
497
原创 HTML5 indexedDB数据库二之索引查询和游标
接上一章：//创建查询函数function getDataByIndex(db, storeName) { var tx = db.transaction(storeName);//获取查询事务 var store = tx.objectStore(storeName);//查询并获得表 var index = store.index("name_index");/...
2015-12-17 00:42:38
4457
原创 HTML5 indexedDB数据库二之创建索引
接上一章：数据库版本更新时创建一个db：var mydb = { name:"myIndexeddb", version:1, db:null};//创建一个全局对象var stus = [ {id:1,name:"小A",age:18}, {id:2,name:"小B",age:21}, {id:3,name:"小C"...
2015-12-16 23:24:49
657
原创 HTML5 indexedDB数据库
HTML5新增了一种被称为"indexedDB"数据库，是一种存储在客户端本地的NoSQL数据库。三种事务：只读，读写，版本更新。适配浏览器：window.indexedDB = window.indexedDB || window.webkitIndexedDB || window.mozIndexedDB || window.msIndexedDB;window.IDBTran...
2015-12-16 20:59:20
423
原创 HTML5 本地数据库
1. 创建访问数据库的对象//名称、版本号、描述、大小空间var db = openDatabase("mydb", "1.0", "test db", 1024*100);//返回数据库的访问对象，如果不存在数据库则创建数据库2. 使用事务处理db.transaction(function(tx) { //sql语句，参数数组，成功的回调，失败的回调 ...
2015-12-16 19:45:15
341
原创 客户端数据存储 WebStorage 二
sessionStorage/localStorage数据保存方法（键值对，类似java的Map）：sessionStorage.setItem("key", value);localStorage.setItem("key", value);sessionStorage/localStorage数据读取方法：sessionStorage.getItem("key");//返回对应...
2015-12-16 19:06:38
339
原创 HTML5 File API 一
HTML5 File API 协议族Directories and System - 文件系统和目录读取FileWriter - 写入文件FileReader - 读取文件File API - 页面选择，文件处理
2015-12-16 18:28:34
356
原创 HTML5 页面编辑API之Range对象二
Range对象方法克隆：var r = document.createRange();r.selectNodeContents(node);var clone = r.cloneRange();//克隆Range对象var str = clone.toString();var contents = r.conleContents();//克隆内容div.appen...
2015-12-13 23:52:48
424
原创 HTML5 页面编辑API之Range对象
Range对象提供鼠标选取功能，通过Range对象可以获得选取的内容，以及选取的内容的个数。var s = document.getSelection();//此方法获得选中内容s,rangeCount;//获得选中个数s.getRangeAt(index);//获得第index个选中的内容var r = document.createRange();//获得Range对象...
2015-12-13 22:55:57
1062
原创 HTML5增强的页面元素
figure与figcaption元素，figcaption元素从属于figure元素，一个figure元素只能有一个figcaption元素，一般用于统计图等。details与summary元素，summary元素从属于details元素，一个details元素只能有一个summary元素，用于隐藏和显示详细信息。details对象拥有一个open属性，值为true/false，s...
2015-12-13 22:24:23
422
原创 HTML5 input元素新增和改良的类型与其js验证
url类型email类型date类型time类型datetime类型datetime-local类型month类型week类型number类型，有min最小值属性，max最大值属性，step自然增长大小，js：$("#numInput").value将获取到字符串数字，$("#numInput").valueAsNumber将获取到数字类型的数字range类型，...
2015-12-13 20:55:58
445
原创 HTML5 form表单新增
1. formaction属性，可以给多个submit按钮添加不同的提交地址；<input type="submit" formaction="url" />2. formmethod属性，给每个submit按钮添加提交方式；<input type="submit" formaction="url" formmethod="POST"/>3....
2015-12-13 00:14:11
613
原创 HTML5全局属性
contentEditable：值true/false，是否允许用户直接编辑给定标签显示的内容，获取焦点即可编辑，当没有这个属性时从父级继承下来，即父级元素可编辑自己也可编辑。designMode：只能在js中被修改和编辑，值为on/off，用于指定页面是否可被编辑；为 on 时所有支持contentEditable 属性的元素将都可编辑。hidden：用于隐藏元素，值true/fals...
2015-12-12 22:39:51
530
翻译 H5 HTTP协议推送 java
HTML5提供了EventSource基于http的推送，不像WebSocket那么复杂。js://初始化function start() { var es = new EventSource('xxxx.action');//参数为url链接，服务器执行推送的方法的链接 es.onopen = open; es.onerror = error; ...
2015-12-11 23:58:10
992
原创 Web 数据存储 localStorage sessionStorage
localStorage 本地存储，没有时间限制，sessionStorage 针对一个Session进行数据存储，浏览器关闭后自动清除，cookie比较：cookie不适合大量数据存储；由每个服务器请求来传递，使得cookie速度慢效率相对低；但cookie是可以设置保存时间的。直接调用localStorage可以调用localStorage对象if(localStorage...
2015-12-11 23:30:17
328
原创 Web Worker
web worker 是运行在后台的js，独立与其他脚本，不会影响页面的性能。web worker 是使用多线程，不会影响主线程的运行。声明（启动）一个worker:var w = new Worker('task.js');worker的三个方法：postMessage();onMessage();terminate();task.js文件中使用postMe...
2015-12-11 23:00:18
343
原创 HTML5 缓存
HTML5引入了应用程序缓存，意味着web应用可进行缓存，在没网的时候可以进行访问——离线浏览。启用应用程序缓存，在html标签加入manifest属性。Manifest文件的三个属性：CACHE，NETWORK，FALLBACK。CACHE：用于指定需要缓存的文件；NETWORK：用于指定不需要缓存的文件；FALLBACK：当前页面无法访问404的时候跳转
2015-12-11 22:24:49
419
原创 java springmvc 微信公众平台自动回复乱码问题
这个问题我在网上找了半天，最后是在一个例子中找到了解决方法：HttpServletResponse resp;resp.setCharacterEncoding("UTF-8");将HttpServletResponse的CharacterEncoding设置为UTF-8就行了例子链接：点击打开链接...
2015-10-28 23:05:26
3739
原创 angularjs 多个ng-app
最近开发的时候自己搭了一个自己需要的基础框架，在一个页面中需要加载多个ng-app，在网上搜了相关资料。在这整理一下，ng-app不能够嵌套包含，只能并列存在，angular会自动加载第一个ng-app，其余的都需要手动加载。在js中，申明多个module，其中放在html页面的第一个ng-app是不要手动加载，网上说是会报错。。下面是我框架的两个ng-app示例：var page = ...
2015-10-20 17:09:07
1409
原创 web前端开发神器WebStorm编辑器
WebStorm不仅可以针对html，还可以对一些常见的前端框架进行关联。先说说html，针对html代码的编辑器有很多。其他的比如：notpad++， sublime Text等等。我常用的就是sublime Text，现在基本上只用webStorm。webStorm是一款付费的软件，可以试用，我学习使用是在网上找的激活码。webstorm可以关联js框架及js变量等等，这是一般的编辑器没有的，...
2015-10-09 12:07:24
1267
原创 mac os x 端口转发（80）
苹果已不推荐使用ipfw，使用这个命令会报 command not found错误。刚开始本人也找了很久。mac os 端口在1024下的需要root权限才能访问绑定，访问80端口 可以进行端口转发。（注意：有路由器自行映射）通过网络层pfctl做网络层的端口转发。（注意，mac os 会通过80端口做网络文件分享，需要关闭。如何关闭这里不介绍）下面是本人使用Tomcat转发了80。将...
2015-08-30 14:22:59
3707
原创 springMVC MultipartFile file文件上传及参数接受
springMvc文件上传，首先两个基础，1。form表单属性中加上enctype="multipart/form-data"强调：form表单的<form method="post" ...，method必须有，我这里是用的是post，至于get行不行没试过，没有method="post"也会报不是multipart请求的错误。2。配置文件中配置MultipartResolve...
2015-08-10 00:21:56
154943
2
原创 常见正则表达式
下面是版主常用的几个正则表达式，分享一下，我也是刚学完正则表达式不久，欢迎评论。自然数（0≤）：\\d+小数（整数（负数））：(-|\\+)?\\d+\\.?\\d*东经度：\\+?(180\\.0{6,}|((1[0-7]\\d|[^0]\\d|\\d)\\.\\d{6,}))西经度：-(180\\.0{6,}|((1[0-7]\\d|[^0]\\d|\\d)\\.\\d{6,}...
2015-07-24 00:08:45
465
原创 hql语句，封装后的hql语句在分开查询or语句要加上括号
在 且 与 或 优先级比较中 且 的优先级是大于 或 的。addWhere("and o.age = ?", age);addWhere("and o.name like ? ", "%" + str + "%");addWhere("or o.stuNum like ?", "%" + str + "%");addWhere("or o.calssName like ?", "%...
2015-07-23 09:46:16
2097
翻译 Java字符串中英文识别
/*** 判断字符串是否为英文* @author shore* @date 20150701* @param str* @return*/public static boolean isCnorEn(String str) { for (int i = 0; i < str.length(); i++) { if(str.charAt(i) >=...
2015-07-18 23:20:45
1779
springmvc+mybatis逆向工程+例子
2015-09-10
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人