随笔分类 - javascript
javascript
摘要：高级前端面试题，部分答案待补充，有好的答案可留言提供。
跨域请求原理，基本数据类型，grunt实时刷新
阅读全文
摘要：前端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代码的方式！
阅读全文
摘要：Web前端开发工程师面试题
1.说说css的优先级？
2.在移动端中，常常使用tap作为点击事件，好处是？会带来什么问题？
3.原生JS的window,onload与Jquery的$(document).ready(function(){})有什么不同
4.看下面的代码输出什么，foo的值为什么？
var foo = "11"+2-"1";
console.log(foo);
console.log(typeof foo);
5.如何优化一个网站，可从dom，css，js等几个方面来谈谈？
6.希望获取到页面中所有的checkbox怎么做？(不能使用第三方框架)
7.实现一个函数clone，可以对Javascript中的5种主要的数据类型(Number、String、Object、Array、Boolean)进行复制
8.说说call，apply，bind的作用和区别？
9.看下面的代码输出什么，为什么？
function A(x,y){return x+y;}
function M(x,y){return x-y;}
console.log(A.call
阅读全文
摘要：各种前后端技术关键词杂谈
react native可以把android和ios串起来，javascript可以把react native、react.js和node.js串起来。
新语言开发效率比较高但坑还是比较多的，不过java开发效率确实太慢了，php比较居中，python还是不错的，可以用的项目很多，爬虫、自动化运维、人工智能很多都用到python开发。
后端开发用得比较多的是：java php python nodejs go c# ruby等
桌面版的和网络底层用C/C++还是比较多，python也可以做一部分，大数据数据分析神经网络用matlab、R语言的也不少，nodejs一般只用在高并发，通信部分，不是做全部后端的。
移动开发原生基本是ios(Objective-C、Swift)、android，兼容性开发的主要有：react native、PhoneGap、Hybird模式
NodeJS：nodejs、Express、WebStorm 集成Node.js ,可以运行，编译，测试Node.js App。
阅读全文
摘要：关于全站https必要性http流量劫持、dns劫持等相关技术
微信已经要求微信支付，申请退款功能必须12月7号之前必须使用https证书了（其他目前为建议使用https），IOS也是2017年1月1号要求所有请求使用https了，国内有些https证书要1000元一年，阿里云 云盾证书 有免费型DV SSL，国外有免费的。
http和https使用的是完全不同的连接方式，用的端口也不一样，前者是80，后者是443
网站迟早要全面https化的(虽然有一点技术难度和访问比较慢但趋势已经非常明显了)，国内运营商域名劫持植入广告太严重了，http请求用各种技术手段都很难防住，所以不是微信、ios强制也应该要尽快切换到https，网站在google、百度上还会对全站https增加排名权重优先收录。
https只能解决http流量劫持，对于dns劫持 https无效
经过测试发现域名是直接被劫持 解析到劫持的服务器ip去
看来还是要用d+服务才保险，具体请看本人另外一篇文章
阅读全文
摘要：用grunt搭建自动化的web前端开发环境实战教程(详细步骤)
jQuery在使用grunt，bootstrap在使用grunt，百度UEditor在使用grunt，你没有理由不学、不用！
前端自动化，这样的一个名词听起来非常的有吸引力，向往力。当今时代，前端工程师需要维护的代码变得及为庞大和复杂，代码维护、打包、发布等流程也变得极为繁琐，同时浪费的时间和精力也越来越多，当然人为的错误也随着流程的增加而增加了更多的出错率。
阅读全文
摘要：前端开发自动化工作流工具，JavaScript自动化构建工具grunt、gulp、webpack介绍
前端自动化，这样的一个名词听起来非常的有吸引力，向往力。当今时代，前端工程师需要维护的代码变得及为庞大和复杂，代码维护、打包、发布等流程也变得极为繁琐，同时浪费的时间和精力也越来越多，当然人为的错误也随着流程的增加而增加了更多的出错率。致使每一个团队都希望有一种工具，能帮助整个团队在开发中能精简流程、提高效率、减少错误率。随之讨论自动化部署也越来越多，并且国内很多大型团队也都有自己成熟的自动化部署工具。据我所知，百度有FIS,腾讯有Modjs，360有燕尾服，还有很多团队在使用Ant，Shell等，而现在讨论较多的是Grunt: 一套前端自动化工具，一个基于nodeJs的命令行工具，一般用于：压缩文件，合并文件，简单语法检查。
阅读全文
摘要：关于web开发前端h5框架的选择
看了很多移动版框架都是基于app混合式开发的，不是单独h5网站的
基于h5开发的web框架从组件丰富度，兼容性，相关教程来说bootstrap还是最好的
react和vue2都是用mvvm模式，数据实时更新，适合app里面嵌入的网页使用，但用在传统web网页上对seo不太好，因为数据都放在js里面了，页面html只有简单的结构了。bootstrap比较符合web网站做seo的，兼容跨屏的同时又能保持数据输出。
js框架性能测试对比Table Report
http://stefankrause.net/js-frameworks-benchmark4/webdriver-ts/table.html
阅读全文
摘要：前端js,css文件合并三种方式,bat命令
前端js文件该如何合并三个方式如下：
1. 一个大文件，所有js合并成一个大文件，所有页面都引用它。
2. 各个页面大文件，各自页面合并生成自己所需js的大文件。
3. 合并多个共用大文件，根据实践情况合并出多个共用js文件，每个页面引用多个共用大文件。
合并两个目的：
1. 为了减少请求数。
2. 代码安全考虑（文件分得越多，越容易被人看清）。
PS：不是压缩混淆，只是合并
阅读全文
摘要：bootstrap导航条在手机上默认展开二级目录,必须用setTimeout才能实现
$('#nav-topbar-btn').click(function(){
setTimeout(function(){$('.dropdown').addClass('open');},10);
});
阅读全文
摘要：WordPress博客网站fonts.useso加载慢解决办法
之前WordPress博客因为google字体库访问不了替换成360的useso，最近WordPress博客网站一直等待fonts.useso.com导致打开缓慢
这是360提供的公共库，因为谷歌大陆的公共库恢复了，360停止服务了，更换成谷歌的即可。
打开wordpress代码中的文件wp-includes/script-loader.php文件，搜索：fonts.useso.com 找到这行代码：
$open_sans_font_url = "//fonts.useso.com/css?family1=Open+Sans:300italic,400italic,600italic,300,400,600&subset=$subsets";
把fonts.useso.com替换为fonts.googleapis.com
如果用到tinymce编辑器还需要替换\wp-includes\js\tinymce\plugins\compat3x\css\dialog.css文件里面的内容，方法同上。
最好是用工
阅读全文
摘要：JS实现复制网页内容自动加入版权内容代码和原文链接
实现代码：在body内放入如下代码即可
阅读全文
摘要：bootstrap实现 手机端滑动效果，滑动到下一页，jgestures.js插件
jgestures.js插件可以解决，只需要引入一个JS文件
下面是JS代码：
$(document).ready(function(){
//手势右滑
$('#myCarousel').bind('swiperight swiperightup swiperightdown',function(){
// 执行一些动作...
})
//手势左滑
$('#myCarousel').bind('swipeleft swipeleftup swipeleftdown',function(){
// 执行一些动作...
})
//单点滑动手势,滑动完成后触发(一个手指在屏幕上移动)
$('#myCarousel').bind('swipeone',function(){
// 执行一些动作...
})
});
阅读全文
摘要：js捕捉IE窗口失去焦点事件,判断离开页面刷新或关闭的方法
javascript如何捕捉IE窗口失去焦点事件
window.onblur = function(e) {
//you code
};
一个判断页面是否真的关闭和刷新的好方法：
window.onbeforeunload=function(event){};
阅读全文
摘要：默认只显示指定高度，出来按钮 阅读更多，加载全文，点击后显示全文的实现方式
阅读更多
jquery 修改 style 方法：obj.css("key","value");
阅读全文
摘要：jquery选择器中两个class是什么意思？
$(".class1 .class2") 选择class1元素下class2的元素（中间有空格）
$(".class1.class2") 选择同时含有class1和class2的元素（中间没有空格）
$(".class1,.class2") 选择class1或者class2的元素（中间有逗号）
jQuery的选择器和css选择器基本一样，例如：
css选择多个class为：.class1.class2
jQuery选择多个class为：$(".class1.class2")
阅读全文
摘要：input放在a标签里面不能选择input里面的文本,IE9点击失效
在IE浏览器中里面的文本无法选择，而且点击input（无论点击input的哪里）后光标在最前面，在谷歌和火狐中均正常。
input标签（tpye为text）和textarea标签放在a标签里面都会出现上面那种情况。
a标签正常是不需要写onclik事件的
目前没有好的解决方法，下面两种方法比较勉强：
1、不要给a标签添加href属性，写onclik事件控制。
2、不要在外面套上a标签，链接放到input中的onclick处。
阅读全文
