自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 批量插入数据

drop procedure if exists pre; -- 如果存在先删除delimiter $$ -- 以delimiter来标记用$表示存储过程结束create procedure pre() -- 创建pre()存储方法beginDECLARE i int DEFAULT 12;declare n int DEFAULT 1;-- set i=7;-- se...

2020-04-08 11:24:56 31

原创 chrome浏览器书签同步设置

为了方便现场办公和远程办公谷歌收藏信息同步保存,便于查看,百度搜索到一篇设置书签同步的文档,亲测有效方便教程链接https://jingyan.baidu.com/article/bad08e1ec944dc09c85121c1.html安装问题记录:在进行扩展程序安装中出现crx类型扩展包安装提示无效扩展包​解决方法:1.把离线插件包crx文件改名,改为.rar...

2020-04-08 11:11:57 292

原创 Python基础知识

Python基础知识字符串常用方法查看字符串的支持    Dir(str) 查看帮助信息    Help(type(str)) 常用字符串方法Str=’ASFDasd’查看字符串的索引是第几位:str.index(‘D’)小写转换为大写  str.upper()大写转化为小写  str.lower()字符串是以A开头 str.startswitch(‘a’)   tru...

2018-11-18 21:39:55 85

翻译 Charles使用方法

Charles使用方法Charles介绍charles相当于一个插在服务器和客户端之间的“过滤器”;当客户端向服务器发起请求的时候,先到charles进行过滤,然后charles在把最终的数据发送给服务器;注意:此时charles发给服务器的数据,不一定是客户端请求的数据;charles在接到客户端的请求时可以自由的修改数据,甚至可以直接Block客户端发的请求;服务器接收请...

2018-11-07 17:05:42 113

转载 HTML5 Audio/Video 标签,属性,方法,事件汇总 (转)

标签属性:src:音乐的URLpreload:预加载autoplay:自动播放loop:循环播放controls:浏览器自带的控制条1 http://www.abc.com/test.mp3"controls> 标签属性:src:视频的URLposter:视频封面,没有播放时显示的图片preload:预加载autoplay:自动播放loop:循环播放controls:浏览器

2016-08-09 16:03:30 1584

转载 详细讲解HTML 5中视频和音频核心事件

【IT168 技术】HTML 5中的视频和音频中有不少核心的事件,其中有的比较容易理解,基本能从字面就解析了,比如“play”事件就很好理解。而其他有的事件则需要花费点心思,特别是“progress”事件。因此,在本文中,将带领读者研究HTML 5视频和音频中重要的事件,探究这些事件是应该在什么时候使用以及其中的重要相关属性。我们也将看下这些事件在当今不同浏览器中的差异。为了本文的测试,使用的浏览

2016-08-08 19:50:19 1581

原创 HTML5audio duration返回NaN问题及歌曲切换总时间改变问题

HTML5audio duration返回NaN问题使用JS写的话  我的解决方案:必须放到window.onload中

2016-08-07 21:01:05 6998 5

转载 前端开发知识点与面试题集锦

本文由我收集总结了一些前端面试题,初学者阅后也要用心钻研其中的原理,重要知识需要系统学习、透彻学习,形成自己的知识链。万不可投机取巧,临时抱佛脚只求面试侥幸混过关是错误的!也是不可能的!不可能的!不可能的!        前端还是一个年轻的行业,新的行业标准, 框架, 库都不断在更新和新增,正如赫门在2015深JS大会上的《前端服务化之路》主题演讲中说的一句话:“每18至24个月,前端都会

2016-08-03 21:07:28 2109

原创 3D轮播图

越努力越幸运-凡事老师*{margin:0px;padding:0px;}/*banner style*/.banner{width:989px;height:410px;margin:100px auto 0px;/*元素外边距*/position:relative;/*定位 相对定位 参照物*/}/*button style*/.banner .

2016-08-01 22:26:43 1394

转载 CSS3实现整屏切换效果

