搜索[js框架]结果-低调大师优秀个人博客

精选列表

搜索[js框架]，共10000篇文章

Chart.js 2.9 发布，基于 HTML5 的 JavaScript 图表库

Chart.js 是一个基于 HTML5 canvas 技术的开源图表绘制工具库。Chart.js 2.9已经发布了，内容如下： Breaking changes helpers.

2019-10-27

好程序员Java学习路线分享JS中的面向对象

好程序员Java学习路线分享JS中的面向对象，在JS中，一般情况下我们都是直接写函数，直接调用，但是发现JS中也有new关键字，那么new关键字作为创建对象的关键字，给我们的感觉就是在JS中可以定义一个类

2019-08-22

Node.js 应用故障排查手册 —— 类死循环导致进程阻塞

楔子在实践篇一中我们看到了两个表象都是和 CPU 相关的生产问题，它们基本也是我们在线上可能遇到的这一类问题的典型案例，而实际上这两个案例也存在一个共同点：我们可以通过Node.js 性能平台导出进程对应的

2019-04-12

好程序员web前端培训分享js实现实战案例

好程序员web前端培训分享js实现实战案例，实际开发中有要求用户一些行为每天一次，次日开始重新回复功能，一般前端都是通过cookie来记住用户的操作，然后进行判断当日是否还有机会，这时候需要给存储的cookie

2019-04-11

Node.js 应用故障排查手册 —— 大纲与常规问题指标简介

JavaScript 发展到今天，早已脱离原本浏览器的战场，借助于 Node.js 的诞生将其触角伸到了服务端、PC 跨平台客户端方案等各个领域，但是与此同时，JS Runtime 对于绝大部分的开发者来说又一如既往的处于黑盒状态

2019-04-11

一览js模块化：从CommonJS到ES6

0.早期：用script来引入js模块 <script type="text/javascript" src="a.js"></script> <script type="

2018-12-24

为什么说Web开发和Vue.js是如此的有趣？

我想告诉你，我开始享受使用Vue.js和进行前端开发的故事。这不应该被理解为一篇关于为什么Vue.js可能比React，Angular或任何你正在考虑的其他Web框架更好的文章。

2018-07-23

javascript成神之路(1)：如何编写高质量的js代码

