老炉传说的专栏

报错描述今天做一个用户登录，发现自己在使用pdo-prepare()函数时，总是报Fatal error: Call to a member function prepare() on null inC:\Program\www\layout\sqadmin\action\handle_nosession.php on line 7这个错误，调试了半天，发现自己居然把引入的php文件中的$_opts_values = array(PDO::ATTR_PERSISTENT=>true,PDO

很多刚入门的身边的小伙伴不会计算卷积和池化，于是为了方便大家计算顺便根据卷积池化计算公式设计了一个在线计算器卷积池化计算器地址如果你很懒的话，可以用这个计算。

近期做了一个摄像头web呈现项目，用的是雄迈的摄像头，上次用的海康，所以将本次ffmpeg转码推送的代码做了一下记录。雄迈摄像头推送代码如下：ffmpeg -rtsp_transport tcp -i "rtsp://摄像头ip:554/user=admin&password=&channel=1&stream=0.sdp?real_stream" -q 0 -f mpegts -codec:v mpeg1video -s 1000x600 -r 30 http://192.16

我糟糕的英语学习史作为80年代初出生的人，小时候我们是不学英语的，第一次接触英语是我再邻村上初一的时候，老师念出英语发音时，底下孩子们感觉很新奇，哈哈笑成一片。中考我以英语82分的成绩上了高中，高中以后我的英语和我的童年时代一起跟我say goodbye了。高中期间英语从来没及过格，2001年高考英语满分150，我考了67分，总分离2本线差了几分，没办法又复读了一年，好在第二年英语考了87分，总分超1本线总算进了大学。上了大学英语彻底放弃，当时正赶上英语100分满分改710分，我就考了一次考了336分，

如何动态显示Ecahrts图表下面是我们要显示的JSON数据，为了简单起见，省去了Ajax获取JSON数据的步骤，直接定义变量，变量为获取到的JSON数据。 let count = {"1":[{"num":177,"time":"21:27:5"},{"num":177,"time":"21:27:9"},{"num":189,"time":"21:27:13"},{"num":185,"time":"21:27:17"},{"num":184,"time":"21:27:21"},{"num"

我已经把httpd.conf里面改设置的地方都设置了还是不能访问出现这个问题确实很头疼，今天有几个同事需要访问我电脑上的一个框架接口页面，访问地址是地址+端口+目录名，我根据经验想当然的打开了httpd.conf把里面的配置改成了接收所有请求： ServerName 172.21.200.172:8088 <Directory /> AllowOverride all Require all granted </Directory>

今天一个同事用Python做了一个关于机器视觉的处理，他希望处理的视频结果能够在H5页面上实时呈现出来，方便客户通过浏览器查看。折腾了一天终于搞定，现总结方法如下：需求Python读视频流进行处理，处理结果呈现在H5网页上，要求延时不能大于0.5秒。分析Python处理每一帧的图片，处理好以后发送到前端呈现，所以前端最好使用canvas或img标签呈现图片，通过实时更改canvas或img的图片可以达到视频呈现的效果。通过分析，我们决定使用图片的base64编码作为发送的图片数据，所以最终选择了im

之前我们在做js的时候习惯使用var定义变量（当然有很多人连var都不用），如果在函数中使用var定义变量，则变量的作用域仅在该函数中起作用。如果不用var，即使你在函数中新创建一个变量，这个变量仍然是全局的。如果在for循环中使用var定义变量则该变量作用域为当前for循环的父级，这会造成很多的不便。好在es6新推出的let和const，很好的解决了for循环及判断语句作用域的问题。例如使用var写如下代码 var b = true; if(b){ var c = 0;

异步获取函数直接上异步获取数据的函数async function getData(url) { const carsDataResponse = await fetch(url); const carsData = await carsDataResponse.json(); const mydt = carsData.map(obj =>{return {name:obj.Name,mpg:obj.Miles_per_Gallon}})

前些时间做一个前后端通信的系统，在调试的过程中每次刷新页面都有很多输出，乱的很，所以自己又加了几个颜色的输出，console.js内容如下：var sq = { log: function (s, css) { css = (css == undefined) ? "color:#fff7d3;background-color:#ff4f49;font-size:12px;padding:10px;" : css; console.log("

技术文章还是csdn好点吧，所以将博客搬至CSDN中。

需求最近有一个需求，用户打开一个网页查看单位门口的一个海康摄像头，延时不能太大，该网页需要实现人脸识别功能。分析通过网上查看各方资料，以及自己的多次尝试，最终发现web端实现监控摄像头人脸识别最适合我们的方法是ffmpeg+websocket+jsmpeg实现视频流实时绘制到canvas上，然后使用TensorFlow.js+face-api.js读取canvas上的图像进行人脸识别。实现步骤1、安装配置ffmpeg+websocket+jsmpeg安装配置ffmpeg+websocket+js

今天在使用ueditor的时候发现一个这样的报错。ueditor的css和js文件引入的路径没问题，不知道问题出在哪儿！Uncaught TypeError: Cannot read property 'nodeType' of undefined at Object.isEmptyBlock (ueditor.all.js:3938) at UE.Editor.hasCon...

很多朋友问网页上鼠标移上去以后的过渡效果怎么实现的，以往没有css3我们通常使用jquery的animate实现，现在有了css3确实方便了很多，一个transition即可实现。比如下面这个div，我们实现一个鼠标yi's移上去以后背景色和圆角的过渡变化。&lt;div id="myTest"&gt; 如沐春风 &lt;/div&gt;现在我们首先设置一下d...

“小白，网页分析的怎么样了？”“小有感触，我发现很多网站头部和底部容器都是通栏的，浏览器窗口多宽，他们就有多宽。这些好像是自动适应的，主体部分一般都是固定的宽度，并且是居中显示的！”“不错，小白，看得很仔细，你之前也自己看了html的标签，那么你应该知道什么是“块”吧！”“知道，块元素（容器）默认宽度跟它父容器的宽度一样，而且前后有换行符。如果不做特殊的样式控制，每个块容器两边都不会有...

老朱一大早口中念念有词：“折冲樽俎之间,决胜千里之外”，小白摸不清头脑问道：“这是什么意思？”“没事！我正在想今天怎么跟你说网页布局的事，因为网页布局也分横布局和纵布局，因此我就想到了古人这句话，今天咱就探讨一下网页布局的纵横之术吧！”“好的，听上去很高大上啊！”，小白笑嘻嘻的说道。“小白，你经常看网页，有没有发现，无论一个网站多复杂，它都是由三大块组成的：头部区域、主体内容区域和底部...

北方的风太大，吹得窗户咚咚作响，小白自从上午用了jQuery事件后，一直沉浸在鼠标控制容器内容的练习里面，周围无论多大的噪音也干扰不了他。中午太阳很好，低头族们又来到小白旁边向阳的窗口扎堆晒太阳。其中一人无意间看到了小白真正摆弄的页面，感到很好奇，说道：“哇！小白，这是你做的么？”小白得意的说道：“必须的！”“小白你真了不起，几天不见居然都会高科技了！”，“哇！小白，真佩服你，你居然会写程...

近日，外面天气越来越冷，由于小白办公室是阳面，因此窗户口总能聚集各式各样前来晒太阳的低头族。看着他们，小白也想懒洋洋的靠在窗口，看着手机放松放松自己。放松的想法在小白脑海中仅仅存在了十几秒中后，就彻底消失在虚空之中了。小白发现自从认真学html5开始到现在，居然把没事就想拿出手机的习惯都给改掉了。处理完手头的事情后，小白又去找老朱，看看今天会学什么方面的知识。“小白，这几天连续学习累不累？”...

“小白，上午我们学会引入了jQuery，然后用jQuery改变了一个div的html内容，现在我们说一下jQuery常用的选择器，如果你用好jQuery选择器，你会发现改变一个或一组容器的html内容是如此的简单。”“在jQuery里面最常用到的是id选择器，今天上午我们刚用过那个方法，$('#main')就是找到id为main的容器并将它转换为jquery对象，id选择器需要在id名前面加上...

“小白！今天我们开始学习怎么使用jQuery，jQuery是一个非常强大的js框架，在做网页功能的时候配合jQuery你会发现对网页上的容器控制变得很简单，这会让你一直保持学习的动力。所以我准备让你先学习引入jQuery，然后对容器进行一些基础操作，再配合js的一些知识循序渐进的进行深入学习。好了现在打开你的webStorm的mylearn项目吧！”“mylearn项目？哦！我想起来了，打开w...

“小白，js的基本语法都看了吧！”“看了，变量、函数知识我都看了，原来JS是一种弱类型语言，定义的时候不用声明他是什么数据类型，给变量赋什么类型的值，变量就是什么数据类型。函数就更简单了，直接使用function 函数名(){函数内容}就可以了！你看我写的这段代码！两个alert输出都是a+b的值11”a = 5;b = 6;function addnum(a,b) { re...

“小白昨天给你的布局练习做的怎么样了？”“已经做好了，朱哥，你看一下！”代码如下：查看这个示例的源码“不错嘛，做的很好。不过小白，你有没有发现把css代码直接写到div的style属性上面看着很乱。我们现在这才写了一个容器的样式，如果一个页面上有上百个容器，整个页面css代码的量是很恐怖的！我们可以把css样式写到一个单独的css文件中，或者写到head里面的style标签...

“小白，CSS样式看的怎么样了？”第二天老朱找到小白问道。小白郁闷的说道：“过了一遍，不过CSS样式太多了，看的有点晕。”“嗯，过一遍就可以了，我来跟你说一下CSS怎么用吧！你还是打开昨天的文档。”查看源码“打开了！”“好的！CSS样式最常见的就是控制一个容器（div、p、span、li等这些都是容器）的文字样式、高宽度、背景、间距、边框等，比如width:100px就代表...

原文地址        “小白，HTML标签看完了么？文档对象模型看了么？”        “看了，我终于知道你昨天问我的那个关于网页结构的问题了，原来根据文档对象模型，网页就是一个对象嵌套的结构，最外层是html标签，里面是head和body标签，head和body里面又有各自的子标签，可以一直嵌套。”        “嗯，大概就是这个意思，好了现在你打开WebStorm软件，新建一...

早晨上班时候，小白来的很早，他已经迫不及待的开始学习HTML5了，老朱刚来他就凑了过来，“朱哥，我应该从哪儿开始学？”，“你不用着急，先把做HTML5的工具准备好吧！”“你先下载一个webStrom，这是用来写web前端代码的软件，功能非常强大，用这个软件可以省去你记忆css属性名、html标签名的时间，js的代码提示功能也非常强大。”“然后安装谷歌chrome浏览器”小白：“为何...

下午外面起风了，北方的冬天说来就来，好在小白的办公室是阳面，还算暖和。处理完手头工作后，小白找到了老朱，正式开始学习。老朱：“小白，你知道什么是HTML5么？” 小白：“大概了解一些，HTML5就是使用JavaScript+CSS+HTML来做网页，具体怎么做就不知道了！”老朱：“恩，原理是这样！大道理我就不说了，说多了你也记不住，就算记住现在也理解不了。我大概给你说一下网页制...

下午外面起风了，北方的冬天说来就来，好在小白的办公室是阳面，还算暖和。处理完手头工作后，小白找到了老朱，正式开始学习。老朱：“小白，你知道什么是HTML5么？” 小白：“大概了解一些，HTML5就是使用JavaScript+CSS+HTML来做网页，具体怎么做就不知道了！”老朱：“恩，原理是这样！大道理我就不说了，说多了你也记不住，就算记住现在也理解不了。我大概给你说一下网页制...

       小白大学毕业后去了一家公司做了运维工作，到现在已经工作两年了，因为他的工作比较清闲，上班时间基本都是在游戏和上网冲浪中度过的。        最近小白结婚了，想着以后要靠他们小两口共同支撑新的家庭，他开始慢慢的对自己当前工作状况忧虑起来。每天这样虚度可不是回事啊，可是自从毕业以后在学校学的编程技术基本已经还给老师了，想换个好工作都没有技术资本。每每想到这里，小白都会叹气。  ...

       小白大学毕业后去了一家公司做了运维工作，到现在已经工作两年了，因为他的工作比较清闲，上班时间基本都是在游戏和上网冲浪中度过的。        最近小白结婚了，想着以后要靠他们小两口共同支撑新的家庭，他开始慢慢的对自己当前工作状况忧虑起来。每天这样虚度可不是回事啊，可是自从毕业以后在学校学的编程技术基本已经还给老师了，想换个好工作都没有技术资本。每每想到这里，小白都会叹气。  ...

“小白，你知道什么是常量什么是变量么？”“知道啊！常量是无法被更改的，比如数学上常用的Pi的值是3.1415926、数学常数的值、黄金分割的值等等，当然还包括一些明确知道的值，比如正常人的胳膊数量是2，单手手指数量是5等等。变量是可以被随意更改的，比如人的身高、公司每月收入支出等等。”，小白利索的回答道。“你在javascript中怎么定义变量呢？”小白说：“你不是告我用var进行定义么？...

“小白，元旦假期过的还好吧！”“还行吧！睡了三天，冥想了三天，脑子里把最近看到javascript知识重新整理了一遍，对js的认识比以前清晰多了。”小白继续说：“只不过，我有个事情不太明白，一个站点或者一个游戏那么多功能，肯定会写很多代码的。他们肯定不会像我现在这样在页面里面一行一行的往下写代码吧？”老朱：“不错，小白，能提出这个问题说明你对js做了很深刻的思考。我在很早之前做开发的时候碰...

自从了解js通过canvas压缩图片上传功能以后，小白对javascript的敬畏之心又提升了一大截，这两天在练习的时候发现自己平时熟悉的代码变得陌生起来，比如为什么定义函数时这两个方式都可以用。带着这个疑问，小白找到了老朱。“朱哥，为啥在js里面要用两种定义函数的方式呢？”老朱：“严格意义上来说上面那个不是定义一个函数，而是将一个变量指向了一个匿名函数，这里是引用的关系。你可以控...

"朱哥，昨天试了几把图片上传的功能，感觉还不错，不过有个小问题！"老朱：“什么问题？”小白：“小图片上传还好说，大图片上传的时候经常会卡顿一下。”老朱：“恩，很多人上传图片的时候都是直接上传原图的，很多相机照的原图大小都在4M左右，上传的图片如果都是这么大，不但用户觉得你的网站速度慢，还非常占服务器空间。”小白：“哦，确实是，很多人压根不知道自己上传的图片到底有多大。”老朱：“所以我们要让...

“小白！还记得之前我们说过的jQuery中的ajax异步加载数据的方法么？”“记得，之前的代码我这里还有，你看看是不是这个？”老朱：“恩，没错，通过ajax向图片上传的页面把昨天获取到的图片base64编码发送过去，php页面就可以把图片存储到服务器上。”小白：“可是我不会php啊！这怎么办？”老朱：“没关系，你不用了解php是怎么把图片存到服务器上的，只需要知道把图片发送给图片上...

“小白，昨天我们了解了input为file类型时选择图片的功能，我们暂且称它为inputfile吧，今天我们说一下javascript对inputfile的一些操作，为我们做图片上传做个准备。”小白：“好啊！真想知道js是怎么读取文件信息的！”老朱：“这是一个图片上传简单布局。”“主容器main里面包含了inputfile、缩略图容器和上传按钮。现在我们要做的第一步功能就是...

“朱哥什么时候咱做一个通过canvas图片上传的功能啊！”，小白一大早向老朱问道。老朱：“这个不能着急，图片上传涉及的功能比较多，你可以先试着做一个通过input控件上传的功能，做好以后我们在input上传的基础上配合canvas就可以实现图片压缩及剪切后上传了。”“input不是文本框么？它能做上传的功能？”老朱：“input的type如果设置成file它就能配合php等语言做文件上传，...

“小白，canvas绘制图形功能自己看了么？”“看了，我自己画了些圆和线条，还绘制了问题，不过感觉没什么实用价值。”“这些功能对于做图表还是很有用的，了解一下就可以了，我们今天聊聊canvas在web前端应用中最常用的一个功能——重绘外部图片。”“外部图片直接插入到网页上不行么？为什么要在canvas中重绘呢？”老朱说：“假如用户上传头像的时候图片格式特别大，我们就可以把头像先在canva...

"朱哥！JavaScript这几天学的脑子都发热了，我怎么感觉越来越枯燥了！"小白一大早就向老朱抱怨道。老朱：“对象这块知识是js自始至终永远离不开的内容，而类又是对象的抽象，所以你前期了解类的知识还是有必要的，不过我们不是还没有深入学习类么！”小白：“还没有深入学习？”老朱：“恩，其实还有一种终极类的继承模式我们没有说，前两天我们做的类的继承看上去功能实现了，但是每次实例化的时候都要重新...

“朱哥，C#和java中的构造函数我明白什么意思，可是在js中并没有定义构造函数的说明，javascript中的构造函数到底在哪儿了？”小白找到老朱问道。老朱说：“你可以把定义类的时候function主体都看作是它的构造函数，通过prototype添加的方法看作是类的公共方法，这样就好理解了。你看下面这个类。”小白看了一下说道：“上面Obj1的function主体就是构造函数吧！它...

“javascript中的prototype真是太好用了，在我理解prototype的时候感觉自己对js有了顿悟！”小白欢喜的说道。老朱：“恩，其实当你能把javascript中所有的数据类型都能理解为对象(包括函数也可以看作对象)之后，你再重新审视js就会发现它原来是这么灵活，以前很多公共js控件看不懂的代码突然能够理解了。”小白：“是啊！我在没系统学js之前一直以为js是一种简单的面向...

"小白，昨天写的那个Man类还在不？"小白：“在呢！您看一下。”老朱看完代码以后，把代码调整了一下，跟小白说道：“我把代码改了一下，现在添加了另一个实例laozhu”“一般我们在做页面功能的时候，类基本都是从一个外部js地址加载进来，这个js文件里面可能包含了很多常用的类，我们是不能随便改它们的，因为还有其他的开发人员在引入这些js文件。但是有时我们又希望给这个类添加一个通...

“对象是具体的，类是抽象的！其他编程语言这块分的还是挺清楚的，在Javascript中类和对象有时是傻傻分不清楚。小白你看看这段代码可以执行么？”小白看完以后说道：“你这是定义了一个男人对象，然后给对象赋值后输出对象的名字和电话吧！应该可以执行！”老朱：“错了，这个是执行不了的，你有没有注意到Man里面name变量前面加了this，如果定义变量的时候前面加了this，就说明这个变量...

“小白最近我们说了好几次javascript中的对象，现在你对对象的构成了解了么？”小白：“了解了，对象可以通过两种方式进行定义。假如把我自己作为一个对象通过下面两种定义方式都可以：”老朱说道：“那如果页面中同时需要十几个像你一样的对象怎么办？”小白：“继续定义呗！还能咋地！”“那我要是不想让人修改对象的名字和性别怎么办呢？”小白楞了一下，说道：“这就没办法了。”老朱：“是啊！实际...

这几日，随着小白对HTML5认识的提升，他自己没事浏览网页的时候总会注意一些特殊的展示效果，让他印象最深刻的一个效果就是用户头像了，一个矩形的图片怎么就显示成圆形了呢？一上午没想明白，下午看着老朱没什么事，就去向老朱请教：“朱哥！网页上的图片怎么能显示成圆角呢？特别是正圆形是怎么做出来的啊？”老朱随口说道：“border-radius啊！之前我们已经用过几次了啊！”小白说：“这不是控制容器...

“小白，你仔细想一想网页上的视频什么情况下需要使用javascript进行操作？”“我把video的标签属性看了一下，感觉标签的属性已经可以实现所有功能了，autoplay属性可以让视频自动播放、controls属性可以给视频增加播放控件、loop属性能让视频循环播放、preload属性可以实现预加载，功能已经很完善了，还需要javascript控制么？”老朱说：“当然需要了，video标...

"朱哥，现在视频站好火啊！那些视频是怎么放到网页上进行播放的呢？一定很麻烦吧！"老朱：“不麻烦，HTML5标准下，一个video标签就搞定了。”小白：“一个标签就可以实现视频播放么？”老朱：“是啊！只要是支持HTML5的浏览器就可以，现在新浏览器都支持HTML5的，特别是手机上的浏览器妥妥的支持HTML5标准。”小白：“那是怎么实现的呢？能给我详细说一下么？我已经迫不及待的要学这个功能了。...

本来对判断稍有点模糊的小白，上午经过老朱一顿各种“非”之后，感觉脑子都不够用了，他把javascript中的not true(作为判断条件当成false的undefined、null、NaN、0)这几个都自己动手写了些，终于明白了其中的奥秘，心想：“javascript中判断的时候只要记住false、undefined、null、NaN、0这几个值是假，剩下的都是真就可以了，总算记住了。”...

一大早老朱碰到小白问道：“小白，这几天学习web前端的过程中有哪些不明白的地方？”小白：“判断语句能不能再跟我系统说上一遍，用了一段时间javascript感觉判断语句还是用的不太熟练。”老朱：“好吧！那咱就再过上一遍。上次我跟你说过判断语句的条件是什么来着，还记得么？”小白：“记得，true、false还有undefined，true为真其他两个为假。判断语句：条件为真执行if里面的内容...

最近天气干燥，小白和老朱都感冒了，虽然状态不好，小白还是没有停止HTML5前进的脚步，他憋了一股劲一定要在2018年到来之前提高一个台阶。看到老朱来到办公室，小白赶紧凑过去：“朱哥，再来点新东西吧！”老朱哑着嗓子说道：“你先试着把昨天的弹窗增加一个出现的动画吧，正好熟悉一下CSS3动画。”小白：“消失的动画用不用做？”“消失先不用做，消失我们用了remove直接移除了弹窗容器，就算加上cs...

下午小白感觉有些感冒，身上特别沉，虽然一点状态都没有，但想起上午自定义弹窗的关闭事件还没有做，心里一直放不下，还是找到了老朱：“朱哥，有时间没？咱聊聊弹窗关闭的事情吧！”老朱也有点感冒，哑着嗓子跟小白说：“我看你今天的状态也不好，今天只把窗口关闭的方法实现了吧！你现在对JavaScript的机制还不是特别熟练，我们也不要做的太深入了，尽量用之前接触过的方法来实现。你打开上午的代码我们对着代...

“小白！对象方法里面调用自己的属性怎么调用？”“this.语法调用啊！”老朱说：“没事我就是随便问问，今天我们继续完善昨天的弹窗控件，还是打开昨天建的那个javascript文件里的代码吧！”小白说：“好嘞，早就准备好了！”老朱又重新看了一遍代码说道：“小白，你说弹窗有哪几个地方是需要设置的？”小白想了想说：“提示的标题、提示的内容、还有点了确定要触发的事件！”“恩，这三个是比较关...

“小白，今天上午布局的那个弹窗想法不错！”小白说道：“我只是用CSS布了一个局，还没有添加用户交互呢！”老朱说：“不着急，像这种常用的功能你可以尝试把它做成控件，这样以后就能经常使用了，从现在开始我们用几天的时间了解一下，怎么做一个能够经常调用的控件吧！”“恩，这样确实不错，虽然做的时候麻烦点，但是以后使用起来就会很方便了！我应该做点什么准备工作呢？”老朱跟小白说：“一个控件包含CSS和J...

北方的冬天最怕有风，空气虽然好了，但是异常的冷，吸几口冷风感觉肺都结了冰。一大早小白来到办公室琢磨用户交互方面的问题，看了几个网站发现很多网站的弹窗都是自定义的，而且还把弹窗周围的区域做成了半透明状，看上去非常不错。于是小白也准备自己通过css布局一个弹窗试试，一来以后肯定会用上这个功能，二来熟悉一下最近掌握的CSS+HTML布局。说干就干，小白打开webStrom做起了弹窗的布局。他首先...

小白郁闷的找到老朱说道：“朱哥，我想让一个块容器在一个容器里面垂直居中怎么这么难啊！”老朱：“你是怎么实现的？”小白说：“比如一个容器的高度是400px，子容器的高度是300px，我就把子容器CSS上边距设置成50px。”“那要是父容器高度发生变化你的子容器岂不是很麻烦”小白郁闷的说道：“你可说吧！头疼的很！怎么才能轻松的设置垂直居中啊？”老朱说：“如果一个容器只有一行文字...

“小白，知道怎么制作登陆模块么？”“大概能想明白，简单的登陆主要是用户名、密码两个输入框，复杂点的可能会加上验证码和手机验证。用户填写好信息以后，点击确定后把用户输入的信息通过POST方式发送给做登陆处理的PHP页面。做登陆处理的PHP页面判断如果用户名密码正确，则返回登陆正确的JSON字符串，如果用户名密码错误则返回对应的错误信息JSON字符串。”“嗯，基本没有问题，不过有一个情况你没有...

“小白，我们接着说CSS3动画的事情吧！今天上午你了解了一下关键帧keyframes，已经可以实现一些打开页面后自动执行的动画效果，现在我们试试通过jQuery动态给容器添加CSS3动画。”“为什么要动态添加呢？”“有时我们并不希望打开页面就执行一个动画，而是希望通过用户的点击或者鼠标移到某个元素上再触发对应的CSS3动画。你有没有发现，现在很多网站的图片鼠标移上去图片会稍微变大一点，鼠标...

“小白，昨天的jQuery加载JSON数据练习的怎么样了？”“感觉很不错，虽然对handle.php怎么连接的数据库，怎么输出的JSON数据不明白，不过我感觉我是不是可以把handle看成是一个静态的JSON格式的文本文件？”“恩，目前可以这么看，改天我教教你简单的PHP知识吧！今天咱再来学个新的技能CSS3动画，有了CSS3动画我们就可以让页面更活泼，给用户的体验会非常不错。”“CSS3...

“我们继续上午的ajax加载，把剩下的事情做完吧！”，老朱跟小白说道。“好的，我现在就打开上午的那个文件。”“好的，小白，上午我们写的这个ajax加载是向handle页面发送一个用户uid，handle页面给我们返回这个用户的标识(uid)、姓名(userName)头像(imgSrc)、电话(tel)。现在我们实现这样一个简单的功能：点击用户列表中用户的名字，然后在详细信息显示区显...

“嘿，小白！你能把昨天收集的用户反馈表给我么？”“可以啊，稍等，我等下给你发过去！”不一会，小白把用户反馈表给老朱拿了过去，老朱拿到反馈表以后把表放到了桌子上，对小白说：“小白，反馈表的事情我一会儿再处理，我再给你说个知识点吧！刚刚我问你要反馈表，你把表给我后我再处理的整个过程就是JavaScript的ajax请求的过程。”老朱继续说道：“都知道ajax是一个异步请求，很多人一听到异步请求...

下午办公室暖气很热，大家的工作状态都不是特别好，感觉每个人都像树懒一样或缓慢移动鼠标、或懒懒的打着瞌睡。小白也不在状态呆呆的盯着电脑，不知道该做些什么。经过一阵阵朦胧的困感之后，小白还是起身找到了老朱。“朱哥，下午实在没状态，有没有简单点的知识，给我说一个呗！”老朱也不在状态，布局方面的实在是不想说，思考了半天说道：“要不说一下JSON数据吧，这个简单，你只要了解了JSON数据接下来就可以...

"小白，你最近看CSS的时候碰到position属性了么？"“碰到了，通过position可以改变容器的定位，我记得官方描述是这样的：这个属性定义建立元素布局所用的定位机制。任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。”“恩，不错，今天咱说一下position里面的fixed类型吧，这个属性值是让容器基...

经过一上午的练习，小白对JavaScript中的对象有了一定的了解，下午时分小白又找到老朱，想问他还有什么需要学习的知识。老朱对小白说：“上午我们说了对象的原始定义方式，在平时的使用中还有一个非常快速的定义对象的方法，通过大括号括起来直接定义变量和方法。”“小白，你看这里的定义方式是不是更方便？变量和方法使用键值对的方式进行定义，使用起来更加简洁。如果有一个处理用户信息的函数set...

“道生之，德畜之，物形之，势成之，知道这句话出自哪儿么？小白！”，老朱一大早神叨叨的跟小白说。“不知道，肯定是古人说的吧！哈哈～”。“这是道德经里面的一句话，说的是：世间万物最初的生机都是来源于“道”的那个生命原始海洋，都是“道生一，一生二，二生三，三生万物”而来的。我个人认为这是老子对对象非常好的一个总结，JavaScript里面的Object就是老子说的道，在JS中所有的对象都来自于O...

“还记得前几天我们说的鼠标事件么？里面用到了两个函数overme和outme，今天咱聊聊函数的一些基础知识吧！”“好啊！前两天说这两个函数的时候我心里就有很多不明白的地方，能系统的说一下就最好了！”老朱说：“我觉得刚开始也不一定要把函数相关的知识都说了，咱还是挑一些重要的来说吧！”老朱接着说：“在js里面函数也可以作为一个参数传递，也就是说我们可以定义一个变量，让变量等于一个匿名函...

“小白，你面临过选择么？”“面临过啊，今天上午就在犹豫是骑自行车还是坐公交，出门一看天太冷，所以就做公交来上班了。”“如果不冷你就骑自行车来了，对吧？冷或者不冷就是一个布尔类型，在js里面布尔类型只有两个值true(真)和false(假)。在js里面也存在判断类型的语句，如果把你今天早上的选择写成判断语句可以这样来写”“你看！我定义了一个cool变量让他的初始值是true，后面使用...

“还记的我们之前说过的数组么？”“记得，一个数组可以包含一组数据。要遍历一个数组可以通过for循环输出数组中的数据。”“好，小白，你现在定义一个数组，给数组设定一些初始值，然后遍历一下，我看看。”“这里的i是一个计数器，每循环一次i加1，当i小于数组a长度的时候，每轮执行一次控制台输出，当i等于a的长度的时候循环就会停止。”“嗯，理解的不错！那如果是一个二维数组怎么遍历？比...

“小白，图片在网页里面的重要性不言而喻，今天咱聊聊最常见的图片吧！网页中插图图片使用img标签，img标签不是图片，它只是图片的占位容器，我们需要通过src属性告诉img容器图片的链接。”“哦~那是不是通过jQuery改变img标签的src属性就可以实时改变一个img标签的图案？”“嗯，说的不错，比如鼠标移到一个图片上后让图片变成另一个图，就可以通过jQuery更改img标签的src属性。...

昨天晚上有风雾霾吹的一点不剩，高楼在蓝天的映照下非常清晰高大。小白最近学习劲头很足，也没有心思出去玩，在路上一边走一边思考这几日的心得，走着走着就到了公司楼下。“我再去练习练习吧！”心里想着就走进了公司，没想到正好碰到老朱加班。“朱哥，周末过来加班啊！”“唉~有个H5的小游戏要做，客户周一就要，没办法就过来了！”“H5小游戏您是也是用之前教我的那些知识做的么？”，小白激动的问到。“你现在学...

“小白，你知道文本框么？”“知道，就是网页里面输入文字的地方！”“哦，那你知道表单么？”“不知道，表单是什么啊？”“文本框就是一个表单元素，在HTML语言里面表单主要用来收集用户输入。比如文本框、单选框、复选框等等。其他的表单你目前学了也用不到，文本框是表单中最重要的一个，今天咱聊一聊文本框吧，文本框以后会成为你练习的常用元素。”“首先文本框是一个行内元素，行内元素跟块级元素不同之处在于它...

“小白啊！今天来的这么早？”“恩，昨天看了纵布局以后，今天已经着急学横布局怎么实现了，这两个布局会做了，我是不是就可以做任意的网页布局了？”“普通的页面布局肯定一点问题没有，改天我再跟你探讨一些关于css的position的问题，今天我们还是说横布局吧！”老朱接着说道：“小白，你知道为啥叫div容器么？”“不知道！为什么呢？”“最简单的原因就是它的里面可以放东西！另外它还可大、可小、可自由...

“小白，网页分析的怎么样了？”“小有感触，我发现很多网站头部和底部容器都是通栏的，浏览器窗口多宽，他们就有多宽。这些好像是自动适应的，主体部分一般都是固定的宽度，并且是居中显示的！”“不错，小白，看得很仔细，你之前也自己看了html的标签，那么你应该知道什么是“块”吧！”“知道，块元素(容器)默认宽度跟它父容器的宽度一样，而且前后有换行符。如果不做特殊的样式控制，每个块容器两边都不会有其他...

老朱一大早口中念念有词：“折冲樽俎之间,决胜千里之外”，小白摸不清头脑问道：“这是什么意思？”“没事！我正在想今天怎么跟你说网页布局的事，因为网页布局也分横布局和纵布局，因此我就想到了古人这句话，今天咱就探讨一下网页布局的纵横之术吧！”“好的，听上去很高大上啊！”，小白笑嘻嘻的说道。“小白，你经常看网页，有没有发现，无论一个网站多复杂，它都是由三大块组成的：头部区域、主体内容区域和底部区域...

完成一天忙碌的工作后，开车行驶在拥挤的车流中，从近到远红色的汽车尾灯一闪一闪，提醒着我们哪一段在行进，哪一段停止，就在我心里正在怒骂这该死的交通的时候，新闻里播放了一条新闻：1万多名科学家联名警告人类，全球环境正在恶化，很多破坏已经不可逆转。听到这条新闻，做为一个农村长大的孩子，我的思绪随着一闪一闪的汽车尾灯回到了小时候。​我的家在山脚下，村里有两条大点的河，很多从...

在我们平时上网的时候，总会有一些图片希望能够保存下来，或者分享给好朋友，下面老炉就给大家详细说一下网页上图片操作的几个小技巧。目前主流的几个浏览器如IE，360，火狐，谷歌等对图片的操作都有三种方式，分别是另存为，复制图片，复制图片地址，这三个方法分别在什么时候用呢？“图片另存为”这个绝大多数人都知道原理，在网页上的图片上点右键，“图片另存为”可以将图片保存到电脑上。“复制图片地址...

不知你有没有发现，在我们搜索资料的时候，搜索结果前面和后面几条经常会有广告，有分辨能力的人对这些广告通常都不予理会，但对于年龄稍大，或者很少接触网络的朋友，用百度搜索的时候，经常会以为前面的广告更适合他们的查找结果，如果不想显示这些广告有什么办法呢？在搜索框中输入的词前后加上双引号就可以屏蔽大部分广告，双引号在搜索引擎里面是精确搜索，也就是优先显示双引号之间的字段精确匹配的结果。举个简单的...

现在是自媒体时代，很多个人或者小团队都希望能有一个微信公共号平台用来宣传自己。公共号开通其实很简单，推广的方式也已经模式化，这些无需多述，这里我们从技术的角度来看看一个技术人员完成一个带有H5页面“会员中心”的公众号的流程。公众号的三个类别如果您的公众号需要经常性的推送群发图文消息，那么请注册订阅号，其他情况还是推荐注册服务号。不过注册服务号需要进行认证，这个需要有一个公司或者个体的资质。...

今晨窗外雾茫茫一片白，看手机提示是大雾黄色预警，这已经是一级预警了，看来今天路上应该又得堵车了。俗话说三句话不离本行，今天的大雾让我仿佛看到了一条条css代码在空中若隐若现，整个城市容器被模糊化了除了模糊还有那布局时常用的灰，#efefef #ddd #999，如果在现在模糊的城市中画上灰色的横与竖，再添加些鲜艳的图，就是一个唯美的页啊~~...

今天下午的空上了会儿网，看到一个帖子咨询网页布局的事情，帖子内容大概就是说自己的两个块级容器放到一个父容器里，为什么父容器底下的另一个容器会上升并占用父容器的部分位置，根据他的描述应该是这样一个结果。子容器1和2都在父容器里面，底部容器却占用了父容器部分位置这种情况经常做布局的童鞋一看就知道问题出在哪儿，肯定是子容器1和2不占位，并且父容器没有设置固定高度因此底部容器才会靠到父容器中文字的...

这几日降温，暖气还没上，在家嘴里哈出的白气清晰可见，临睡前为了暖暖身子多喝了几杯热茶，不知是不是茶的原因，躺到床上翻来覆去想了很多事情，大概过了一个小时还是睡意全无。于是拿起手机打开读书软件正好看到了朱自清的散文集，第一篇就是《匆匆》，在初冬的深夜看着这篇文章，我的思绪一点点被打开，回顾过去，我的工作和生活何尝不是如此的匆匆呢？像针尖上一滴水滴在大海里，我的日子滴在时间的流里，没有声音，也...