2018年04月_开心大表哥

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创 css清除浮动的最好的方式和原因

清除浮动是为了清除使用浮动元素产生的影响。浮动的元素，高度会塌陷，而高度的塌陷使我们页面后面的布局不能正常显示。不清浮动：清浮动：原理：（1） display:block使生成的元素以块级元素显示,占满剩余空间（2）height:0避免生成内容破坏原有布局的高度（3）visibility:hidden 使生成的内容不可见，并允许可能被生成内容盖住的内容可以进行点击和...

2018-04-30 21:02:10 5868 2

原创 css实现多列高度不同的div等高

利用padding-bottom|margin-bottom正负值相抵；设置父容器设置超出隐藏（overflow:hidden），这样子父容器的高度就还是它里面的列没有设定padding-bottom时的高度，当它里面的任一列高度增加了，则父容器的高度被撑到里面最高那列的高度，其他比这列矮的列会用它们的padding-bottom补偿这部分高度差。 <!DOCTYPE HTML&...

2018-04-30 20:43:02 8292 2

原创循环调用innerHTML属性时进行性能优化1000多倍

innerHTML是一个JavaScript访问dom的API,由于js和dom时两个相互独立的功能只要通过接口彼此连接，就会产生消耗。所以访问dom元素的有代价的，修改元素则更为昂贵，因为他会导致浏览器重新计算页面的几何变化。最坏的情况是在循环中访问或修改元素，尤其是对HTML元素集合循环操作。这是下面两次写法循环15000次在谷歌浏览器上的差距，你没有看错，这两种写法的差距能到达1...

2018-04-30 16:35:23 6391 3

原创微信小程序怎样显示空格和换行

微信小程序里面的换行和空格只能在<text></text>里面写，换行是：\n空格是：\t 先看效果图：然后再看对应的代码：<text class='daynum-text'>已获得<text class='daynum-text1'>1852 </text>积分</text><text cl...

2018-04-28 14:48:21 27216 2

原创谷歌浏览器地址转换成二维码的插件，只需几行代码即可实现

谷歌浏览器插件，是利用javascript进行编写的。具体代码参考在github里面，这是本人简单编写的一个谷歌浏览器地址转换成二维码的插件，里面的代码思路本文暂时不做解析，只是介绍如何使用这个插件。 1.将插件下载到本地。 2.打开谷歌浏览器，点击‘拓展程序’： 3.点击‘加载已解压的拓展程序’： 4.刷新一下浏览器，发现右上角出现了，新按钮，点击按钮就能将当前页面的URL转化成...

2018-04-26 14:16:03 17515 5

原创一秒入门：不定宽高的水平垂直居中简单方式

<html> <meta charset="UTF-8"> <body> <div class="container"> <div class="wrap"> <p>铺设大量智能设备，使用

2018-04-24 18:07:51 8440 3

原创 windows下cmd命令行上传代码到github的指定库

1.在你的github里面建立一个仓库： 2.填写仓库的信息： 3.仓库成功创建： 4.去到本地，cd进入你想要上传内容的根目录，用git初始化根目录git init（如果遇到 LF will be replaced by CRLF错误，请看附录） 5.添加git add . 6.后面的步骤看第5步截图中的标注就可以了！成功后刷新一下仓库即可看到上传的内容了！...

2018-04-24 12:42:15 1987 1

原创 github删除仓库只要3步，将别人的仓库拿到本地修改再上传到自己的仓库

1.进入想要删除的仓库，点击setting 2.滚动到网页下面点击delete this repository 3.在弹窗里面输入仓库名，点击I understand the…… 好了，删了，奖声在哪里？！...

2018-04-23 18:13:04 10973 2

原创操作animate.css的一些小技巧

animate.css是一个不错的css3动态样式文件，它利用keyframes封装了很多动态样式。具体的可以到官网查看由于内容少而且方便操作，所以官网上竟然连教程都没有写；咋一看会有一种丈二和尚摸不着头脑。编哥我也是摸索了一阵才领悟到的，所以我写个文章把一些操作和巧妙都记录下来，方便以后回顾！ 1.用别人的东西肯定要拿过来嘛！所以第一步就是先把animate.css这个文件，拿到本...

