javascript
javascript学习与练习
ronghua_yang
学习前端
展开
-
10个 Javascript 小技巧帮你提升代码质量
Javascript 常用代码优化和重构的方法简介主要介绍以下几点:提炼函数合并重复的条件片段把条件分支语句提炼成函数合理使用循环提前让函数退出代替嵌套条件分支传递对象参数代替过长的参数列表少用三目运算符合理使用链式调用分解大型类1. 提炼函数好处:避免出现超大函数。独立出来的函数有助于代码复用。独立出来的函数更容易被覆写。独立出来的函数如果拥有一个良好的命名,它本身就起到了注释的作用。语义化将多段分离的逻辑放在不同的函数中实现,可以使代码逻辑清晰,清楚的看到.原创 2020-12-26 12:20:50 · 194 阅读 · 0 评论 -
教你用 Node 创建 CLI 工具
准备工作创建工程mkdir my-clicd my-clinpm init -ynpm i commander download-git-repo ora handlebars figlet clear chalk open watch -S创建 bin 目录package.json 添加 bin 字段,将自定义的命令软连到全局环境,同时执行 npm link 创建链接。 "bin": { "wbiao": "./bin//index.js" }在根目录下创建原创 2020-12-12 15:34:56 · 598 阅读 · 0 评论 -
Javascript异步的发展与6种解决方案总结
异步(Asynchronous)指同一时间不止一个事件发生,或者说是多个相关事件不等待前一事件完成就发生。异步处理不用阻塞当前线程来等待处理完成,而是允许后续操作,直至其它线程将处理完成,并回调通知此线程。现在与将来一个完整的javascript程序,几乎一定是由多个块构成的。这些块中只有一个是现在执行,其余的则会在将来执行。最常见的块单位是函数。举个例子function now() { return 21;}function later() { answer = answer * 2;原创 2020-12-11 11:22:54 · 199 阅读 · 0 评论 -
十五条 JavaScript 编程技巧
大多数编程语言都足够开放,以允许程序员以多种方式得到类似的结果。JavaScript 也是如此,使用 JavaScript,我们通常可以通过多种方法来达到相似的结果,虽然有时会造成混淆。其中一些用法比其他方法要好,而这些就是我要分享的。我将在本文中一一列举,我敢肯定,您在阅读本文时会发现,在很多地方您和我的做法是相同的。1. 使用模板字符串使用+运算符拼接字符串来构建有意义的字符串,这是过时的做法。此外,将字符串与动态值(或表达式)连接可能会导致计算或表达错误。let name = 'Charl原创 2020-12-06 21:43:19 · 149 阅读 · 0 评论 -
如何在JavaScript中获取屏幕,窗口和网页大小
浏览器的各种尺寸是javaScript中比较容易混淆的概念,下面我会在本文中解释这些概念并且通过具体示例告诉大家如何访问它们。屏幕屏幕尺寸屏幕尺寸是屏幕的宽度和高度:显示器或移动屏幕。window.screen是保存屏幕尺寸信息的对象。screen.width:屏幕的宽。screen.height:屏幕的高。可用屏幕尺寸可用的屏幕大小由活动屏幕的宽度和高度组成,没有操作系统工具栏。screen.availWidth:可利用的宽,等于屏幕的宽。screen.availH原创 2020-12-05 11:10:00 · 2040 阅读 · 0 评论 -
手写Axios核心原理
Axios是一个基于promise的HTTP库,它能够自动判断当前环境,自由切换在浏览器和 node.js环境中。如果是浏览器,就会基于XMLHttpRequests实现;如果是node环境,就会基于node内置核心http模块实现。同时,它还用promise处理了响应结果,避免陷入回调地狱中去。不仅如此,Axios还可以拦截请求和响应、转化请求数据和响应数据、中断请求、自动转换JSON数据、客户端支持防御XSRF等。如此众多好用的功能,快来一起看看它是如何实现的吧!1.基本使用axios基本使用方式原创 2020-12-03 16:36:54 · 291 阅读 · 0 评论 -
前后端分离之项目引入node
一、为什么要做前后端分离随着不同终端(Pad/Mobile/PC)的兴起,对开发人员的要求越来越高,纯浏览器端的响应式已经不能满足用户体验的高要求,我们往往需要针对不同的终端开发定制的版本。为了提升开发效率,前后端分离的需求越来越被重视,后端负责业务/数据接口,前端负责展现/交互逻辑,同一份数据接口,我们可以定制开发多个版本。现阶段我们主要以后端MVC的模式进行开发,这种模式严重阻碍了前端开发效率,也让后端不能专注于业务开发,对后期的维护损耗较大。解决方案是让前端能控制Controller层,但是如果原创 2020-12-02 19:54:21 · 301 阅读 · 0 评论 -
JS 浏览器BOM
1. JavaScript Window1.1 JavaScript Window - 浏览器对象模型浏览器对象模型(BOM) 使 JavaScript 有能力与浏览器"对话"。1.2 浏览器对象模型 (BOM)浏览器对象模型(Browser Object Model (BOM))尚无正式标准。由于现代浏览器已经(几乎)实现了 JavaScript 交互性方面的相同方法和属性,因此常被认为是 BOM 的方法和属性。1.3 Window 对象所有浏览器都支持window对象。它表示浏览器窗口。原创 2020-11-25 20:15:07 · 82 阅读 · 0 评论 -
js高级教程
1. JavaScript 对象1.1 JavaScript 对象JavaScript 中的所有事物都是对象:字符串、数值、数组、函数...此外,JavaScript 允许自定义对象。1.2 所有事物都是对象JavaScript 提供多个内建对象,比如 String、Date、Array 等等。 对象只是带有属性和方法的特殊数据类型。布尔型可以是一个对象。数字型可以是一个对象。字符串也可以是一个对象日期是一个对象数学和正则表达式也是对象数组是一个对象甚至函数也可以是对象1.3原创 2020-11-23 22:16:30 · 359 阅读 · 0 评论 -
JS HTML DOM
1. DOM简介通过 HTML DOM,可访问 JavaScript HTML 文档的所有元素。1.1HTML DOM (文档对象模型)当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。HTML DOM模型被构造为对象的树:HTML DOM 树通过可编程的对象模型,JavaScript 获得了足够的能力来创建动态的 HTML。JavaScript 能够改变页面中的所有 HTML 元素JavaScript 能够改变页面中的所有 HTML 属性原创 2020-11-23 21:06:24 · 88 阅读 · 0 评论 -
javascript函数
javascript函数原创 2020-11-23 19:30:33 · 100 阅读 · 0 评论