- 博客(50)
- 收藏
- 关注
RSS订阅转载 2017年前端人才市场：一半海水，一半火焰
一直很热闹的前端人才市场，在刚过去的 2017 年也不太平静。一边是薪水和地位继续见长，前端技术也异常活跃；一边是互联网红利期过后，市场回归理性，找工作艰难的抱怨声四起。看似矛盾的两种情景并存，不禁让人疑惑：这一年，前端程序员们究竟过得怎么样？100offer 在走访了几位今年跳槽的前端开发者和资深行业专家之后，结合数据，给出了我们的答案：初级前端程序员供给泛滥，待遇恶化，犹如浸入冰冷的「海水」；...
2018-07-10 15:08:14
363
原创 现代前端开发路线图：从零开始，一步步成为前端工程师
很多人都想学编程。但是苦于没有具体的步骤和指导。比如想找份前端开发的工作，却不知道应该先学习什么再学习什么，也不知道该选择什么样的工具。因为经常被人问到类似的问题，全栈开发者Kamran Ahmed索性在github上制订了一份现代前端开发的路线图，并且用一篇文章对前端开发的整个学习过程进行了详细解释。感兴趣的初学者不容错过。进入正题之前先交代一下我和这张路线图的背景。过去5年我一直在进行全栈开发...
2018-07-10 14:54:51
286
原创 吞吐率（Requests per second），缩写RPS
计算公式：吞吐率 = 总请求数 / 处理这些请求的总完成时间Requests per second = Complete requests / Time taken for tests吞吐率是服务器并发处理能力的量化描述，单位是reqs/s，指的是某个并发用户数下单位时间内处理的请求数。某个并发用户数下单位时间内能处理的最大的请求数，称之为最大吞吐率。QPS、每秒查询率（Query Per Se...
2018-05-08 15:51:53
14777
原创 程序员你知道吗？代码可读性
本文阅读深度为：简单本文全篇阅读时间3分钟首先我们来谈谈它的含义：“可读性”是描述在其他开发人员没有进行太多联想或猜测的情况下就能理解代码的含义。为了让其他的开发者对你的代码“可读”，你需要谨慎选择每个变量命名甚至是参数命名。但是有些东西是普遍存在而且也是受到人为因素的限制的。例如，很少会有开发者去追踪命名不定的变量。启发：变量，类，方法和其他引用是否有明确的名称？或者从开发者本身的角度看，这些开...
2018-05-08 15:50:11
949
转载 大学生你不失业天理难容！
同学你是否都有这些场景？你是否觉得熟悉上课时：清醒没有发呆的多，发呆没有睡觉的多，睡觉没有玩手机的多；下课时，自修没有吃零食多，吃零食没有看连续剧多，看连续剧没有游戏多。如此这般，就业时的失败怎能不比成功多？考试时：不给范围就不会考试，给了范围也只是复印同学准备的答案。你如果是老板，会雇用你自己这样的员工吗？毕业前：上大学前填报志愿，你说不知道自己的兴趣特长，好吧，大学毕业找工作了，同样不知道自己...
2018-05-07 14:46:41
2148
原创 15、内元素有哪些？块级元素有哪些？ 空(void)元素有那些？
行内元素a、b、span、img、input、strong、select、label、em、button、textarea块级元素div、ul、li、dl、dt、dd、p、h1-h6、blockquote空元素即系没有内容的HTML元素，例如：br、meta、hr、link、input、img参考资料：...
2018-05-07 14:36:45
341
原创 16、什么是HTML5？
什么是HTML5？？> HTML5是下一代HTML标准。？> HTML，HTML 4.01的上一个版本诞生于1999年。自从那以后，Web世界已经经历了巨变。？> HTML5仍然处于完善之中。然而，大部分现代浏览器已经具备了一些HTML5的支持。？> HTML5的设计目的是为了在移动设备上支持多媒体...
2018-05-07 14:35:36
190
原创 14、Quirks模式是什么？它和Standards模式有什么区别?
Quirks模式是什么？它和Standards模式有什么区别?从IE6开始，引入了Standards模式，标准模式中，浏览器尝试给符合标准的文档在规范上的正确处理达到在指定浏览器中的程度。在IE6之前CSS还不够成熟，所以IE5等之前的浏览器对CSS的支持很差， IE6将对CSS提供更好的支持，然而这时的问题就来了，因为有很多页面是基于旧的布局方式写的，而如果IE6 支持CSS则将令这些页面显示不...
2018-05-07 14:06:08
302
原创 13、行内元素、块级元素、空元素都有哪些?
行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？行内元素a、b、span、img、input、strong、select、label、em、button、textarea块级元素div、ul、li、dl、dt、dd、p、h1-h6、blockquote空元素即系没有内容的HTML元素，例如：br、meta、hr、link、input、img参考资料：MDN: 行内元素MDN: 块级元素...
2018-05-07 14:04:50
295
原创 12、iframe有那些缺点？
href和src的区别hrefhref (Hypertext Reference)指定网络资源的位置，从而在当前元素或者当前文档和由当前属性定义的需要的锚点或资源之间定义一个链接或者关系。目的不是为了引用资源，而是为了建立联系，让当前标签能够链接到目标地址。srcsource（缩写），指向外部资源的位置，指向的内容将会应用到文档中当前标签所在位置。请求资源类型不同（1）href 指向网络资源所在位...
2018-05-07 14:03:40
160
原创 11、iframe有那些缺点？
iframe中有哪些缺点？iframe中会阻塞主页面的的Onload事件（过多会增加服务器的HTTP请求）;搜索引擎的检索程序无法解读这种页面，不利于搜索引擎优化;页面样式调试麻烦，出现多个滚动条;浏览器的后退按钮失效产生多个页面，不易管理不容易打印IFRAME和主页面共享连接池，而浏览器对相同域的连接有限制，所以会影响页面的并行加载。使用iframe中之前需要考虑这两个缺点。如果需要使用ifra...
2018-05-07 14:01:55
355
原创 10、如何实现浏览器内多个标签页之间的通信?
如何实现浏览器内多个标签页之间的通信？（阿里）WebSocket的，SharedWorker;也可以调用localstorge，饼干等本地存储方式;localstorge另一个浏览上下文里被添加，修改或删除时，它都会触发一个事件我们通过监听事件，控制它的值来进行页面信息通信;注意quirks：Safari在无痕模式下设置localstorge值时会抛出QuotaExceededError的异常;使...
2018-04-28 16:36:43
425
原创 9、webSocket如何兼容低浏览器？
webSocket如何兼容低浏览器？(阿里)Adobe Flash SocketActiveX HTMLFile (IE)基于 multipart 编码发送 XHR基于长轮询的 XHR
2018-04-28 16:34:31
1741
1
原创 8、介绍一下你对浏览器内核的理解？
介绍一下你对浏览器内核的理解？主要分成两部分：渲染引擎(layout engineer或Rendering Engine)和JS引擎。渲染引擎：负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入CSS等），以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网...
2018-04-28 16:32:23
556
原创 7、介绍一下你对浏览器内核的理解？
主要分成两部分：渲染引擎(layout engineer或Rendering Engine)和JS引擎。渲染引擎：负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入CSS等），以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内容的应用程序都需要内核。J...
2018-04-28 16:28:33
905
原创 6、常见的浏览器内核有哪些？
常见的浏览器内核有哪些？Trident内核：IE，MaxThon，TT，The World，360，搜狗浏览器等。[又称MSHTML]Gecko内核：NETSCAPE6及以上版本，FF，MozillaSuite / SeaMonkey的等Presto内核：Opera7及以上。[Opera内核原为：Presto，现为：Blink;]Webkit内核：Safari，Chrome等。[Chrome的：B...
2018-04-28 09:54:32
3424
原创 5、HTML全局属性（全局属性）有哪些？
HTML全局属性（全局属性）有哪些？accesskey：设置快捷键，提供快速访问元素如aaa在windows下的firefox中按alt + shift + a可激活元素类：为元素设置类标识，多个类名用空格分开，CSS和JavaScript的可通过类属性获取元素contenteditable：指定元素内容是否可编辑contextmenu：自定义鼠标右键弹出菜单内容data- *：为元素增加自定义属...
2018-04-28 09:52:33
2101
原创 4、cookie、sessionSttorage、localStory区别
cookie、sessionSttorage、localStory区别cookie、sessionSttorage、localStory都是在客户端以键值对存储的存储机制，并且只能将值存储为字符串 cookielocalStoragesessionStorage由谁初始化客户端或服务器，服务器可以使用Set-Cookie请求头。客户端客户端过期时间手动设置永不过期当前页面关闭时在当前浏览器会话（b...
2018-04-28 09:51:45
4142
原创 3、Doctype的文档类型
Doctype作用? 严格模式与混杂模式如何区分？有何意义？声明必须是 HTML 文档的第一行，位于 标签之前.声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。严格模式的排版和 JS 运作模式是 以该浏览器支持的最高标准运行。DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以...
2018-04-28 09:50:08
216
原创 2、Html的语义化
Html的语义化语义化的HTML就是正确的标签做正确的事情，能够便于开发者阅读和写出更优雅的代码的同时让网络爬虫很好地解析。1、为了在没有css代码时，也能呈现很好的内容结构，代码结构，以至于达到没有编程基础的非技术人员，也能看懂一二。（其实，就是为了不穿CSS外衣，裸奔依然好看）。2、提高用户体验，比如：title，alt用于解释名词和图片信息。3、利于SEO，语义化能和搜索引擎建立良好的联系，...
2018-04-28 09:49:22
116
原创 1、HTML和XHTML的区别
HTML和XHTML的区别 ☆什么是HTML?Html是用来描述网页的一种语言，是一切网页的基础。HTML 指的是超文本标记语言 (Hyper Text Markup Language)HTML 不是一种编程语言，而是一种标记语言标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页什么是XHTML?XHTML 是更严谨更纯净的 HTML 版本。****XHTML 指可扩...
2018-04-28 09:48:37
870
翻译 4、Solidity编程语言开发框架之高级篇 Truffle命令指南
使用方式truffle [command] [options]命令build构建一个开发中的app版本，创建.build目录。truffle build可选参数--dist: 创建一个可发布的app版本。仅在使用默认构造器时可用。console运行一个控制台，里面包含已初始化，且随时可用的合约对象。truffle console一旦控制台启去吧，你可以使用通过命令行来使用你的合约，就像代码中...
2018-03-18 15:54:03
433
原创 3、Solidity编程语言开发框架之高级篇 构建流程
自定义构建流程纵贯Truffle的发展历史看来，默认构造器并不适合每一个人。它有一些明显的缺点，且相比其它构建系统显得不太成熟。由此，Truffle提供了三种方式，来让你扩展默认的构建系统，但让你能体验到绝大部分的Truffle的特性。执行外部命令如果你希望在每次触发构建时，执行一个外部命令。可以在项目的配置中包含一个选项。module.exports = { // This will run...
2018-03-18 15:51:08
250
翻译 2、Solidity编程语言开发框架之高级篇 网络与APP部署
背景即使最小的项目也至少会与两个以上的区块链打交道，一个是开发机上的测试链，如EthereumJS TestRPC.另一个则是比如你最终要部署的网络，如以太坊网络，自己公司内的私链等等。Truffle提供了一个管理不同网络下的构建和部署资源的系统，来简化最终的部署流程。指定一个网络大多数Truffle提供的命令根据指定的网络不同而表现不同，会使用对应网络下的合约和配置信息。可以通过--networ...
2018-03-18 15:48:33
231
翻译 1、Solidity编程语言开发框架之高级 1. 配置文件
位置你的配置文件是truffle.js。位于项目的根目录下。这个文件是Javascript文件，支持执行代码来创建配置。它必须导出一个对象，来代表项目配置，如下面的例子。WINDOWS下的命名空间冲突当使用Windows的命令行时，默认的配置文件名与truffle冲突。这种情况下，我们推荐使用Windows的power Shell或Git BASH。你也可以将配置文件重命名为truffle-con...
2018-03-18 15:45:15
293
原创 8、Solidity编程语言开发框架之创建一个工程
创建工程目录首先创建一个工程目录。你可以使用你喜欢的文件浏览器或使用下面的命令在命令行创建一个目录：$ mkdir myproject初始化你的工程接下来，通过下面的命令初始化一个Truffle工程：$ truffleTruffle v3.4.11 - a development framework for Ethereum$ cd myproject$ truffle init完成后，...
2018-03-16 16:01:22
172
翻译 8、Solidity编程语言开发框架之编译合约
合约位置所有你的合约应该位于./contracts目录。默认我们提供了一个合约文件，一个库文件，均以.sol结尾作为示例。尽管库文件有一定的特殊性，但为简单起见，当前均称之为合约。命令要编译您的合约，使用：truffle compileTruffle仅默认编译自上次编译后被修改过的文件，来减少不必要的编译。如果你想编译全部文件，可以使用--compile-all选项。truffle compil...
2018-03-16 15:59:56
199
翻译 7、Solidity编程语言开发框架之移植
移植是由一些Javascript文件组成来协助发布到以太坊网络。主要目的是用来缓存你的发布任务，它的存在基于你的发布需求会改变的前提。当你的工程发生了重要的改变，你将创建新的移植脚本来将这些变化带到区块链上。之前运行移植的历史记录通过一个特殊的Migrations合约来记录到链上，下面有详细说明。命令执行移植，使用下述命令：truffle migrate这个命令会执行所有的位于migration...
2018-03-16 15:57:59
287
翻译 6、Solidity编程语言开发框架之构建应用
默认构建Truffle集成了默认的构建来方便使用。但也许不适合每个项目，所以你也许需要其它的来打包你的应用。特性默认构建有一些特性来帮助你快速的开始：在浏览器内自动的初始化你的应用，包括引入你编译的合约，部署的合约信息，和以太坊客户端信息配置。包含常见的依赖，如web3和Ether Pudding内置支持ES6和JSXSASS支持Uglifyjs支持配置你可以随间的修改默认的构建内容，原始的构建内...
2018-03-16 15:55:33
171
翻译 5、Solidity编程语言开发框架之合约交互
背景标准的与以太坊网络交互的方法是通过以太坊官方构建的Web3库。尽管这个库非常有用，但使用其提供接口与合约交互有些困难,特别是以太坊的新手。为降低学习曲线，Truffle使用Ether Pudding库，它也是基于Web3的基础之上，目的是为了让交互更简单。读写数据以太坊网络把在网络上读与写数据进行了区分，这个区分对于如何写程序影响很大。通常来说，写数据被称作交易(transaction)，读数...
2018-03-16 15:52:06
829
翻译 4、Solidity编程语言开发框架之测试合约
框架Truffle使用Mocha测试框架来做自动化测试，使用Chai来做断言。这两个库的结合可能让人耳目一新，我们基于这两者之上，提供一种方式来编译简单和可管理的合约自动化测试用例。位置测试文件应置于./tests目录。Truffle只会运行以.js，.es，.es6和.jsx结尾的测试文件，其它的都会被忽略。测试用例每个测试文件至少应该包含至少一个对Mocha的describe()函数的调用，详...
2018-03-16 15:46:54
584
翻译 3、Solidity编程语言开发框架之控制台
背景有时在进行测试和debug时，或手动执行交易时与合约进行直接交互是需要的。Truffle提供了一种更加简单的方式，通过交互式控制台来与你的那些准备好的合约进行交互。命令启动控制台，使用：truffle console这会使用默认网络来调起一个控制台，会自动连接到一个运行中的以太坊客户端。你可以使用选项--network来修改这个特性，当你加载了控制台，你会看到下面的输出：$ truffle ...
2018-03-16 15:45:14
346
翻译 2、Solidity编程语言开发框架之外部脚本
背景你也许会经常的执行外部脚本来与你的合约进行交互。Truffle提供了一个简单的方式来进行这个。首先，启动你的合约，连上你想要的网络命令要执行外部(external)脚本，执行下述命令：$ truffle exec <path/to/file.js>文件结构为了外部脚本能正常执行，Truffle需要它们能通过Javascript的模块的方式导出一个函数，且有一个回调函数作为参数：m...
2018-03-16 15:43:51
213
原创 1、Solidity编程语言开发框架之工作流
命令我们已经推荐EtherumJS TestRPC很多次了，以在开发过程中得到快速的结果反馈。然而，Truffle更提供了两个命令来让开发更快。Truffle watch监控文件系统的文件变化，重编译，重部署你的合约。在被修改后需要的时候，会重构建前端代码。使用方法：truffle watchTruffle serve监控文件系统的变化，重编译，部署，构建，并在http://localhost:...
2018-03-16 15:41:22
222
原创 基于Python的实时爬虫每小时PM2.5等污染物数据
01# coding:utf-802import threading03import urllib04import re,sys05import time06import hashlib07import os08 09 10sys.setdefaultencoding = 'utf-8'11 12 13def fetchdata(city):14 print city15 ...
2018-03-16 15:33:50
4455
转载 php解析表情实例源码
01<?php02$face=array(array("微笑"=>"0_微笑.gif"),array("撇嘴"=>"1_撇嘴.gif"),array("色"=>"2_色.gif"),array("发呆"=>"3_发呆.gif"),array("得意"=&
2018-03-15 16:44:54
384
原创 php数组金额转大写实例源码
01/**02*数字金额转换成中文大写金额的函数03*String Int $num 要转换的小写数字或小写字符串04*return 大写字母05*小数位为两位06**/07function num_to_rmb($num){08 $c1 = "零壹贰叁肆伍陆柒捌玖";09 $c2 = "分角元拾佰仟万拾佰仟亿";10 //精确到分后面就不要了，所以只...
2018-03-15 16:41:47
139
原创 Java继承初步实例源码
package com.dongchao;02class Person03{04 String name;05 int age;06}07class Student extends Person08{09 void study()10 {11 System.out.println("...study...");12 }13}14 15class Wo...
2018-03-15 16:35:41
237
转载 JS基础篇--replace替换全部的正确应用
一般使用var str = "test-test-test";str = "test-test-test".replace("test", "ok");console.log(str);使用正则：var str = "test-test-test";str = "test-test-test".replace(/test/g, "ok");console.log
2018-03-11 13:50:00
195
原创 总结js中this的指向问题
我们知道js中有个全局对象就是window,如果在顶层声明一个变量如var a=1 //就相当于window.a=1同时有了node以后，js也可以在服务端运行了，官方解释为Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。通俗说node是一个支持js语法的容器，直接写js就可以在node下运行。这里介绍node主要说一下在node中的全局变量叫global,...
2018-03-11 13:44:19
161
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人