总是能看见很多广告或者网站都是使用整屏滚动的效果,一直看着都心痒痒,想自己也实现一个。最近刚学习到css3的动画效果,所以尝试使用css3做了一个整屏切换。页面结构实现思路与大众方法类似,如图 每个section就是一页内容,它的大小充满了屏幕(红色区域),一个container由多个section构成,我们通过改变container的位置,来达到页面切

2016-07-31 10:39:55 6325 1

原创 html css零散知识总结

1.      优先级问题#hot-keyworda,span{color:#999;margin-right:6px; }#hot-keyword.hot-words{color:#c00;}要想改变a链接中部分文字颜色,直接设置他的选择器.hot-words不行,因为上面的ID选择器优先级比下面的class选择器高,需要#hot-keyword .hot

2016-07-26 17:55:04 249

转载 JQuery在hover(in)状态下添加click事件的多次触发现象

[html] view plain copy>  html xmlns="http://www.w3.org/1999/xhtml">  head>  meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  title>event多次触发title>  style

2016-07-19 14:33:15 1634 1

原创 a嵌套img标签的问题:<img>元素底部为何有空白?

元素底部为何有空白?现代浏览器中,元素默认情况下底部会有空白,那么这个空白到底是从哪里来的?1、首先,标签是inline的,框模型是:行内框。行内框没有包含图片的表现,的标签就好像放在一条公路上一样。所以要使img能像放进一个盒子一样,就应该使用块级框:比如:display:block;/*或者*/display:inline-block;关

2016-07-15 21:47:11 4805

转载 CSS样式覆盖规则

大家都知道CSS的全称叫做“层叠样式表”,但估计很多人都不知道“层叠”二字的含义。其实,“层叠”指的就是样式的覆盖,当一个元素被运用上多种样式,并且出现重名的样式属性时,浏览器必须从中选择一个属性值,这个过程就叫“层叠”。样式覆盖(这种叫法更大众化些)遵循一定的规则,之前我对这个规则一直似懂非懂的,直到这几天看了”CSS: The Missing Manual”,才豁然开朗。下面是我的一些学习笔记

2016-07-11 21:54:34 297

原创 重设浏览器默认样式

