Little steps

Written by MaryMa A front end developer who makes slow progress and never gives up.

setTimeout 延时

2020-5-10

是 window 对象的一个方法,可以设置一个定时器,在定时结束后运行一个callback 函数。 我们经常用它来写倒计时,但会出现延时情况 最小延时 >=4ms 在浏览器中,setTimeout()/setInterval() 的每调用一次定时器的最小间隔是4ms…

BFC解决边距折叠

2020-4-13

什么是边距折叠 当块级元素(block)的上外边距(margin-top)和下外边距(margin-bottom)同时都有设定时只会只会保留最大边距,这种行为称为外边距折叠(margin collapsing)。查看官方文档 比如: margin-bottom: 4…

Git: 默认不区分文件名大小写

2020-2-26

(天哪,马上要 2020 年 3 月份了,太快了) 又遇到这个问题了,这是个什么问题呢? 问题 你的 repo 里有一个文件叫 , 后来改名 修改后准备提交,命令行输入 发现并没有什么改动可以提交 原因 Git…

小程序:获取用户UnionID

2019-10-16T00:00:00.000Z

公众平台: 服务号/订阅号/小程序 开放平台: 移动应用/网站应用/公众帐号开发/第三方平台开发 OpenID = 用户微信号 & 公众平台 APPID (两个数据加密得到的字符串) UnionID = 用户微信号 & 开放平台 APPID…

小程序:canvas生成海报

2019-09-29T00:00:00.000Z

首先: canvas 里的的位置单位都是 ; 创建 canvas 标签到 ,Canvas 画布一定要先设置大小; canvas 文字不支持自定义字体; 1.获取 canvas 实例 用 获取小程序实例,canvasId 是在 标签上定义的 canvas-id…

小程序:修改上一页面的data

2019-09-23T00:00:00.000Z

为什么要修改上一页面的 data 呢? 遇到一个问题: 有一个页面 A, A 中有表单,其中有个字段要到 B 页面去填,填好后渲染在 A 页面,因为 B 里的字段由 A 里的状态控制是否保存到 store,所以暂时不放到 全局的 store 里,其实也可以为 B…

CSS 小结(一)

2018-5-7

看了这个网站后 https://atomiks.github.io/30-seconds-of-css 做了个总结,把常用的记下了,很好的网站! CSS 选择器 三角形 triangle…

如何实现水平居中 & 垂直居中

2017-8-13

感觉现在的自己已经超级懒了~~~已经打好草稿了好几篇博客就是懒得总结发布。。。最近经常遇到水平居中和垂直居中的问题,所以就总结了下。 水平居中 1. text-align: center ; 2. margin: 0 auto; 3. position 定位…

神奇的 inline-block

2017-8-13

