瓜瓜小博

挣扎的码农

display:table-cell布局

table-cell

display:table-cell布局 display:table-cell指让标签元素以表格单元格的形式呈现，使元素类似于td标签。IE8+及现代版本的浏览器都支持此属性，IE6/7不支持（可用其他方法实现类似效果）。同样，display：table-cell属性也会被float，position：absolute等属性破坏效果，所以尽量避免同时使用。 CSS display属性的表...

Posted by ddxg on December 4, 2017

img标签 onerror事件

img

img标签 onerror事件 有时在img标签src中的图片是不存在的，页面上就会显示一张空的图片，挺难看的。这是可以在img标签中加上onerror事件，当图片的src访问不到是就会调用onerror事件，在时间中将src的连接更改为默认显示的图片。如果默认显示的图片也不能正常访问，这时又会调用onerror事件，一直循环，直到浏览器报内存什么的错误。解决这个问题需要设置img.one...

Posted by ddxg on November 25, 2017

localStorage存储

store.js

localStorage存储 localStorage的api： localStorage.setItem(key,value); // 保存数据 localStorage.getItem(key); // 读取数据 localStorage.removeItem(key); // 删除单个数据 localStorage.clear(); // 删除所有数据 localStorage.k...

Posted by ddxg on November 25, 2017

js函数节流和去抖动

搜索框下拉提示

搜索框下拉提示–js函数节流和去抖动 1.搜索框的事件监听 前几天做了一个类似百度的那种自动提示的搜索框，需要动态监听输入框值变化。使用onkeydown、onkeypress、onkeyup这些事件监听的话，是无法监听鼠标右键的复制、剪贴和粘贴操作的。使用oninput事件是可以解决鼠标右击操作的，但是oninput事件不完全兼容IE9，这时可以再绑定IE 特有的 onpropertyc...

Posted by ddxg on November 25, 2017

git学习笔记

刚刚入门，请多指教

git学习笔记 之前很少接触git，对git的命令不熟悉，每次上线的时候都是挺怕的，特别是分支合并方面。这里我记录常用到的命令。 1.创建版本库 git init 这个命令会创建一个空的仓库，目录里面会多出一个.git的目录，这个目录是Git来跟踪管理版本库的，不要更改里面的文件，会破坏git仓库的结构的。 2.从远程库克隆 git clone git@github.com:DD...

Posted by ddxg on November 13, 2017

初始化RN项目

刚刚入门，请多指教

1.初始化RN项目 搭建好React Native开发环境后（安装好Python 2、Node、react-native-cli、Android SDK等），就可以创建一个RN项目了 在目录中输入命令： react-native init demo 就可以创建项目名为demo的项目了，创建时下载的东西比较多，网速慢一点的话可能会慢一点。这样就创建了最新版本的RN项目，如果初学的话不需...

Posted by ddxg on November 13, 2017

创建指定的React-Native版本

请多指教

创建指定的React-Native版本 刚刚开始学习React Native，很多都不懂，搭建环境的时候遇到了挺多问题的，一直在折腾。 我是按照React Native文档来搭建环境的，安装react-native-cli使用的是下面的命令。 npm install -g react-native-cli 安装完之后创建了一个项目test，发现react-native的版本是最新的0....

Posted by ddxg on November 5, 2017

学习Flex布局

请多指教

Flex布局 正在实习web前端，写页面的时候，我比较不会写有垂直居中的布局，就感觉我不是很专业，每次都要调调这里调调哪里，有时甚至要调很久才会达到我想要的结果。Flex布局我之前就了解过，在做一个移动端的页面的时候简单地使用过，它在实现垂直居中的问题上还是挺方便的。 先看一下兼容性吧： IE的兼容是不太好的，11一下的都gg了 Flex布局的基本概念 flex 的核心的概念就是 容...

Posted by ddxg on October 29, 2017

点击按钮显示隐藏下拉列表

请多指教

点击按钮显示隐藏下拉列表 上周有做到这样一个按钮，就是点击按钮会弹出一个下拉框，再次点击按钮或者点击别的地方下拉框就收起。当时为了方便就直接在网上copy了一段代码，实现了，但是我那时还看不太懂那个代码，代码如下： $(".js-add-book-btn").on("click", function () { $(".pst_button").toggle().autoHide(...

Posted by ddxg on October 22, 2017

利用url中的hash来实现页面的跳转

请多指教

利用url中的hash来实现页面的跳转 1. 使用hash 有时会看到有些网页的url上会有#这种符号，当时我没怎么在意，后来学vue的路由时候，都会看见这个#，#和#后面的字符串就是url的hash值，可以通过这个hash来进行页面的跳转。 获取url中的hash：http://www.bbbb.com#hashstr window.location.hash //#hashstr...

Posted by ddxg on October 15, 2017

FEATURED TAGS
前端开发 CSS 布局 React Native JavaScript html CSS3 HTML5 vue 框架 kaikeba webpack CSS World
ABOUT ME

挣扎的码农

FRIENDS