
css
文章平均质量分 81
明月别枝
分享经验,一起学习,一起进步
展开
-
小程序开发过程中遇到问题的笔记
要实时改变数组里的数值:<view class='sign' bindtap='addNum' data-index="{{index}}">+</view>传的值是index,要使用this.setData({name:value})动态的index,要另外赋值:let proInf = 'proInf[' + index + '].num'; proI...原创 2019-03-12 18:16:10 · 274 阅读 · 0 评论 -
(小游戏)详解消方块:微信小程序开发
大家好!我又来了。今天我又写了一个超级无聊的小游戏在无聊的道路上,渐行渐远。还记得儿时我们喜欢玩的这个游戏吗?由于我申请的小程序不是小游戏,所以无法体验;于是我又写成H5页面:http://www.yating.online/brick.html喜欢就给我点个星吧:https://github.com/Chenyating/easyGame一、简单介绍:简单的介绍一...原创 2019-03-08 18:12:21 · 2302 阅读 · 0 评论 -
初始化新建vue-cli项目,用本地ip预览的方法
新建的vue-cli项目,不想使用http://localhost:8080/#/,想用本地ip地址预览的2个方法:1、在json文件中,的dev项中:添加 --host 0.0.0.02、在config目录下的index.js的host改成0.0.0.0...原创 2019-01-15 10:59:26 · 314 阅读 · 0 评论 -
(小游戏)详解前端扫雷代码:HTML+JS+DIV实现原理
游戏地址:http://www.yating.online/game/mine.html喜欢就给我点个星吧:https://github.com/Chenyating/easyGame先了解一下扫雷这个游戏规则:我们可以先,打开你的电脑——》程序——》游戏——》扫雷,先玩几分钟,你就会得到规律:点击任意方块,会出现2种结果: 如果是炸弹就引爆,游戏则结束。 如果...原创 2018-10-21 20:02:13 · 4536 阅读 · 0 评论 -
(小游戏)详解前端俄罗斯方块代码:HTML+JS+CANVAS实现原理
喜欢就给我点个星吧:https://github.com/Chenyating/easyGame想写个俄罗斯方块的小游戏,发现网上的各位大佬的代码,我看不明白。好吧,其实我一直都看不懂别人的代码。可是,flag已经立了,写肯定是要写的啦。嗯……还是自力更生,自给自足。撸起袖子,说写就写。现在就说说我自己的经验;查看效果,请点击这个地址哦~,你们可以玩一把,告诉我需要改进的地...原创 2018-09-24 00:33:24 · 7305 阅读 · 15 评论 -
css选择器
优先级1. 在属性后面使用 !important 会覆盖页面内任何位置定义的元素样式。2.作为style属性写在元素内的样式3.id选择器4.类选择器5.标签选择器6.通配符选择器7.浏览器自定义同一级别同一级别中后写的会覆盖先写的样式基础选择器* 通用元素选择器,匹配页面任何元素(这也就决定了我们很少使用)#id id选择器,匹配特定id的元素.class 类选择器,匹配class包含(转载 2017-09-07 09:42:33 · 237 阅读 · 0 评论 -
块级元素和行内元素多种——水平,垂直、水平垂直居中的方法
1、水平居中:A、直接设置div属性:margin:0 auto; B、父元素属性text-align:center;(对块级元素没有用): C、div设置属性 position:relative;(这是相对于父元素) margin:auto; left:0; right:0; D、给父div设置属性:justif原创 2017-09-26 16:13:17 · 1777 阅读 · 0 评论 -
清除浮动的7种方法图解
1、定位方式 1、1普通流:就是在html文档中从左到右,从上到下,按顺序排列下来的元素。 1、2浮动:脱离文档流,浮动方向有向左向右。浮动元素会脱离文档流并向左/向右浮动,直到碰到父元素或者另一个浮动元素。 1、3绝对定位:脱离文档流,fixed相对于body绝对定位。absolute相对于非static属性的第一个祖先元素定位;其实我们可以把这3种定位方式当成3层不同的面,重叠在一起;虽然从视原创 2017-09-27 10:44:16 · 612 阅读 · 0 评论 -
CSS3的 transition:属性 延续时间 速率变化 延迟时间
css的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发,并圆滑地以动画效果改变CSS的属性值。transition:transition-property transition-duration transition-timing-function transition-delay transition:属性 延原创 2017-12-04 20:25:29 · 13844 阅读 · 0 评论 -
css基础(css3特性、网格)
CSS基础:CSS3特性:1. 选择器:l tbody: nth-child(even), nth-child(odd):此处他们分别代表了表格(tbody)下面的偶数行和奇数行(tr),这种样式非常适用于表格,让人能非常清楚的看到表格的行与行之间的差别,让用户易于浏览。l : not(.textinput):这里即表示所有class不是“textinput”的节原创 2018-03-08 18:14:14 · 328 阅读 · 0 评论 -
Css媒体查询入门
Css媒体查询:媒体查询 是 响应式设计的关键组成部分,这使得根据参数和设备特性调整CSS成为可能。比如说,媒体查询能够在用户设备屏幕小于一定的尺寸或者保持在横向或者纵向的模式时,提供不同的样式。@media (at-rule CSS样式声明,以@开头)被用作有条件的向文档提供样式。 Window.matchMedia()方法能够针对一个媒体查询测试一个window窗口。你也可以原创 2018-03-13 23:24:53 · 717 阅读 · 0 评论 -
less入门到入门
一、变量:@变量名:值;@nice-blue: #5B83AD;@light-blue: @nice-blue + #111;#header { color: @light-blue;}其实就是:#header { color: #6c94be;}二、混合模式:将一系列属性从一个规则集引入(“混合”)到另一个规则集的方式。假设我们有以下样式:.bordered ...原创 2019-08-05 20:03:06 · 185 阅读 · 0 评论