当写下下面的代码的时候 你会看到下面的两个彩色块(自古红蓝出CP) 当我给红色块加点文字时 两个div块都添加文字 咦~~~ 发现只有红色div有文字时它会下沉,其实它们对于文字有一个基线,默认是在父元素的基线(baseline…

js控制audio音频的播放与暂停

2017-5-4

上周的时候,需要做一个音频列表,后边有播放和暂停控制,真正的 audio 标签其实是不显示的,所以就要用 js 控制 audio 标签。 首先你要知道什么是 audio 标签关于 audio,先上代码 其实重点就是那几个方法 audio.play() 音频播放 audio…

来一个好看的console.log

2017-5-10

每天都在 console.log(),在 debug 的时候确实很好用,无意间在爱奇艺 F12 了一下,发现原来 console 还可以有样式的~? 刚给域名续了两年(比收到刚买的包包还开心),接下来看看好看的 log…

如何使json的key值是变量

2017-4-22

var stu = {}; var attr = “name” stu.attr = “mary” // stu = {attr: “mary”} var stuattr = “mary”; // stu = {name: “mary…

JS中的等号、双等号和三等号区别

2017-4-22

一个等号是赋值操作,==先转换类型再比较,===先判断类型,如果不是同一类型直接为 false。 双等号’==’ a == b 如果 a、b 类型相等,就判断两个值是否相等,相等返回 true 不等返回 false 如果 a、b…

如何创建一个NPM包

2017-12-08T00:00:00.000Z

经常使用 命令安装各种包,这次自己尝试自己写了一个发布在npm上(其实这是第二个了) 什么是npm npm 是Node 的模块管理器,功能极其强大。 它是Node 获得成功的重要原因之一。 正因为有了npm,我们只要一行命令,就能安装别人写好的模块。 NPM…

git命令操作

2017-05-01T00:00:00.000Z

平时用的 git 命令就那么几个,都很简单,这几天系统的看了廖雪峰老师的教程,简直写的不能更好,这个记录比较简洁,推荐大家点击廖雪峰老师的 git 教程 git 命令 git init 初始化一个仓库 git add readme.text 仓库中条件一个文件 git…

JavaScript操作数组

2017-03-05T00:00:00.000Z

1 数组的新建 第二种方法虽然指定了数组的长度,但数组的长度是可变的,指定了数组长度为 5,当存储 6 个元素时,数组长度即为 6。 2 数组元素的访问 3 数组元素的添加 4 数组元素的删除 5 数组的截取与合并 6 数组的拷贝 7 数组的排序 8 数组元素字符串化…

文本框跟随鼠标移动

2016-8-10

实现效果—>查看效果: 鼠标点击文本框的标题,文本框跟着鼠标移动,鼠标松开文本框不再移动。 知识点: 整体思路 (感觉一张好图胜过千言万语) 鼠标点下的时候执行 ommousedown,计算 clientX,clientY,offsetLeft,offsetTop…

firstChild和firstElementChild的区别

2016-6-20

在做百度前端学院任务二十二的时候遇到了一个问题,在遍历数组的时候发现节点找不到,后来对比别人的代码发现,是*firstChild*和*firstElementChild*在搞鬼~ ·firstChild…

HTML DOM节点属性

2016-5-27

在 HTML DOM 中,所有的事物都是节点。DOM 是被视为节点树的 HTML 为什么说是 DOM 节点树呢~?看图 其实很好理解就是根上有树干,树干上有树枝,树枝再生树枝,但这是一个倒过来的树 根据 W3C 得 HTML DOM 标准,HTML…

JS去除字符串前后空格

2016-5-2

在获取到字符串是经常出现前后有空格或换行等空白(在字符串匹配时是个大坑) 利用下面的方法就可以去除字符串前后的空格啦~ 用正则找到空白符,然后使用 replace()方法将空白符替换掉 关于正则表达式的使用给大家个参考:https://deerchao.net/tutorials…

JavaScript实现文本框显示行号

2016-4-6

如下图所示,用此布局 css 样式设置 JavaScript 实现部分 总结 在百度前端学院任务 35 时需要完成这样一个效果,开始时觉得很难,真正做时发现不是任务难,是思路不清晰和基础不牢固。 开始判断行数时想的是,如果 textarea…

原来的博客

2016-4-5

马小宝-----原来的博客是居住在博客园 记录了也不是很多,想转移过来,发现挺麻烦的做个链接吧~ 算法题目练手 + C 语言 十六进制转十进制 利用 malloc 函数 01 字符串 序列求和 圆的面积 斐波那契数列 C 语言中的 EOF 错排问题 上车人数 三角形 K…

JS获取节点文本

2016-4-26

在做任务二十三时,要获取每个 Div 里的文本,只获取是儿子节点的文本节点。 例如:只获取“apple” 于是总结了获取节点中文本内容的方法: 以以下代码为例 第一种: 这样获取到的是#main 盒子里的所有内容,如图所示 第二种 这样获取到是#main…

JavaScript事件大全

2016-10-20T00:00:00.000Z

一般事件 表单相关事件 滚动字幕事件 编辑事件 数据绑定 外部事件

域名解析+绑定Hexo

2016-04-07T00:00:00.000Z

这两天折腾完了博客搭建好后,决定配一个名字~买域名时纠结买哪家买后缀是啥的,后来查了好久觉得这样丧失我本来写博客的意义了,选来选去觉得还是自己的名字最好! 对~就是 — 字如其人 - 人如其名 - 的 - 马秀丽 - maxiuli.com…

Hexo博客终于出生了

2016-04-04T20:46:25.000Z

不好意思~出生的这天恰好是 ---- 清明节 今天加昨天,虽然还不是很明白,但是它上线了阿~!请允许我开心的转个圈~! 中间真的踩了很多坑。 在群里— 小伙伴:你用便携版吧 我说:我都到了这一步了,不能放弃啊~!%>_<% 小伙伴:才。。这一步 o(╯□╰)o…

数据在本地文件的写入和读取

2015-12-25T00:00:00.000Z

以基于Map接口的HashMap类的集合为 例 1、 判断文件是否存在 2、将集合里的对象存到文件 3、将文件里的对象存入集合

终于和Java碰面了

2015-12-24T00:00:00.000Z

今晚竟然没有作业,这比今天是平安夜更让我开心。 学习Java的时候是在大二上半学期,那时候什么都不懂,真的什么都不懂,连Hello World! 都输不出来,后来学习了C++,觉得有点感觉了,那时候同时学习了《数据结构和算法》,于是开始对C…