5月12
vue模块化开发入门| 从0到1——使用vue.js2.0 + ElementUI开发BS后台管理系统
技术选型:
基于vue2.0脚手架的搭建
elementUI 框架 element-cn.eleme.io/#/zh-CN/com…
vueX状态管理
axios —— http封装+拦截器的使用
vue-router 路由使用
webpack简单配置
ES6语法
inconfont 矢量图应用
https://juejin.im/post/5ae3da516fb9a07a9e4cf7a8?utm_source=gold_browser_extension
技术选型:
基于vue2.0脚手架的搭建
elementUI 框架 element-cn.eleme.io/#/zh-CN/com…
vueX状态管理
axios —— http封装+拦截器的使用
vue-router 路由使用
webpack简单配置
ES6语法
inconfont 矢量图应用
https://juejin.im/post/5ae3da516fb9a07a9e4cf7a8?utm_source=gold_browser_extension
5月12
git clone https://github.com/freedomdebug/vue-element1.0.git
报错
解决
cd 目录
git init
git config http.postBuffer 524288000
git clone https://github.com/freedomdebug/vue-element1.0.git
搞定
[codes=c#]
D:\project\vue>git config http.postBuffer 524288000
fatal: not in a git directory
D:\project\vue>git init
Initialized empty Git repository in D:/project/vue/.git/
D:\project\vue>git config http.postBuffer 524288000
D:\project\vue>git clone https://github.com/freedomdebug/vue-element1.0.git
Cloning into 'vue-element1.0'...
remote: Counting objects: 83, done.
remote: Compressing objects: 100% (62/62), done.
remote: Total 83 (delta 14), reused 83 (delta 14), pack-reused 0
Unpacking objects: 100% (83/83), done.
[/codes]
报错
解决
cd 目录
git init
git config http.postBuffer 524288000
git clone https://github.com/freedomdebug/vue-element1.0.git
搞定
[codes=c#]
D:\project\vue>git config http.postBuffer 524288000
fatal: not in a git directory
D:\project\vue>git init
Initialized empty Git repository in D:/project/vue/.git/
D:\project\vue>git config http.postBuffer 524288000
D:\project\vue>git clone https://github.com/freedomdebug/vue-element1.0.git
Cloning into 'vue-element1.0'...
remote: Counting objects: 83, done.
remote: Compressing objects: 100% (62/62), done.
remote: Total 83 (delta 14), reused 83 (delta 14), pack-reused 0
Unpacking objects: 100% (83/83), done.
[/codes]
1月19
合并后字段顺序没有按照排序来怎么搞,,如下
[codes=c#]
GROUP_CONCAT(q.question order by q.createon asc,q.id asc SEPARATOR '&') AS question,
[/codes]
这样即可,其中SEPARATOR '&'是为了替换合并后的逗号,,不替换可以去掉
[codes=c#]
GROUP_CONCAT(q.question order by q.createon asc,q.id asc SEPARATOR '&') AS question,
[/codes]
这样即可,其中SEPARATOR '&'是为了替换合并后的逗号,,不替换可以去掉
12月23
莫让生命虚度,这一年做了很多事情,也经历了太多的惊心动魄,要感谢我的家人和父母,感谢命运让他们快乐安康,
这一年我要感谢所有帮助过我的人,希望他们和他们的家人健康快乐!
这一年我要感谢所有帮助过我的人,希望他们和他们的家人健康快乐!
12月8
html5中的GPS定位功能主要用的是getCurrentPosition, 该方法封装在 navigator.geolocation 属性里,是 navigator.geolocation 对象的方法。
getCurrentPosition()函数简介
getCurrentPosition(successCallback,errorCallback,positionOptions)
successCallback
表示调用getCurrentPosition函数成功以后的回调函数,该函数带有一个参数,对象字面量格式,表示获取到的用户位置数据。该对象包含两个属性 coords 和 timestamp。其中 coords 属性包含以下7个值:
accuracy:精确度
latitude:纬度
longitude:经度
altitude:海拔
altitudeAcuracy:海拔高度的精确度
heading:朝向
speed:速度
errorCallback
和 successCallback 函数一样带有一个参数,对象字面量格式,表示返回的错误代码。它包含以下两个属性:
1、message:错误信息
2、 code:错误代码。
其中错误代码包括以下四个值:
1、UNKNOW_ERROR:表示不包括在其它错误代码中的错误,这里可以在 message 中查找错误信息
2、PERMISSION_DENIED:表示用户拒绝浏览器获取位置信息的请求
3、 POSITION_UNAVALIABLE:表示网络不可用或者连接不到卫星
4、TIMEOUT:表示获取超时。必须在options中指定了timeout值时才有可能发生这种错误
positionOptions
positionOptions 的数据格式为JSON,有三个可选的属性:
1、enableHighAcuracy — 布尔值: 表示是否启用高精确度模式,如果启用这种模式,浏览器在获取位置信息时可能需要耗费更多的时间。
2、timeout — 整数: 表示浏览需要在指定的时间内获取位置信息,否则触发errorCallback。
3、maximumAge — 整数/常量: 表示浏览器重新获取位置信息的时间间隔。
getCurrentPosition()函数定位应用
[codes=c#]
[/codes]
点击按钮,就可以回提示是否获取当前位置,允许之后,可以获取你所在位置的经纬度!!doctype>
getCurrentPosition()函数简介
getCurrentPosition(successCallback,errorCallback,positionOptions)
successCallback
表示调用getCurrentPosition函数成功以后的回调函数,该函数带有一个参数,对象字面量格式,表示获取到的用户位置数据。该对象包含两个属性 coords 和 timestamp。其中 coords 属性包含以下7个值:
accuracy:精确度
latitude:纬度
longitude:经度
altitude:海拔
altitudeAcuracy:海拔高度的精确度
heading:朝向
speed:速度
errorCallback
和 successCallback 函数一样带有一个参数,对象字面量格式,表示返回的错误代码。它包含以下两个属性:
1、message:错误信息
2、 code:错误代码。
其中错误代码包括以下四个值:
1、UNKNOW_ERROR:表示不包括在其它错误代码中的错误,这里可以在 message 中查找错误信息
2、PERMISSION_DENIED:表示用户拒绝浏览器获取位置信息的请求
3、 POSITION_UNAVALIABLE:表示网络不可用或者连接不到卫星
4、TIMEOUT:表示获取超时。必须在options中指定了timeout值时才有可能发生这种错误
positionOptions
positionOptions 的数据格式为JSON,有三个可选的属性:
1、enableHighAcuracy — 布尔值: 表示是否启用高精确度模式,如果启用这种模式,浏览器在获取位置信息时可能需要耗费更多的时间。
2、timeout — 整数: 表示浏览需要在指定的时间内获取位置信息,否则触发errorCallback。
3、maximumAge — 整数/常量: 表示浏览器重新获取位置信息的时间间隔。
getCurrentPosition()函数定位应用
[codes=c#]
[/codes]
点击按钮,就可以回提示是否获取当前位置,允许之后,可以获取你所在位置的经纬度!!doctype>
12月8
对于手机网站建设,总结了如下几点注意:
1、 安卓浏览器看背景图片,有些设备会模糊。
用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢?
经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来显示网页,这样字会非常小,所以苹果当初就把iPhone 4的960640分辨率,在网页里只显示了480320,这样devicePixelRatio=2。现在android比较乱,有1.5的,有2的也有3的。
想让图片在手机里显示更为清晰,必须使用2x的背景图来代替img标签(一般情况都是用2倍)。例如一个div的宽高是100100,背景图必须得200200,然后background-size:contain;,这样显示出来的图片就比较清晰了。
代码可以如下:
background:url(../images/icon/all.png) no-repeat center center; -webkit-background-size:50px 50px; background-size: 50px 50px;display:inline-block; width:100%; height:50px;
或者指定 background-size:contain;都可以,大家试试!
2、图片加载
若您遇到图片加载很慢的问题,对这种情况,手机开发一般用canvas方法加载:
具体的canvas API 参见:http://javascript.ruanyifeng.com/htmlapi/canvas.html
下面举例说明一个canvas的例子:
<li><canvas></canvas></li>
s动态加载图片和li 总共举例17张图片!
var total=17; var zWin=$(window); var render=function(){ var padding=2; var winWidth=zWin.width(); var picWidth=Math.floor((winWidth-padding*3)/4); var tmpl =''; for (var i=1;i<=totla;i++){ var p=padding; var imgSrc='img/'+i+'.jpg'; if(i%4==1){ p=0; } tmpl +='<li style="width:'+picWidth+'px;height:'+picWidth+'px;padding-left:'+p+'px;padding-top:'+padding+'px;"><canvas id="cvs_'+i+'"></canvas></li>'; var imageObj = new Image(); imageObj.index = i; imageObj.onload = function(){ var cvs =$('#cvs_'+this.index)[0].getContext('2d'); cvs.width = this.width; cvs.height=this.height; cvs.drawImage(this,0,0); } imageObj.src=imgSrc; } } render();
3、假如手机网站不用兼容IE浏览器,一般我们会使用zeptojs。zeptojs内置Touch events方法,具体可以看http://zeptojs.com/#Touch events
看了一下zeptio新版的API,已经支持IE10以上浏览器,对zeptojs可以选择使用!
3月28
最近因为项目的原因有看一些winform的东西,推荐《Windows Forms 2.0 Programming》蛮不错,有英文版,有中文版,书蛮旧的,不过写的蛮好,读来几个章节,收益良多,如果有朋友正学习winform,也可以看看
3月28
生活有如一场梦一样,不曾清醒,如幻,好像带着头盔开着电驴走在昏黄路灯的马路上,与身边的人和车一一错过,放映机一般,如此的过着,不知不觉人已经到了一定年龄,确实感觉整个人生只干了那么几件事情,没数一会就,甚至喝口水脑子里就过了一遍,非常惶恐这时间的力量,让人不知不觉的增加了年龄,却未能更多沉淀,有出世之心,却一直干入世之事情,惆怅在错乱的abcd,流连在一个个虚虚的现实中,忍俊不禁……
3月14
最近项目繁杂,电脑各个版本的vs ide都装了一把,可发现想做sql跟踪时打开SQL Server Profiler,死活没窗口,任务栏有程序,没有window界面,无意间发现一个方法可以解决
1、在任务栏右键调出 任务管理器
2、在SQL Server Profiler进程上右键选择“最大化”
3、在最大化的窗体上最小化后还是发现程序无法在任务栏点开,,这个时候不要最下话,点击移动窗口,缩放后最小化程序运行正常
1、在任务栏右键调出 任务管理器
2、在SQL Server Profiler进程上右键选择“最大化”
3、在最大化的窗体上最小化后还是发现程序无法在任务栏点开,,这个时候不要最下话,点击移动窗口,缩放后最小化程序运行正常