随笔分类 - html5
html5
摘要：WebStorm: The Smartest JavaScript IDE by JetBrains
阅读全文
摘要：react系列笔记1 用npx npm命令创建react app
create-react-app my-app是开始构建新的 React 单页应用程序的最佳方式。它已经为你设置好了开发环境，以便您可以使用最新的 JavaScript 特性，提供不错的开发体验，并且可以优化你的生产环境应用。你需要在你的机器上安装 Node >= 6 。
安装node.js 工具https://nodejs.org/en/download/
安装后再打开cmd执行下面命令：
npm install -g create-react-app
create-react-app my-app
cd my-app
npm start
如果你的 npm 5.2.0+ 可以使用npx命令
阅读全文
摘要：小米note3的开发者选项在哪里?怎么进入开发者模式?如何显示布局边界？
1、找到【设置】，打开
2、点击【我的设备】
3、点击【全部参数】
4、连续点击【MIUI版本】5次
5、之后就会看见提示 “进入到开发者模式”
6、返回设置主页，找到【更多设置】，进去可以看到【开发者选项】
阅读全文
摘要：摘要：目前互联网上充斥着大量的关于RESTful API（为了方便，以后API和RESTful API 一个意思）如何设计的文章，然而却没有一个”万能“的设计标准：如何鉴权？API格式如何？你的API是否应该加入版本信息？
阅读全文
摘要：Google自动广告，将广告代码放置在 HTML 中的什么位置?
为自动广告生成广告代码后，您需要将此代码放置在要展示广告的每个网页中。您应将广告代码放置在网页的 标记（或正文顶部）中。
阅读全文
摘要：pyV8不支持dom操作，关于PyV8的支持DOM的疑问
PYV8只支持纯js语句。不过官方提供了w3c.py以及brower.py，可以基于此来完成，但这个用起来还是比较麻烦。
在爬取网站时，需要提交请求，其中有一个参数是执行了一大段js来得到的，本来以为用PyV8可以执行js解决的，结果由于涉及到了一点dom的东西，而原生PyV8貌似没有自带浏览器环境， 所以就会报错，导致无法执行下去。
阅读全文
摘要：bootsrtap h5 移动版页面 在苹果手机ios滑动上下拉动滚动卡顿问题解决方法。排除网页结果问题，布局问题，js问题，样式问题，内容长度问题，所以当时想到的地方都改过测试了也没有解决。
最后只能认为的苹果手机ios的兼容性问题了，按照苹果手机 ios 拉动 卡顿 触屏 去搜索还真搜索到了很多相关问题，很多人遇到ios卡顿问题，但把网上所有方法都试了一遍也还是没有解决。在准备放弃的时候突然调试成功了，成功代码如下
阅读全文
摘要：使用锚标记返回网页顶部的方法
只需在body下放个隐藏的锚点标记，内容如下：
然后，在网页底部放一个访问链接即可：
返回顶部
或
︽
此方法效果是一次直接跳到顶部，而且URL地址栏会显示个#top
阅读全文
摘要：js小数运算出现多位小数如何解决，比较常用的办法，toFixed()，toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。
阅读全文
摘要：IEEE发布2017年编程语言排行榜：Python高居首位，java第三，php第八
阅读全文
摘要：Javascript图片预加载详解
预加载图片是提高用户体验的一个很好方法。图片预先加载到浏览器中，访问者便可顺利地在你的网站上冲浪，并享受到极快的加载速度。这对图片画廊及图片占据很大比例的网站来说十分有利，它保证了图片快速、无缝地发布，也可帮助用户在浏览你网站内容时获得更好的用户体验。本文将分享三个不同的预加载技术，来增强网站的性能与可用性。
阅读全文
摘要：Google、亚马逊、微软 、阿里巴巴开源软件一览
大公司为什么要发布开源项目？一是开源能够帮助他人更快地开发软件，促进世界创新，主要是社会价值层面的考虑。二是开源能够倒逼工程师写出更好的代码。三是开源能够更有效利用社区的力量，帮助企业一起解决难题。开源，让世界更美好。
Google，亚马逊，微软，和阿里巴巴都是体量最大的几个互联网公司，也都是作为云厂商的几个大玩家。 在这几家技术公司的合力推动之下，云计算的时代真正来到了我们身边。优秀的技术公司不会缺少自己的技术思考，这些思考有些深藏在云端，我们难以窥见，但不少也会凝结成开源软件这种最能体现互联网技术创新的人类文明成果，推动整个行业的进步。
下面就让我们一起观察这几家公司的重点开源项目，来尝试一探行业未来的风向。如果下文列出的开源项目代码仓库托管在Github平台，本文还会列出该项目的Github Star数，这是评判一个开源项目受关注程度的最好指标。
阅读全文
摘要：好用的在线web页面测试，移动页面测试工具webpagetest使用图文教程
http://www.webpagetest.org/
1.打开主页，输入网址，点击 START TEST 按钮开始测试
阅读全文
摘要：chrome谷歌浏览器用这种方式清除缓存比较方便了
PS：必须是调试模式才行，可以不是手机模式 ，有些低版本浏览器可能没有这个功能。
阅读全文
摘要：高级前端面试题，部分答案待补充，有好的答案可留言提供。
跨域请求原理，基本数据类型，grunt实时刷新
阅读全文
摘要：微信小程序的功能开发工具跟公众号的差别，小程序是一种减负思维对简单APP是巨大打击
最直接是通过线下渠道扫码，这是小程序接下来最主要的发展方向。
将小程序与线下实体结合，将微信登陆、微信支付、模板消息等等功能结合，开发者或者服务商可以创造出更多基于支付的场景，接下来类似的创业公司会产生一波。
张小龙表示推出小程序的目的是提供一种新的服务形态。小程序最基础的特性是无需安装，第二点是触手可及，第三点是用完即走。
小程序和公众号最大的区别有如下四点：
1.小程序没有粉丝，开发者在后台能看到的只能是累计用户访问数以及实时统计；
2.小程序不能发送消息
3.小程序没有webview，外链无施展之地
4.小程序不能分享到朋友圈
实现了张小龙说的：无需安装、触手可及、用完即走、无须卸载。
阅读全文
摘要：前端Html和Css面试题
Html篇：1.你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?
Css篇：1.有哪项方式可以对一个DOM设置它的CSS样式？
阅读全文
摘要：互联网中级Javascript面试题
1.实现一个函数clone，可以对JavaScript中的5种主要的数据类型（包括Number、String、Object、Array、Boolean）进行值复制
考察点1：对于基本数据类型和引用数据类型在内存中存放的是值还是指针这一区别是否清楚
考察点2：是否知道如何判断一个变量是什么类型的
考察点3：递归算法的设计
阅读全文
摘要：互联网公司前端初级Javascript面试题
1.JavaScript是一门什么样的语言，它有哪些特点？（简述javascript语言的特点）
JavaScript是一种基于对象（Object）和事件驱动（Event Driven）并具有相对安全性的客户端脚本语言。
同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作。它最初由网景公司（Netscape）的Brendan Eich设计，是一种动态、弱类型、基于原型的语言，内置支持类。
JavaScript的特点：
1).解释性脚本语言，javascript不需要编译，只需要嵌入到html代码中，由浏览器逐行加载解释执行。
2).javascript是一种基于对象的语言，使用已经创建好的对象来，和面向对象的先锋需设计语言不同，javascript并不支持继承和重载(ES6已支持)。
3).语言简单，弱类型，语法和java,C语言类似，变量不需要声明和指定类型即可使用，是一种弱类型语言。
4).javascript语言相对来说比较安全，仅由浏览器执行，不允许javascr
阅读全文
摘要：ES6,ES2105核心功能一览,js新特性详解
过去几年 JavaScript 发生了很大的变化。ES6（ECMAScript 6、ES2105）是 JavaScript 语言的新标准，2015 年 6 月正式发布后，得到了迅速推广，使得JavaScript语言可以用来编写复杂的大型应用程序，成为企业级开发语言。
ES6中包含了许多新的语言特性，它们将使JS变得更加强大，更富表现力。
ECMAScript涵盖了各种环境中JS的使用场景，无论是浏览器环境还是类似node.js的非浏览器环境。
最常用的ES6特性：let, const, class, extends, super, arrow functions, template string, destructuring, default, rest arguments
Babel是一个广泛使用的ES6转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。
ECMAScript是一门充满活力的语言，并在不断进化中。
未来版本的规范中将持续进行重要的技术改进。
ES6将彻底改变你编写JS代码的方式！
阅读全文