一、如何书写可维护性的代码当出现bug的时候如果你能立马修复它是最好的，此时解决问题的四路在你脑中还是很清晰的。否则，你转移到其他任务或者bug是经过一定的时间才出现的，你忘了那个特定的代码，一段时间后再去查看这些代码就需要： 1.花时间学习和理解这个问题 2.化时间是了解应该解决的问题代码还有个问题，特别对于大的项目或是公司，修复bug的这位伙计不是写代码的那个人（且发现bug和修复bug的不是同一个人）。因此，必须降低理解代码花费的时间，无论是一段时间前你自己写的代码还是团队中的其他成员写的代码。这关系到底线（营业收入）和开发人员的幸福，因为我们更应该去开发新的激动人心的事物而不是花几小时几天的时间去维护遗留代码。所以创建可维护性代码是至关重要的，一般可维护性的代码有以下几个原则：可读性一致性可预测性看上去就像同一个人写的已记录二、全局变量的问题全局变量的问题在于，你的JavaScript应用程序和web页面上的所有代码都共享了这些全局变量，他们住在同一个全局命名空间，所以当程序的两个不同部分定义同名但不同作用的全局变量的时候，命名冲突在所难免。web页面包含不是该页面开发者所写的代码也是比较常见的，例如：第三方的JavaScript库广告方的脚本代码第三方用户跟踪和分析脚本代码不同类型的小组件，标志和按钮例如说，该第三方脚本定义了一个全局变量，叫做A；接着，在你的函数中也定义一个名为A的全局变量。其结果就是后面的变量覆盖前面的，第三方脚本就一下子失效啦！而且很难debug出来。因此：尽可能少的使用全局变量是很重要的，例如命名空间模式或是函数立即自动执行，但是要想让全局变量少最重要的还是始终使用var来声明变量。三、忘记var作用的副作用隐式全局变量和明确定义的全局变量间有些小的差异，就是通过delete操作符让变量未定义的能力。具体如下：通过var创建的全局变量（任何函数之外的程序中创建）是不能被删除的。没有通过var创建的隐式全局变量（无视是否在函数中创建）是能被删除的。所以隐式全局变量并不是真正的全局变量，但它们是全局对象的属性。属性是可以通过delete操作符删除的，而变量是不能的，具体代码我就不写了。四、访问全局对象在浏览器中，全局对象可以通过window属性在代码的任何位置访问（除非你做了些比较出格的事情，像是声明了一个名为window的局部变量）。但是在其他环境下，这个方便的属性可能被叫做其他什么东西（甚至在程序中不可用）。如果你需要在没有硬编码的window标识符下访问全局对象，你可以在任何层级的函数作用域中做如下操作： var global = (function () { return this; }()); 五、for循环在for循环中，你可以循环取得数组或是数组类似对象的值，譬如arguments和HTMLCollection对象。通常的循环形式如下： // 次佳的循环 for (var i = 0; i < myarray.length; i++) { // 使用myarray[i]做点什么 } 这种形式的循环的不足在于每次循环的时候数组的长度都要去获取下。这回降低你的代码，尤其当myarray不是数组，而是一个HTMLCollection对象的时候。六、不扩展内置原型扩增构造函数的prototype属性是个很强大的增加功能的方法，但有时候它太强大了。增加内置的构造函数原型（如Object(), Array(), 或Function()）挺诱人的，但是这严重降低了可维护性，因为它让你的代码变得难以预测。使用你代码的其他开发人员很可能更期望使用内置的 JavaScript方法来持续不断地工作，而不是你另加的方法。另外，属性添加到原型中，可能会导致不使用hasOwnProperty属性时在循环中显示出来，这会造成混乱。七、避免隐式类型转换 JavaScript的变量在比较的时候会隐式类型转换。这就是为什么一些诸如：false == 0 或 “” == 0 返回的结果是true。为避免引起混乱的隐含类型转换，在你比较值和表达式类型的时候始终使用===和!==操作符。 var zero = 0; if (zero === false) { // 不执行，因为zero为0, 而不是false } // 反面示例 if (zero == false) { // 执行了... } 八、避免eval() 如果你现在的代码中使用了eval()，记住该咒语“eval()是魔鬼”。此方法接受任意的字符串，并当作JavaScript代码来处理。当有问题的代码是事先知道的（不是运行时确定的），没有理由使用eval()。如果代码是在运行时动态生成，有一个更好的方式不使用eval而达到同样的目标。例如，用方括号表示法来访问动态属性会更好更简单： // 反面示例 var property = "name"; alert(eval("obj." + property)); // 更好的 var property = "name"; alert(obj[property]); 使用eval()也带来了安全隐患，因为被执行的代码（例如从网络来）可能已被篡改。这是个很常见的反面教材，当处理Ajax请求得到的JSON 相应的时候。在这些情况下，最好使用JavaScript内置方法来解析JSON相应，以确保安全和有效。若浏览器不支持JSON.parse()，你可以使用来自JSON.org的库。同样重要的是要记住，给setInterval(), setTimeout()和Function()构造函数传递字符串，大部分情况下，与使用eval()是类似的，因此要避免。在幕后，JavaScript仍需要评估和执行你给程序传递的字符串： // 反面示例 setTimeout("myFunc()", 1000); setTimeout("myFunc(1, 2, 3)", 1000); // 更好的 setTimeout(myFunc, 1000); setTimeout(function () { myFunc(1, 2, 3); }, 1000); 使用新的Function()构造就类似于eval()，应小心接近。这可能是一个强大的构造，但往往被误用。如果你绝对必须使用eval()，你可以考虑使用new Function()代替。有一个小的潜在好处，因为在新Function()中作代码评估是在局部函数作用域中运行，所以代码中任何被评估的通过var 定义的变量都不会自动变成全局变量。另一种方法来阻止自动全局变量是封装eval()调用到一个即时函数中。考虑下面这个例子，这里仅un作为全局变量污染了命名空间。 console.log(typeof un); // "undefined" console.log(typeof deux); // "undefined" console.log(typeof trois); // "undefined" var jsstring = "var un = 1; console.log(un);"; eval(jsstring); // logs "1" jsstring = "var deux = 2; console.log(deux);"; new Function(jsstring)(); // logs "2" jsstring = "var trois = 3; console.log(trois);"; (function () { eval(jsstring); }()); // logs "3" console.log(typeof un); // number console.log(typeof deux); // "undefined" console.log(typeof trois); // "undefined" 另一间eval()和Function构造不同的是eval()可以干扰作用域链，而Function()更安分守己些。不管你在哪里执行 Function()，它只看到全局作用域。所以其能很好的避免本地变量污染。在下面这个例子中，eval()可以访问和修改它外部作用域中的变量，这是 Function做不来的（注意到使用Function和new Function是相同的）。 (function () { var local = 1; eval("local = 3; console.log(local)"); // logs "3" console.log(local); // logs "3" }()); (function () { var local = 1; Function("console.log(typeof local);")(); // logs undefined 九、编码规范建立和遵循编码规范是很重要的，这让你的代码保持一致性，可预测，更易于阅读和理解。一个新的开发者加入这个团队可以通读规范，理解其它团队成员书写的代码，更快上手干活。十、缩进代码没有缩进基本上就不能读了。唯一糟糕的事情就是不一致的缩进，因为它看上去像是遵循了规范，但是可能一路上伴随着混乱和惊奇。重要的是规范地使用缩进。十一、注释你必须注释你的代码，即使不会有其他人向你一样接触它。通常，当你深入研究一个问题，你会很清楚的知道这个代码是干嘛用的，但是，当你一周之后再回来看的时候，想必也要耗掉不少脑细胞去搞明白到底怎么工作的。很显然，注释不能走极端：每个单独变量或是单独一行。但是，你通常应该记录所有的函数，它们的参数和返回值，或是任何不寻常的技术和方法。要想到注释可以给你代码未来的阅读者以诸多提示；阅读者需要的是（不要读太多的东西）仅注释和函数属性名来理解你的代码。例如，当你有五六行程序执行特定的任务，如果你提供了一行代码目的以及为什么在这里的描述的话，阅读者就可以直接跳过这段细节。没有硬性规定注释代码比，代码的某些部分（如正则表达式）可能注释要比代码多。十二、花括号{} 花括号（亦称大括号，下同）应总被使用，即使在它们为可选的时候。技术上将，在in或是for中如果语句仅一条，花括号是不需要的，但是你还是应该总是使用它们，这会让代码更有持续性和易于更新。原文发布时间：2018年01月06日作者：技术金三胖本文来源：开源中国如需转载请联系原作者

