搜索[前端工具]结果-低调大师优秀个人博客

精选列表

搜索[前端工具]，共10000篇文章

WebStorm 2019.3 Beta 发布，前端开发 IDE

运行任何操作现在可以启动 npm 和 Yarn 之类的工具，打开最近的项目，并使用单个“运行任何内容”操作（Ctrl-Ctrl）启动运行/调试配置–不再需要记住这些特定操作的所有快捷方式。

2019-11-17

指尖前端重构（React）技术调研分析

一、为什么选择React React是当前前端应用最广泛的框架。三大SPA框架 Angular、React、Vue比较。

2019-09-26

JavaScript中的对象分类宿主对象（host Objects）：由 JavaScript 宿主环境提供的对象，它们的行为完全由宿主环境决定。内置对象（Built-in Objects）：由 JavaScript 语言提供的对象。固有对象（Intrinsic Objects ）：由标准规定，随着 JavaScript 运行时创建而自动创建的对象实例。原生对象（Native Objects）：可以由用户通过 Array、RegExp 等内置构造器或者特殊语法创建的对象。普通对象（Ordinary Objects）：由{}语法、Object 构造器或者 class 关键字定义类创建的对象，它能够被原型继承。函数对象与构造器对象 JavaScript中使用对象来模拟函数与构造器。JavaScript 为这一类对象预留了私有字段机制，并规定了抽象的函数对象与构造器对象的概念。函数对象的定义是：具有 [[call]] 私有字段的对象，构造器对象的定义是：具有私有字段 [[construct]] 的对象。我们可以这样说，任何对象只需要实现 [[call]]，它就是一个函数对象，可以去作为函数被调用。而如果它能实现 [[construct]]，它就是一个构造器对象，可以作为构造器被调用。程序员使用function关键字创建出来的对象同时拥有[[call]]、[[construct]]属性，所以既可以被当做函数调用也可以当做构造器，只不过它们的行为总是相似的。当返回值为对象时函数对象与构造器对象的作用是相同的。当作为构造器对象使用时过程如下：以 Object.protoype 为原型创建一个新对象；以新对象为 this，执行函数的 [[call]]；如果 [[call]] 的返回值是对象，那么，返回这个对象，否则返回第一步创建的新对象。 es6中的=>函数只能被当做函数调用。

2019-08-12

前端学习笔记（2） - JavaScript面向对象