一:html{background: #FFF;color: #000;}body{font: 12px/1.5 Arial,宋体;}*{margin: 0;padding: 0;}a{text-decoration: none;color: #333;}a:hover{text-decoration: underline;c

2016-07-07 09:04:54 1163

原创 瀑布流效果

原理:先固定一行有多少列,一列的宽度固定,然后后面的向上一行中高度最短的那列插入,直到所有的数据插入完无标题文档body {margin: 0;}#ul1 {width: 1080px; margin: 100px auto 0;}li { width: 247px; list-style: none; float: left; margin-right

2016-07-05 11:15:39 585

原创 JSONP实例

JSONP实例1:百度搜索下拉提示 百度搜索接口  注意cb为调用函数的名字(可以通过百度搜索中审查元素-network中查看)'http://suggestion.baidu.com/su?wd='+this.value+'&cb=maiov 无标题文档#q {width: 300px;height: 30px; padding: 5px; borde

2016-07-04 20:35:56 295

原创 JSONP

l  跨域的问题•      域:域名•      跨域请求(访问):一个域名下的文件请求另外一个域名下的资源,就产生了跨域l  跨域的解决•      Jsonp : json with padding window.onload = function() {                  //ajax跨域请求限制

2016-07-03 21:58:05 159

原创 Canvas实例-简易祖玛

*{margin:0;padding:0;}        body{background:black;}        #div1{background:white;width:600px;margin:20px auto;}                        window.onload=function(){            var oC=docume

2016-06-29 21:39:25 917

原创 HTML5之canvas5

body{ background:black;}#c1{ background:white;}window.onload = function(){         varoC = document.getElementById('c1');         varoGC = oC.getContext('2d');                  oGC.fil

2016-06-28 21:18:10 490

原创 HTML5之canvas4

body{ background:black;}#c1{ background:white;}window.onload = function(){    var oC =document.getElementById('c1');    var oGC =oC.getContext('2d');        oGC.fillRect(0,0,100,100);

2016-06-28 21:17:08 596

原创 从iAll中选择出iNow个数的随机函数

functionrandomArr(iAll,iNow){       var arr = [];       var newArr =[];       for(vari=0;i           arr.push(i);       }              for(vari=0;i           newArr.push(arr.splice( Ma

2016-06-28 10:18:44 213

原创 HTML5之canvas3

body{ background:black;}#c1{ background:white;}window.onload = function(){  var oC =document.getElementById('c1');  var oGC = oC.getContext('2d');  var yImg = new Image();  yImg.onload

2016-06-27 20:04:07 293

原创 HTML5之canvas2

无标题文档body{ background:black;}#c1{ background:white;}window.onload = function(){  var oC = document.getElementById('c1');  var oGC = oC.getContext('2d');  oGC.moveTo(200,200);  //弧度

2016-06-26 22:23:05 238

原创 HTML5之canvas基础

HTML5之Canvas1.  Canvas默认的宽度为300px,高度为150px2.  要在标签上设置宽高 不然样式中的宽高是在原来比例上进行等比例缩放的3.  一般边框多出来一像素的原因:从开始的点向左,向右边分别延伸0.5像素,计算机会自动补为1px,所有看到的为2px当把开始的点设置为带0.5px的点,画出来的边框就为1px4.  填充样式和边框样式的绘制顺序会影响显

2016-06-26 21:45:08 208

原创 HTML5之Web Workers

l 什么是worker?•     JS的单线程(放入UI队列的个数,利用定时器解决)•     可以让web应用程序具备后台处理能力,对多线程的支持非常好。l WorkerAPI•     newWorker(‘后台处理的JS地址’)•     利用postMessage传输数据•     importScripts(‘导入其他JS文件’) 后台的js文件中能执行

2016-06-26 20:08:20 270

原创 HTML5之离线存储

applicationCache l 离线应用是什么?•     乘坐飞机、手机信号弱、去演讲的时候,可能没有网络,这个时候就可以采用离线应用。•     离线存储如何工作的?•                l 离线存储的好处?•     没网的时候,可以正常访问•     快速相应页面,不必用多个HTTP占用资源带宽缓存的可以是任何  l 搭建离

2016-06-25 21:39:11 1448

原创 HTML5之Ajax跨域的问题和处理

请求的文件与当前的文件不在同一域下,ajax跨域请求 (1)         标准浏览器下:后端对访问源进行控制:设置一下:设置访问该资源的域   window.onload =function() {              /*       在标准浏览器下,XMLHttpRequest对象已经是升级版本,支持了更多的特性,可以跨域了

2016-06-25 19:40:36 3776

原创 HTML5之窗口间通信

准备工作:虚拟主机相关配置  同域下窗口间通信的二种方式:1.iframe  2 window.open 同域下的窗口通信方式一:iframe1.    iframe.html(1)      父级页面(1.iframe.html)通过点击按钮改变子级页面(2.iframe.html)的背景颜色/*我们可以通过js去访问被包含页面的DOM元素*/

2016-06-25 19:37:33 5552

原创 HTML5培训第16节课堂笔记

HTML5培训第16节课堂笔记多媒体专题:1.       拍照:(1)       调用系统接口var cam=plus.camera.getCamera(1);//number值 1 前置 (2)       拍照拍照:var cam=plus.camera.getCamera(1);                        cam.captureImag

2016-06-03 22:30:15 530

转载 localStorage存值取值以及存取JSON,以及基于html5 localStorage的购物车

localStorage.setItem("key","value");//存储变量名为key,值为value的变量     localStorage.key = "value"//存储变量名为key,值为value的变量     localStorage.getItem("key");//获取存储的变量key的值www.it165.net     localStorage

2016-05-29 09:57:14 1481

转载 html5本地存储localStorage 存储json对象存储格式问题

html5本地存储localStorage 存储json对象存储格式问题localStorage.setItem(att)会自动将att存储成字符串形式,如:var arr=[1,2,3];localStorage.setItem("temp",arr);typeof localStorage.getItem("temp");会返回StringlocalStorage.getI

2016-05-28 21:56:13 7334 1

转载 跨平台移动APP开发进阶(三)hbuilder+mui mobile app 开发心酸路

1.问题描述:在实现图片轮转时,若将mui("#slider").slider({interval: 5000});置于图片加载之前,图片不会显示,解决措施:将其置于图片显示之后才会显示。 2.问题描述: 同上面的问题,会遇到报指针为null的异常。若要获取一个组件的id,可能带获取的组件还未加载,导致获取失败

2016-05-26 09:53:25 2407

转载 跨平台移动APP开发进阶(二)HTML5+、mui开发移动app教程

前端开发APP,从HBuilder开始~序通过 HTML5 开发移动App 时,会发现HTML5 很多能力不具备。为弥补HTML5 能力的不足,在W3C 中国的指导下成立了www.HTML5Plus.org组织,推出HTML5+规范。 HTML5+扩展了JavaScript 对象plus,使得js 可以调用各种浏览器无法实现或实现不佳的系统能力,设备能力如摄像头、陀

2016-05-26 09:51:40 2661

转载 跨平台移动APP开发进阶(一)mui开发注意事项

mui开发注意事项Mui HTML5开发框架mui是一个高性能的HTML5开发框架,从UI到效率,都在极力追求原生体验;这个框架自身有一些规则,刚接触的同学不很熟悉,特总结本文;想了解mui更详细的信息,请访问mui官网。DOM结构关于mui页面的dom,你需要知道如下规则:固定栏靠前所谓的固定栏,也就是带有.mui-bar(类选择器)属性的节点,都

2016-05-26 09:49:59 1609

转载 MUI之父页面刷新

最近国产的MUI框架做个小项目,MUI是一个很好的前端框架,提供了很多非常好的控件和DEMO。页面间传值是开发中经常要涉及到的,MUI为页面传值提供了几个方案,frie、evaljs、extras等,都可以进行页面间传值。今天做一个登陆页面的时候,需要刷新父页面,查看了MUI的官方文档后,选择用fire方法,主要思路是:1、在子页面初始化时,注册beforeback方法;

2016-05-26 09:43:06 8164

原创 HTML5培训第15节课堂笔记(HTML5+maps,geolocation)

HTML5培训第15节课堂笔记1.地理信息定位:window.onload=function(){        mui.plusReady(function(){           plus.geolocation.getCurrentPosition(function(p){               latitude=p.coords.latitude;

2016-05-19 21:14:12 2083

原创 HTML5培训第14节课堂笔记(列表滑动删除的实现、侧滑菜单的生成)

HTML5培训第14节课堂笔记 1.列表滑动删除的实现:(1)li要改造                                       删除                                                         新闻标题1                                  

2016-05-13 20:36:11 4547 1

原创 HTML5培训第13节课堂笔记(mui绑定事件、预加载页面传值、懒加载、tabbar的切换)

HTML5培训第13节课堂笔记1.mui绑定事件:mui("#list").on("tap","a",function(){              });  .on( event , selector , handler )eventType: String需监听的事件名称,例如:'tap'selectorType: String选择器han

2016-05-13 20:20:59 5299

原创 HTML5之拖放

HTML5之拖放 l  拖放事件•     draggable:–    设置为true,元素就可以拖拽了•     拖拽元素事件 : 事件对象为被拖拽元素–    dragstart , 拖拽前触发–    drag ,拖拽前、拖拽结束之间,连续触发–    Move的区别,move移动才触发,drag在开始到结束时(鼠标抬起)一直触发,不管移动–

2016-05-13 16:31:39 247

提示
确定要删除当前文章?
取消 删除