2018-07-10

小型音乐播放器插件APlayer.js的简单使用例子

本篇博客将会给出一个小型音乐播放器插件APlayer.js的使用例子。

2018-06-30

用 ES6 构建新一代可复用 JS 模块

这些突破让我们可以用ES6书写完全的JS模块，而不会为了一些基本的条件而妥协，比如testing，linting 和（最重要的）其他人可以轻易理解我们所写的代码。

2018-05-31

apiCloud中的数据库操作mcm-js-sdk的使用

1.引入js  <script type="text/javascript" src="..

2017-12-30

MVVM架构~Knockoutjs系列之js接收C#数据集合的方式

事实上引入Knockoutjs以后，这种方式还是适合的，Knockoutjs只是在前台数据绑定中做了一点调整，它不在依赖于后台具体数据，你完全可以在最后去为它动态绑定数据，一般地，我们会为这种页面添加一个JS

2017-12-05

学习node.js第一天：node模块化

模块化http服务:httpServer.js 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 //业务功能：将http服务打包为一个模块，方便在其他地方调用

2017-11-14

android中webView加载H5，JS不能调用问题的解决

使用了html5 页面，使用webView加载后发现超链接的锚点不可以用为webView设置下面两句就好了： mWebView.getSettings().setDomStorageEnabled(true); mWebView.getSettings().setDatabaseEnabled(true); 标签: Android, webview 本文转自 netcorner 博客园博客，原文链接：http://www.cnblogs.com/netcorner/p/8207212.html ，如需转载请自行联系原作者

