2017年1月18日
Less-mixin函数基础一
摘要： //mixin函数 立即执行mixin函数，example： .test{ color:#ff00000; background:red; } //立即执行mixin grammar 1 扩展extend .study{ &:extend(.test); } //输出css .test, .stud 阅读全文
posted @ 2017-01-18 13:39 YanEr、 阅读(2881) 评论(0) 推荐(0) 编辑
Less-css扩展指定多层嵌套选择器样式
摘要： //扩展Extend Use Method：以在study上扩展指定多层嵌套选择器样式 //Share style .test{ font-size:18px; color:#ffffff; ul{ width:100px; height:50px; li{ float:left; margin-r 阅读全文
posted @ 2017-01-18 11:49 YanEr、 阅读(4815) 评论(0) 推荐(0) 编辑
Less-css扩展多样式
摘要： //扩展Extend Use Method：以在study上扩展多个的样式为例 //Share style 1 .style1{ width:200px; height:15px; color:#ffffff; } //Share style 2 .style2{ float:left; backg 阅读全文
posted @ 2017-01-18 11:44 YanEr、 阅读(1438) 评论(0) 推荐(0) 编辑
Less-css基础扩展
摘要： //扩展Extend less的伪类，合并了选择器，放在与它引用匹配的选择器上 Use Method：以在study上扩展test的样式为例 .test{ color:#000000; font-size:18px; } //grammar 1 .study{ &:extend(.test); ba 阅读全文
posted @ 2017-01-18 11:36 YanEr、 阅读(281) 评论(0) 推荐(0) 编辑
2017年1月17日
Less-css基础之变量学习
摘要： 一、普通变量 //--普通变量--less @fontColor: #000000; body{ color:@fontColor; } //--输出--css body{ color:#000000; } 二、选择器变量 //--选择器--less @selector: main; .@{sele 阅读全文
posted @ 2017-01-17 14:48 YanEr、 阅读(964) 评论(0) 推荐(0) 编辑
2017年1月16日
Less-css预处理Node and VS扩展编译
摘要： node编译 第一步：https://nodejs.org/en/ 到node官网下载最新的node 第二步：和普通软件一样把node安装好 第三步：运行-cmd，准备安装less 全局安装（整个电脑文档都可以运行） npm install less -g 部分按照（仅安装目录下文档可执行） npm 阅读全文
posted @ 2017-01-16 13:53 YanEr、 阅读(969) 评论(0) 推荐(0) 编辑
2017年1月12日
Html5-Canvas 与 SVG 的比较
摘要： Canvas 与 SVG 的比较 Canvas 依赖分辨率 不支持事件处理器 弱的文本渲染能力 能够以 .png 或 .jpg 格式保存结果图像 最适合图像密集型的游戏，其中的许多对象会被频繁重绘 SVG 不依赖分辨率 支持事件处理器 最适合带有大型渲染区域的应用程序（比如谷歌地图） 复杂度高会减慢 阅读全文
posted @ 2017-01-12 14:15 YanEr、 阅读(648) 评论(0) 推荐(0) 编辑
Html5-draggable元素拖动
摘要： Html5元素拖动 在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。 Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 支持拖动。 注意:Safari 5.1.2不支持拖动. 第一步：将需要拖动的元素Html标签设置为dragg 阅读全文
posted @ 2017-01-12 13:08 YanEr、 阅读(4809) 评论(0) 推荐(0) 编辑
2017年1月7日
JavaScript-实现简单的贪吃蛇小游戏
摘要： 实现逻辑： //获取Html中的格子（行，列） //建立数组存储所有格子（x，y） //建立数组用于存储蛇身（x，y） //生成随机坐标（x，y）的函数 //随机创建蛇身并存储到蛇身数组 //创建食物（不能与蛇身重合，利用不等于蛇身数组中任何数值实现） //方向键控制蛇身运动方向 //蛇身运动规则 阅读全文
posted @ 2017-01-07 15:19 YanEr、 阅读(1101) 评论(0) 推荐(0) 编辑
2016年12月14日
Html-浏览器内核控制Meta标签说明文档【转】
摘要： 背景介绍 由于众所周知的情况，国内的主流浏览器都是双核浏览器：基于Webkit内核用于常用网站的高速浏览。基于IE的内核用于兼容网银、旧版网站。以360的几款浏览器为例，我们优先通过Webkit内核渲染主流的网站，只有小量的网站通过IE内核渲染，以保证页面兼容。在过去很长一段时间里，我们主要的控制手 阅读全文
posted @ 2016-12-14 12:24 YanEr、 阅读(197) 评论(0) 推荐(0) 编辑