- 博客(15)
- 收藏
- 关注
原创 vue2.x全方位解析-唐向荣-专题视频课程
vue是火的前端开发框架,本课程从基础的es6语法过渡到vue的课程中,在vue课程涵盖vue及目前使用广的前端打包工具webpack,vue的脚手架工具vue-cli,官方插件vue-router、vuex、vue-resource,项目中常用的第三方插件:axios、vue-lazyload、vue-awesome-swiper、json-server、mocks.js.和2个项目案例....
2017-05-27 13:52:54 357
原创 使用border-radius绘制椭圆
border-radius总共接受8个值,前4个为水平方向上的值,后4个为垂直方向; border-radius: 50px 50px 50px 50px/25px 25px 25px 25px; 水平方向和垂直方向上的4个值顺序都是左上,右上,右下,左下。 以水平方向为例(可以通过审查元素查看样式): 设置第一个值为10px,其他50px: <!-- div.tcy_b
2017-05-15 22:53:46 2920
原创 制作jquery插件2-滚轮事件的插件
在上一小节中我们使用jquery.fn.extend为jquery新增了两个新的方法,这一节来制作滚轮事件的插件。 1.准备好已经做好兼容的滚轮事件函数: function mousewheel(obj,fnWheel){ if (obj.addEventListener){ obj.addEventListener("DOMMouseScroll"
2017-05-15 22:53:41 361
原创 制作jquery插件1-基础
概述:扩展 jQuery 元素集来提供新的方法(通常用来制作插件) 例子:为jquery添加两个方法: $.fn.extend({ toRed:function (){ $(this).css("border","1px solid red"); }, toGreen:function (){ $(this).css("bo
2017-05-15 22:53:38 227
原创 jquery.easing的使用
下载地址:http://www.jb51.net/jiaoben/32922.html 基本语法:easing:格式为json,{duration:持续时间,easing:过渡效果,complete:成功后的回调函数} 介绍:easing是jquery的一个插件,使用它可以创建更加绚丽的动画效果。 环境:因为easing是jQuery的插件,所以必须是在引入jquery之后再引入它,如下:
2017-05-15 22:53:35 845
原创 javascript的历史
1.netscape与livescript 92年,一个叫nombas的公司开发了“c减减”语言,后来改名为scriptEase。它是一个微型的脚本语言。后来网景公司模仿该语言设计了liveWire,没过多久就改名为liveScript了。该语言在设计的时候就是针对的非专业的开发人员,提供一个方便的工具。因为大部分的网站设计者没有任何的编程背景,因此这个语言应该尽可能简单、易学,最终一
2017-05-15 22:53:29 417
原创 Float布局
语法:float:none|left|right None:对象不浮动 Left:左浮动 Right:右浮动 Float对标签的影响; 1)对行内属性标签的影响 能很好的支持height,width,margin,padding属性的设置 2)对块属性标签的影响 3) 可以使块属性元素在一排排列,默认占满行的块属性标签在没有设置宽高的情况下设置浮动后变成内容撑间解析标签时en
2017-05-15 22:53:24 445
原创 SEO页面优化
在SEO中的页面优化需要注意的: 页面标题: 页面标题是包含在title标签中的文字,是页面优化最重要的因素 用户访问时,页面标题显示在浏览器窗口最上方。 在搜索的结果页面上,页面标题是结构列表中第一行文字,是用户浏览搜索结果时最先看到的、最醒目的内容 页面标题不能重复,每个页面都需要自己独特的标题标签。 不要在标题中加上搜索次数高、但与本页面无关的关键词,这种方法在七八年前还管
2017-05-15 22:53:19 671
原创 ie10 css3 transition 过渡
ie10的过渡跟webkit内核的过渡没太大的区别,只是不用加前缀了。 transition就是过渡,意思是指变化的效果通过一个过渡来实现,比如位置的改变: 开始位置的left值是0,当我点击按钮的时候就更该为200px; demo展示地址:http://www.ibokanfamily.com/win8/transition/position6.html 理论上来说所有的样式都可以
2017-05-15 22:53:14 1199
原创 ie10 3D变换
ie10中新增特性——3d变换 先给大家看一个demo: http://ie.microsoft.com/testdrive/Graphics/hands-on-css3/hands-on_3d-transforms.htm 通过这个demo大家可以很直观的查看关于3d变换的各个属性变化。 这里面罗列了3D变换的属性(函数) 这里简单说一下各个属性(函数)的作用: 2d平移:tr
2017-05-15 22:53:09 631
原创 ie10 grid 网格布局
目前HTML5的布局方式有很多:float,定位,弹性布局,分栏等。而在移动开发中,需要考虑到布局能够适应到不同的设备、方向和屏幕尺寸,可能还需要一些结构的更改: 网格布局是一种新的布局方法,该方法使你能够基于固定数量、浏览器窗口中的可用空间或二者组合划分网页主要区域的空间。 通过将网格布局与媒体查询(@media)结合使用,可以使布局无缝地适应设备外形尺寸、方向、可用空间等因素的变化。
2017-05-15 22:53:04 5365
原创 ie10 事件
先给大家看一下目前跨浏览器的测试结果摘要: 从此图可以很明显的知道ie10对HTML5的支持程度是相当给力的,终于从托后腿的角色一跃成为标准的领航者。 另一方面对开发者的支持也是很给力,无论是线下的培训还是线上的资料(虽然很乱),都是非常多的。(资料地址在文章最后) 还有就是对于这个平台,win8的应用商店按照微软自己的说法是将有6.9亿的用户量,不管这个的水分有多少,至少知道他的用户
2017-05-15 22:52:59 876
原创 windows8中的事件处理
这是javascript创建的空白应用程序中的默认js文件(default.js)内容: (function () { "use strict"; WinJS.Binding.optimizeBindingReferences = true; var app = WinJS.Application; var activation = Windo
2017-05-15 22:52:54 250
原创 用javascript创建第一个windows8 metro应用
javascript开发第一个windows8 metro应用 一、开发环境——visual studio2012 我们无论开发任何应用都需要一个程序开发环境,而windows8的程序开发环境就是visual studio. 安装这个环境也很简单,唯一就是对硬件要求比较高。目前最新版的事visual studio2012,相对于上一版,新增了新的模板、设计工具以及测试和调试工具,基
2017-05-15 22:52:49 409
原创 html5开发windows8应用 windows8介绍
html5作为windows8平台的native开发语言之一,让html5的发展到达了一个新的高度,以前做过html5 for ios或for android的童鞋就应该知道,用html5做一款ios或者android的应用是有多幸苦,实现简单的图片下载功能都需要用原生语言写一个插件。而现在,我们终于从一个外来者的变成了一个有名分的人。可以调用本地api,实现很多非常强大的功能。 我们既然要在这
2017-05-15 22:52:44 362
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人