2017-11-11

前端js判断访问站点设备(手机还是PC)实现自动跳转代码

网上搜集的不知道实用不先收藏了 <script type="text/javascript"> var commonURL = 'http://www.jsdaima.com/'; function mobile_device_detect(url){ var thisOS=navigator.platform; var os=new Array("iPhone","iPod","iPad","android","Nokia","SymbianOS","Symbian","Windows Phone","Phone","Linux armv71","MAUI","UNTRUSTED/1.0","Windows CE","BlackBerry","IEMobile"); for(var i=0;i<os.length;i++){ if(thisOS.match(os[i])){ window.location=url; } } if(navigator.platform.indexOf('iPad') != -1){ window.location=url; } var check = navigator.appVersion; if( check.match(/linux/i) ){ if(check.match(/mobile/i) || check.match(/X11/i)) { window.location=url; } } Array.prototype.in_array = function(e){ for(i=0;i<this.length;i++){ if(this[i] == e) return true; } return false; } } mobile_device_detect("跳转地址");/*指定跳转地址*/ </script> 本文转自 gutaotao1989 51CTO博客，原文链接:http://blog.51cto.com/taoyouth/1727148

2017-11-11

Js如何判断客户端是PC还是手持设备简单分析

2017-11-11

Android应用开发 WebView与服务器端的Js交互

不过在开发中呢，如果只是页面之间的交互的话，我们只需提供一个webview控件即可，可是要是涉及到和手机设备或软件交互的话（如打开相册，摄像头等等），这就需要我们和页面经行js交互，js交互可以说是双向的

2017-11-07

【实战】基于Nginx、Node.js和Redis的Docker工作流

本文讲的是【实战】基于Nginx、Node.js和Redis的Docker工作流，【编者的话】本文是一篇实践性很强的文章。

2017-09-20

教你编写Node.js中间件，实现服务端缓存

Express 作为 Node.js 的框架，如今发展可谓如日中天。我很喜欢其灵活、易扩展的设计理念。尤其是该框架的中间件架构设计：使得在应用中加入新特性更加标准化、成本最小化。

2017-09-06

如何利用Kubernetes编排实现Node.js程序的微服务化

前言本文着重介绍了微服务架构的某些细节，微服务其实也适用于Node.js应用程序。本文还介绍了如何利用容器和编排来实现Node.js的微服务化。

2017-08-16

资源下载

更多资源

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题，腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构，目前腾讯云软件源站支持公网访问和内网访问。

Spring

Spring框架（Spring Framework）是由Rod Johnson于2002年提出的开源Java企业级应用框架，旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念，提供核心容器、应用上下文、数据访问集成等模块，支持整合Hibernate、Struts等第三方框架，其适用范围不仅限于服务器端开发，绝大多数Java应用均可从中受益。

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。

WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。

精选列表

Chart.js 2.9 发布，基于 HTML5 的 JavaScript 图表库

好程序员Java学习路线分享JS中的面向对象

Node.js 应用故障排查手册 —— 类死循环导致进程阻塞

好程序员web前端培训分享js实现实战案例

Node.js 应用故障排查手册 —— 大纲与常规问题指标简介

一览js模块化：从CommonJS到ES6

为什么说Web开发和Vue.js是如此的有趣？

javascript成神之路(1)：如何编写高质量的js代码

小型音乐播放器插件APlayer.js的简单使用例子

用 ES6 构建新一代可复用 JS 模块

apiCloud中的数据库操作mcm-js-sdk的使用

MVVM架构~Knockoutjs系列之js接收C#数据集合的方式

学习node.js第一天：node模块化

android中webView加载H5，JS不能调用问题的解决

前端js判断访问站点设备(手机还是PC)实现自动跳转代码

Js如何判断客户端是PC还是手持设备简单分析

Android应用开发 WebView与服务器端的Js交互

【实战】基于Nginx、Node.js和Redis的Docker工作流

教你编写Node.js中间件，实现服务端缓存

如何利用Kubernetes编排实现Node.js程序的微服务化

资源下载

腾讯云软件源

Spring

Rocky Linux

WebStorm

欢迎您来访！