javaScript是不是面向对象语言？ JavaScript（es6之前）有对象的概念，却没有类的概念，JavaScript对象可以任意添加属性，而java、c++等其他语言却不能。以至于有些人认为JavaScript并非是面向对象的语言，而是基于对象的语言。实际上JavaScript无疑是面向对象的语言，只不多例如java、c++等语言才用的是“类”的方式来描述对象，这也是最为成功的描述对象方式。但是javaScript采用的较为冷的原型来描述对象的方式。但是由于某些原因JavaScript在原型运行时的基础上加入了例如new、this等语言特性使其看起来更像java。基于原型的面向对象 “基于类”的编程提倡使用一个关注分类和类之间关系开发模型。在这类语言中，总是先有类，再从类去实例化一个对象。类与类之间又可能会形成继承、组合等关系。类又往往与语言的类型系统整合，形成一定编译时的能力。 “基于原型”的编程看起来更为提倡程序员去关注一系列对象实例的行为，而后才去关心如何将这些对象，划分到最近的使用方式相似的原型对象，而不是将它们分成类。基于原型的面向对象系统通过“复制”的方式来创建新对象。一些语言的实现中，还允许复制一个空对象。这实际上就是创建一个全新的对象。JavaScript的原型对象实现方式并不是真的去复制一个对象，而是使新对象持有一个原型对象的引用。 JavaScript的原型系统其实概括起来如下：如果所有对象都有私有字段 [[prototype]]，就是对象的原型；读一个属性，如果对象本身没有，则会继续访问对象的原型，直到原型为空或者找到为止。这个模型在 ES 的各个历史版本中并没有很大改变，但从 ES6 以来，JavaScript 提供了一系列内置函数，以便更为直接地访问操纵原型。三个方法分别为： Object.create 根据指定的原型创建新对象，原型可以是 null； Object.getPrototypeOf 获得一个对象的原型； Object.setPrototypeOf 设置一个对象的原型。基于类的面向对象在es6的新语法中引入了class关键字，并从标准中删除了所有与[[class]]相关的私有属性，new与function的怪异搭配终于可以退休了。基于类的面向对象正式成为JavaScript官方的编程范式。（JavaScript中基于类的面向对象编程实际上是基于原型面向对象编程的语法糖） class Animal { constructor(name) { this.name = name; } speak() { console.log(this.name + ' makes a noise.'); } } class Dog extends Animal { constructor(name) { super(name); // call the super class constructor and pass in the name parameter } speak() { console.log(this.name + ' barks.'); } } let d = new Dog('Mitzie'); d.speak(); // Mitzie barks.

2019-08-11

通过OpenGL理解前端渲染原理（1）

通过OpenGL理解前端渲染原理，本文着重介绍渲染管线工作流程。一、OpenGL OpenGL，是一套绘制3D图形的API，当然它也可以用来绘制2D的物体。

2019-07-29

未来前端的机会在哪里？

阿里妹导读：在近期举办的行业大会上，阿里前端技术委员会主席，淘系技术部资深总监圆心发表了《前端路上的思考》的演讲，分别从前端的发展历程、今天的机会、如何引领新技术、前端价值这四个方面进行深入探讨。

2019-07-07

WebFlux拨云见日之前端整合，悟了吗？

spring5中加入webflux的消息现世已经有一段时间了，也发现了一些朋友的公司在使用webfux，但是大多数都是用作为服务器之间的一些通讯、路由控制来使用，然而真正的把他当着一个web服务来提供给前端

2019-06-19

让前端监控数据采集更高效

作为距离用户最近的一层，前端的表现是否可靠、稳定、好用，很大程度上决定着用户对整个产品的体验和感受。因此，对于前端的监控不容忽视。

2019-04-19

4 年前端狗，2 年 CTO

从业6年却很少写文章，近一年来接触了几十个刚毕业的前端新人，也面试了100多个前端工程师和Nodejs工程师，对于前端发展的这个职业算是有些感触吧，打算陆续写一些从业经验也好，技术分享也好，对自己前6年的经历做一些文字上的沉淀

2019-04-07

Fundebug前端JavaScript插件更新至1.2.0

摘要: Fundebug的前端JavaScript错误监控插件更新至1.2.0：支持监控WebSocket连接错误；修复了监控unhandledrejection错误的BUG，即未用catch处理的Promise

2018-08-28

web前端系列面试题(一)

什么是“前端路由”?什么时候适合使用“前端路由”? “前端路由”有哪些优点和缺点? 知道什么是webkit么? 知道怎么用浏览器的各种工具来调试和debug代码么? 如何测试前端代码么?

2018-08-20

Go+Web前端全栈班

指趣学院地址: www.it666.com www.itzb.com(备案中, 后期将通过双域名同时指向) 学科介绍指趣学院现已开设两个学科, Web前端和Golang后端, 后续将陆续开设Python

2018-08-09

实施前端微服务化的方式

微前端架构是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。

2018-08-06

简单优化前端工程几种方式（上篇）

这样既节省了服务器流量, 又提升了资源加载的速度, 一举两得~ 减少网络请求使用雪碧图(用Photoshop将多个icon拼接到一张图上) 将多个js文件合并压缩为单个js文件(使用Webpack,或在线工具

2018-07-19

前端工程化之路-语法检查

javascript作为前端的利器，上可撸AI，下可写驱动，（好吧，我承认我瞎编的），但是js作为一门弱类型的动态语言，在给我们带来方便的同时，也会悄悄的埋下坑，尤其是在大型项目中，一不小心，就要加班填坑

2018-07-17

JavaScript 内存机制（前端同学进阶必备）

对于前端开发来说，内存空间并不是一个经常被提及的概念，很容易被大家忽视。当然也包括我自己。在很长一段时间里认为内存空间的概念在JS的学习中并不是那么重要。

2018-07-12

前端，是一种GUI软件！

前端工程的三个阶段现在的前端开发倒也并非一无所有，回顾一下曾经经历过或听闻过的项目，为了提升其前端开发效率和运行性能，前端团队的工程建设大致会经历三个阶段：第一阶段：库/框架选型前端工程建设的第一项任务就是根据项目特征进行技术选型

2018-07-09

『前端大事记』之「几件大事」

提供实时音视频、点播、直播等产品，特惠8折起cloud.tencent.com 【回复“1024”，送你一个特别推送】不知道大家都听没听说过这句哈：前端的江湖总是不缺话题，且从没有消停过！！！

2018-07-05

前端高频面试题 JavaScript篇

以下问题都来自于互联网前端面经分享，回答为笔者通过查阅资料加上自身理解总结，不保证解答的准确性，有兴趣讨论的同学可以留言或者私信讨论。 1.JS的异步机制？ 2.闭包如何实现? 3.原型链、继承？

2018-06-24

【原】jQuery easyUI 快速搭建前端框架

jQueryEasyUI jQuery EasyUI是一组基于jQuery的UI插件集合体，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html标签。这里我们使用easyUI搭建一个简单的页面框架，非常简单！效果如此：需要引入的最少的文件 3个js文件是必须的文件下载链接：http://www.jeasyui.net/download/ 注意：easyui从1.2.3版本之后开始收费了创建一个html：引入js以及要用到的样式注意，由于ezUI是依赖jQuery的，所以引用的顺序一定是jQuery的js在easyUI的js之前！！！ demo1_layout.html: <!DOCTYPE HTML> <html> <head> <title>demo layout</title> <script type="text/javascript" src="jquery-1.8.0.min.js"></script> <script type="text/javascript" src="jquery.easyui.min.js"></script> <script type="text/javascript" src="easyui-lang-zh_CN.js"></script> <link rel="stylesheet" type="text/css" href="themes/icon.css"></link> <link rel="stylesheet" type="text/css" href="themes/default/easyui.css"></link> </head> <body> </body> </html> （从我的路径可以看出，我的html文件和jQuery的js是平级关系）完整代码： <!DOCTYPE HTML> <html> <head> <title>demo layout</title>  <script type="text/javascript" src="jquery-1.8.0.min.js"></script>  <script type="text/javascript" src="jquery.easyui.min.js"></script>  <script type="text/javascript" src="easyui-lang-zh_CN.js"></script>  <link rel="stylesheet" type="text/css" href="themes/icon.css"></link>  <link rel="stylesheet" type="text/css" href="themes/default/easyui.css"></link> </head> <body>  <div class="easyui-layout" data-options="fit:true">   <div data-options="region:'east',title:'东部'" style="width:200px;">东部</div> <div data-options="region:'west',title:'西部'" style="width:200px;">   <div class="easyui-accordion" data-options="fit:true">   <div data-options="title:'基本功能',iconCls:'icon-mini-add'">可折叠面板1</div> <div data-options="title:'高级功能',iconCls:'icon-mini-add'">可折叠面板2</div> <div data-options="title:'管理员功能',iconCls:'icon-mini-add'">可折叠面板3</div> </div> </div> <div data-options="region:'south',title:'南部'" style="height:100px;">南部</div> <div data-options="region:'north',title:'北部'" style="height:100px;">北部</div> <div data-options="region:'center',title:'中部'">  <div class="easyui-tabs" data-options="fit:true">  <div data-options="title:'tab1'">tab标签面板1</div>  <div data-options="title:'tab2',closable:true">tab标签面板2</div> <div data-options="title:'tab3',closable:true">tab标签面板3</div> <div data-options="title:'tab4',closable:true">tab标签面板4</div> </div> </div> </div> </body> </html> 转载请注明：https://www.cnblogs.com/1906859953Lucas/p/9212852.html

2018-06-21

资源下载

更多资源

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文件系统，支持十年生命周期更新。

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。

WebStorm

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