这里需要一句话点缀。
compass Compass是Sass的工具库,就好像jQuery是js的库一样。 sass有了compass的配合,就会更加事半功倍。 Sass本身只是一个编译器,Compass在它的基础上,封装了一系列有用的模块和模板,补充Sass的功能。
API 小程序API结构导览图: 声明: 请尊重博客园原创精神,转载或使用图片请注明: 博主:xing.org1^ 出处:http://www.cnblogs.com/padding1015/
巧用Console.log(event) Event::事件对象,方法在执行的时候,当前环境携带的一些信息 可以打印出来、获取很多信息,根据这些信息再度寻找你需要的信息的路径。如小程序里的event.detail.
附录A 名词解析: const:声明常量,常量的值不能通过重新赋值来改变,并且在初始赋值后,不能重新声明、重新赋值了。 即:同一作用域中,常量名不能与其他变量或函数名重名。值也不能修改了。 “常量是块级作用域,很像使用let语句定义的变量。
vue学习笔记 2017-08-23 11:10:28 Vue实例: 1 var vm = new Vue({ 2 // 选项 3 }) 实例化Vue、Vue实例,构造函数Vue、创建一个Vue的根实例,Vue实例气筒Vue,js应用 所有的 Vue.js 组件其实都是被扩展的 Vue 实例。
今天上午做一个很low的小练习,代码写完了想要封装重复利用来着 可是憋屈啊,怎么都不对,在document.style.width这里,想把width变成参数可是用点的话,会报错说找不到点后边这个属性 也是啊,点就是“的”的意思,点后边放一个abc代替,他当然会认为你要找style里边的abc属性啊。
1.元素内部子元素的margin的边界线基准点的问题 论如何生硬起名字!!我反正已经被自己总结的题目绕晕了。。。 “演员”介绍: 外层父元素:蓝色边框; 内部子元素:绿色区域; 粉红色区域是元素内部绿色子元素的margin外边距; 问题说明: 就像上边这样,左边就是bug图,蓝色父元素里边的标签的border的外边距边线以父元素的padding内边线为准了。
一些字体图标库的网站 https://icomoon.io/app/#/selecthttp://www.iconfont.cn/http://www.bootcss.com/ http://www.bootcss.
一、小程序文档笔记 默认开发目录 开发目录解析 1. app.js、app.json、app.wxss 这三个文件必须有不能删掉。 一个小程序主体部分由这三个文件组成,而且必须放在项目的根目录 js后缀的是脚本文件,调用小程序框架提供的 API—— API 文档 json后缀的文件是对整个小程序的全局配置文件——配置详解 微信小程序中的每一个页面的【路径+页面名】都需要写在 app.json 的 pages 中,用来激活。
-------------------------------------------------------------------------------------正经分割线!!!------------------------------------------------------...
---------------------------------Ruby环境安装-------------------------------- 至于为什么要安装ruby环境请移步:https://www.
在火狐浏览器和谷歌浏览器(qq浏览器,谷歌内核)bug类似这张图: img的高度是190*127 但是放到li中,li并没有设置高度,却和内部的图片之间上下错位。 若强行给li设置高度127,他和img依旧不能重合。
通过这个实验我明白了一个知识点,做左右结构的时候,不用把左边的写上左浮动,只需要把有浮动的块放到最前边,并设置有浮动,左边的放在有浮动的下边而且不用管,这样,父元素也不用清楚浮动,左边的元素也不用左浮动,一切就依旧会和自己做左右布局的老方法一样的效果。
特别说明: 没有sass基础请移步:【Sass-学习笔记【基础篇】】http://www.cnblogs.com/padding1015/articles/7056323.html 最底部附结构图(实在是结构图太长了没办法)2017-07-07 20:17:17 正文 一、Sass的控制命令 2017-06-22 09:11:43 1.@if语句 @if 指令是一个 SassScript,它可以根据条件来处理样式块,如果条件为 true 返回一个样式块,反之 false 返回另一个样式块。
最下边附结构图 在线编辑器网址如下:http://sassmeister.com/ 注意编写的时候,符号千万别用了中文的:、;、。...之类的,会报错,Sass也转换不成css。 less和sass的区别: 博客园文章—http://www.cnblogs.com/wangpenghui522/p/5467560.html 本章主要内容:变量 、混合宏 、继承 、占位 、插值 、运算 、数据类型 1:定义 Sass是css预处理器的一种,也是最早的css预处理语言。
五子棋小游戏学习—— 有一个问题是,棋盘线的颜色,在canvas中,明明设置了灰色,但在我的预览中还是黑色的,很重的颜色。 以下是复刻的源码: 1 DOCTYPE html> 2 3 4 5 6 五子棋游戏 7 ...
我都好久没更新了! 遇到一个效果,之前没有考虑清楚,设置了固定高度,到了后边,产品要加长,我就觉得设计得从新弄张长点的背景图!这不多余么? 其实分析原图还是可以再切分,再细化到不用改设计图,让我们前端页面各种适应,做到重复利用。
弹出键值说明: //console.log(ev.keyCode)//回车:13//ctrl:17 1 DOCTYPE html> 2 3 4 5 留言提交系统 6 7 8 9 10 ...
注意三点: 1:事件名称onkeydown。 2:事件加给document,而非window。 3: 把元素的top,left值分别用offsetTop,offsetLeft来设定。 DOCTYPE html> 键盘移动 ...
1 DOCTYPE html> 2 3 4 5 6 7 8 9 .div { 10 display: none; 11 ...
实现步骤解析: * 这原本就是一个鼠标后面跟随一串小方块的效果, * 后来我就想,运用之前学的随机数的案例把小方块的颜色做成彩色的, * 并且每一个小方块的色彩是随机分配而不是我自己手动填写的。
原理: /* * 根据class获取元素. * 原理是,取出oparent下的所有元素,组成数组,然后遍历类名,全等判断。*/ 源码 1 1 function getClass(oParent,clsName){ 2 var oParent = document.
团购-限时抢 1 DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.
一些属性和方法,在dom中没有规定如何确定页面中元素大小的情况下诞生。。。 1.偏移量(offset dimension) 测试代码: 1 DOCTYPE html> 2 3 4 5 offset偏移量学习 6 7...
今天同事发现一个有意思的问题,关于position的层级关系的,他要不说我也没注意过 测试后果然有趣,有待深入研究: 1 DOCTYPE html> 2 3 4 5 Css中Position定位属性与层级关系 6 7 ...
author:702004176@qq.comtime:2017-04-13description:瀑布流学习与制作 来源:腾讯课堂笔记https://ke.qq.com/webcourse/index.html#course_id=57390&term_id=100106654&taid=250199024918574&vid=e1400l36kd7 1:瀑布流的特点(1)宽度相同,高度不相同。
1 2 显示 3 4 10 5 20 6 ...
跨域:掘金地址——https://juejin.im/post/58e8c932ac502e4957bde78b 另一篇学习地址:http://www.cnblogs.com/chopper/archive/2012/03/24/2403945.html 讲的比较细:http://www.cnblogs.com/kenshinobiy/p/6265197.html跨域笔记 有些东西不要太较真,因为没啥用 jsonp和cors知道就好,其他的了解一下就好 同源:是指同域名(主域名与二级域名,即子域名),同协议,同端口。
封装好的:ajax.js 1 function ajax(url, fnSucc,fnFaild){ 2 //1【创建】 3 if(window.XMLHttpRequest){ 4 var oAjax = new XMLHttpRequest(); 5 ...
原理:window.open()方法,open一个新的空白页,然后把文本框中粘贴的代码通过DOM操作,写到新的代码页中, 再利用document.write的功能(写进去之前把其他的全部删掉,并且写进去的html代码是可以解析的。
1 DOCTYPE html> 2 3 4 5 6 7 8 9 10 11 function myBrowser() { 12 var userAgent = navigator.
先上图: 这个地方的竖线,首先他不用css3的nth-child或last-child的选择器来解决的话,还有什么更好的方法呢? 如果我还用上次优惠券那种,加一个的话,类似如下 以后不可能就三个标签,以后程序往里边传东西肯定又会改变了, 于是鄙人开始寻找大型网站的相同效果的处理方法 找到三种处理方法 1:易车惠:http://www.huimaiche.com/ 底部的外网链接 他的处理方式是a+em,em包含竖线。
1 DOCTYPE html> 2 3 4 5 两周内自动登录 6 7 8 9 10 11 12 1...
1 DOCTYPE html> 2 3 4 5 调用封装好的cookie文件来制作小案例 6 7 8 9 10 11 12 ...
智能社学习笔记 1 2 /*****设置cookie*****/ 3 function setCookie(name,value,iDay){ 4 var oDate = new Date(); 5 oDate.
1 function createCompareFun(propertyName){ 2 return function(object1,object2){ 3 var value1 = object1[property...
1 DOCTYPE html> 2 3 4 5 6 7 8 div{ 9 width: 100px; 10 heig...
来自腾讯课堂笔记:https://ke.qq.com/webcourse/index.html#course_id=152997&term_id=100174752&taid=801037170660773&vid=y1412sc0r8c 知识点: 1: var re = /[我|车|一]+/g; 也可以写成:var re=/我|车|一/g; 即去掉了[]和+,这个案例中,+表示连续多个,可以不用,但是遇到判断类型那种,就必须要了,其实这个也应该加上额,万一“我”字后面还有一个“我”连着呢? 对与中括号"[]",我恍惚了,他是表示一个集合,把所有的要判断的数据都装起来。
如下:“23nr qreq2 34fq4 4454gsr 45” 【将这一串字符中的数字挑出来,当然人家作伴的不能被分开】。 一、普通方法: 1 2 var str = "23nr qreq2 34fq4 4454gsr 45"; 3 var...
css ie6,ie7,ie8 兼容性写法,CSS hack写法 margin-bottom:40px; /*ff的属性*/margin-bottom:140px\9; /* IE6/7/8的属性 */color:red\0; /* IE8支持 */*...
看着传那么一长串的参数神烦,继续深化!——json传参: html: ...
这两天遇到一个页面,同一个页面中同一个特效会用好多次,比如tab,比如轮播等。我又不想很不负责任的复制一遍代码,那样页面臃肿,自己心里也堵得慌。于是就想着把代码封装起来多次调用。 对于封装,只在公开课看过一个老师操作,自己也是啥也不懂得。
DOCTYPE html> 匀速运动停止条件 a{display: block;} input[type='button']{ margin-top: 5px; } .
DOCTYPE html> 缓冲运动2 body{ height: 2000px; } .
DOCTYPE html> 缓冲运动2 body{ height: 2000px; } .
function getStyle(obj, name) { if(obj.currentStyle) { return obj.currentStyle[name]; } else { return getComputedS...
DOCTYPE html> 淡入淡出 .div { width: 100px; height: 100px; b...
DOCTYPE html> 运动框架-匀速运动 .div { width: 100px; height: 100px; ...
DOCTYPE html> 只传一个参数 .div { width: 100px; height: 100px; ...
一:给向上按钮加动画,让页面卷回上面而不是生硬跳转.js $('#topBtn').click(function(){ $('html,body').animate({scrollTop: '0px'}, 1000); return false; ...