2018-04-22 23:30:51 5318 1

原创 html5页面中添加腾讯地图api

html5页面中添加腾讯地图api：点击地图出现详细的地图：这是一个基于微信端的地图处理方案。先看看html架构：<a id="aToMap" href=""> <div class="map" id="map-container"> </div></a><

2018-04-22 23:05:52 11362 3

原创安装sass环境-ruby安装指南

sass基于Ruby语言开发而成，因此安装sass前需要安装Ruby。（注:mac下自带Ruby无需在安装Ruby!）window下安装SASS首先需要安装Ruby，官网下载。安装过程中请注意勾选Add Ruby executables to your PATH添加到系统环境变量。如下图：安装的过程就是点点点，Windows的基本操作，所以详细的图就不截了。安装结束之后测试ru...

2018-04-20 23:54:06 8674 1

原创 windows下ssh-keygen 不是内部或外部命令和打开id_rsa.pub文件

ssh-keygen 不是内部或外部命令，主要是没有找到ssh-keygen.exe，所以我们要将ssh-keygen.exe文件所在的目录配置到全局变量中去。 1.找到Git/usr/bin目录下的ssh-keygen.exe 2.属性–>高级系统设置–>环境变量–>系统变量,找到Path变量，进行编辑，End到最后，输入分号，粘贴复制的ssh-keygen所在的路径，...

2018-04-20 17:21:52 41799 15

原创基于nodejs的网络图片爬虫

这是我研究nodejs爬虫后写的一个图片爬虫小例子。不过功能还是挺强大的可以将你喜欢的图片下载下来。主要的爬虫代码：//var http = require('https');var http = require('http');var fs = require('fs');var cheerio = require('cheerio');var request = require...

2018-04-20 15:50:47 6275 7

原创 javascript一道综合了解析数组、数组去重和数组排序的前端工程师进阶面试题

已知道如下数组： var arr = [[1, 2, 2], [3, 4, 5, 5], [6, 7, 8, 9, [11, 12, [12, 13, [14]],15]], 10]; 编写一个程序将数组扁平化并去除其中重复部分数据，最终得到一个升序且不重复的数组： var res= [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15] 答案：<scr...

2018-04-08 15:26:07 723 4

原创 javascript数组对象for循环中突然出现闭包的解决方案

1.代码目的是：将后台返回的data数组对象通过setData函数写到全局数组itemArr中。但是下面的写法出错了！<script>var data = [ {name:'小红',age:'18'}, {name:'小名',age:'19'}, {name:'小白',age:'20'}, ...

2018-04-08 11:40:07 5108 2

原创微信小程序修改data中定义的值setData()

1.修改普通变量的值data: { isShowPage1:false, count:0, },playAgain:function(){ this.setData({//通过setData来修改 isShowPage1: true, count:10, }); },普通变量修改是很简单的，参考一下上面就可以！ ...

2018-04-04 18:18:47 11809 2

原创微信小程序跳转外链web-view用法

小程序已经开放了，跳转外链的功能，意思是，在小程序里面可以直接跳转到一个h5页面中。注意上图中的两个信息： 1.个人类型与海外。。。。不支持。 2.配置域名白名单。基本的配置结束之后，我们就来开始用web-view这个插件了。 <web-view src="https://hx.qq.com/zlkdatasys/mct/proj_1/download.shtm...

2018-04-03 18:12:22 75979 9

原创微信小程序缺少文件, error: /game.json not found

今天小程序功能开发结束了，想要换真实环境下的appid来测试一波，兴高采烈的点击‘预览’想要生成二维码的时候，竟然报了一个十分莫名其妙的错误：缺少文件, error: /game.json not found 第一时间去找百度，竟然没有任何一条跟这个错误相关的搜索我当时就慌了：妈的，这问题是第一次出现在人类历史上的吗？后来，冷静下来，认真看了微信小程序的开发文档和对比了其他微信小程序我发...

2018-04-03 17:07:39 17697 8