2019年2月16日
Vue指令和事件
摘要： /** * 语法糖的概念： * 语法糖是指在不影响功能的情况下，添加某种方法实现同样的； * 使用语法糖,可以简化代码的书写 * 比如 v-on:click='func' @click='func' * v-bind:src :src */ <!-- v-on 可以监听原生DOM事件click,db 阅读全文
posted @ 2019-02-16 20:21 牛三 阅读(409) 评论(0) 推荐(0)
Vue插入值与过滤器
摘要： 双大括号语法{{}}/ v-text <!-- v-text 双大括号语法 {{}} 文本插值 如果想显{{}}标签不被替换，使用v-pre跳过此元素和他子元素的编译过程 {{}} 还支持单个表达式，简单的运算，三元运算等 --> <h3 v-pre>{{name}}</h3> <h3>{{name 阅读全文
posted @ 2019-02-16 19:09 牛三 阅读(697) 评论(0) 推荐(0)
2017年12月20日
HTML5响应式设计
摘要： 响应式设计的设计原理是通过CSS3的Media Queries来调整页面元素在不同屏幕分辨率下的显示。 在大多数的响应式设计页面中，都会使用如下的meta标记。 除此之外主要使用的是max-width,min-width等判断屏幕尺寸的特性以及orientation判断设备方向的特性 通过JavaS 阅读全文
posted @ 2017-12-20 21:29 牛三 阅读(779) 评论(0) 推荐(0)
2017年12月19日
HTML5布局
摘要： 1,图文混排布局 2，题图文字布 3，Hero Unit 图标题文混排 4,两列均分布局 5，格子布局 6,多列等高布局 7，两列自适应布局 左侧固定右侧自适应 8，三列自适应布局 左右固定，中间自适应（圣杯布局） 圣杯布局 双飞翼布局和圣杯布局的实现效果完全一样，不同在于圣杯布局需要修改父元素的p 阅读全文
posted @ 2017-12-19 18:47 牛三 阅读(374) 评论(0) 推荐(0)
2017年12月9日
初识webpack
摘要： 1， mkdir webpack-test 2， cd webpack-test 3， npm init （一路回车） 4，npm install webpack --save-dev 新建一个hello.js 文件 使用webpack打包这个文件： webpack hello.js hello.b 阅读全文
posted @ 2017-12-09 11:54 牛三 阅读(167) 评论(0) 推荐(0)
HTML快速复习
摘要： 1,强调 em用斜体 strong用粗体2，<q>引用文本</q>blockquote标签 长文本引用 块级引用3,address为网页加入联系地址信息4,<code>一行代码</code> <pre>多行代码</pre>5，无序列表ul>li 有序列表ol>li6,div是独立的版块7，表格tab 阅读全文
posted @ 2017-12-09 11:21 牛三 阅读(414) 评论(0) 推荐(0)
jQueryAjax
摘要： 1,load(); 请求服务器中的数据，并把返回的数据放置到指定的元素中， load(url,[data],[callback]); url为加载服务器的地址， data请求时发送的数据 callback请求成功后的执行函数2，getJSON(); 异步加载JSON格式的数据 $.getJSON(u 阅读全文
posted @ 2017-12-09 11:14 牛三 阅读(153) 评论(0) 推荐(0)
jQuery工具类函数
摘要： 1，获取浏览器的名称和版本信息 $.browser对象可以获取浏览器的名称和版本信息 $.browser.version获取浏览器的版本信息 $.browser.chrome 谷歌true $.browser.mozilla 火狐true2,检测浏览器是否属于W3C盒子模型 $.support.bo 阅读全文
posted @ 2017-12-09 11:13 牛三 阅读(203) 评论(0) 推荐(0)
jQuery常用插件
摘要： 1,表单验证插件validate2，表单插件form $('form').ajaxForm({options}) options:用于设置发送时的数据和参数3，图片灯箱插件 lightBox $(linkImage).lightBox({options});4，图片放大镜插件jqzoom5,cook 阅读全文
posted @ 2017-12-09 11:12 牛三 阅读(148) 评论(0) 推荐(0)
jQuery动画
摘要： 动画1,隐藏动画hide() fast 200 slow 600 display:none;2，显示动画show();3,toggle 切换元素的显示和隐藏4，slideDown 用滑动动画显示一个匹配元素 事件数值越大动画越慢， sideDown(duration,function(){//等待动 阅读全文
posted @ 2017-12-09 11:11 牛三 阅读(190) 评论(0) 推荐(0)