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

精选列表

搜索[前端设计]，共10000篇文章

前端也要懂物理 —— 惯性滚动篇

除此之外，在丰富多姿的 web 前端生态中，很多经典组件的交互都一定程度地沿用了惯性滚动的效果，譬如下面提到的几个流行 H5 组件库中的例子。

2020-06-11

WebStorm 2020.1 RC 发布，前端开发 IDE

WebStorm 2020.1 RC 发布了，主要更新内容有：新的默认编辑器字体：从 v2020.1 开始，WebStorm 默认选择了 JetBrains Mono，并可以选择设置字体。更有用的快速文档：将鼠标悬停在符号上时，将显示“文档”弹出窗口。这有助于更快地找到有关特定符号的信息。对于 JavaScript 和 TypeScript，弹出窗口包含有关符号的类型和可见性以及该符号的定义位置的详细信息。用于集中编码的 Zen 模式：新的 Zen 模式结合了 Distraction Free 模式和 Full Screen 模式。想完全专注于代码时就可以使用它。改进的 Vue 支持：此版本增加了对 Vuex 库和 Vue 3 中的 Composition API 的支持。在保存时运行 Prettier：使用新的“在文件上保存时运行”选项，WebStorm 将在保存这些文件后，将 Prettier 格式应用于 IDE 设置中指定并在项目中编辑的所有文件。 Bundled spell checker：WebStorm 2020.1 与 Grazie（拼写、语法和样式检查工具）捆绑在一起。简化的commit rebasing过程：在 WebStorm 2020.1 中，将有重新编制的、更具交互性的 “Rebasing Commits” 对话框。使用 WebStorm 进行快速编辑：使用新的 LightEdit 模式，可以在类似文本的编辑器窗口中打开文件，而无需创建或加载项目。更新说明：https://blog.jetbrains.com/webstorm/2020/04/webstorm-2020-1-rc/

2020-04-02

前端工程师眼中的Docker

前端工程师眼中的Docker笔者最近在整理Node.js操作各数据库的方法，却不料遇到一个很棘手的问题：很多数据库，都需要同时下载Server端和Client端，并进行相应的配置，着实是麻烦。

2020-03-17

Serverless 掀起新的前端技术变革

作者：蒋航，阿里云前端工程师前端开发模式的演进首先回顾一下前端开发模式的演进，我觉得主要有四个阶段。

2020-03-02

关于 2020 年的前端趋势预测

根据对前端发展现状的观察，和对一些已有调查的研究，前端开发者 Roberto Hernandez在其个人专栏中对接下来的前端发展趋势做出了个人预测。

2019-12-29

quickly 1.3 版本发布，CSS 前端框架

quicklyCSS前端框架发布1.3版本演示地址 http://qietu.com/quickly-1.3/ pc界面移动界面关于框架 quicklyCSS框架曾用名 ThinkCSS,QuickCSS

2019-12-03

Cadmin 1.1 发布，新增 React 版前端

新增react客户端项目地址:https://gitee.com/baiy/Cadmin-client-react 其他更新添加当前用户设置功能添加用户描述字段添加演示站点演示地址 vue版前端

2019-12-03

前端javascript练习题之promise

前端javascript练习题之promisepromise-ajax的封装function ajax(url){//创建promise对象 var promise = new Promise(function

2019-11-27

WebStorm 2019.3 正式发布，前端开发 IDE

WebStorm 2019.3 正式发布了，新版本的启动速度提高了 20％，对 Vue.js 的支持进行了重大增强，JavaScript 和 TypeScript 的代码完成更加智能，并且修复了许多错误。性能更快的启动速度框架和工具更高级的 Vue.js 代码完成 WebStorm 现在可以了解位于单独文件中的组件各部分之间的链接，并为未在单个 .vue 文件中定义的道具，数据和方法提供准确的完成建议。 Vue.js 项目中的快速文档现在可以查看 Vue.js 和一些流行的组件库中定义的组件和指令的文档。只需在代码中按组件或指令名称上的 F1 键即可。支持一些流行技术的最新版本 WebStorm 2019.3 通过 Angular 9 和 Yarn 2 的 Plug'n'Play 功能支持原理图（schematics）。另外，它可以帮助使用 TypeScript 3.7 的关键功能，例如可选的链接，无效合并和断言签名，而无需其他配置。在 React 组件中更好地支持 props 对于没有 propTypes 的组件，WebStorm 将不再报告 props 的未解析属性。 JavaScript & TypeScript 模板语言注入是否需要使用与文件主要语言不同的语言的代码片段？现在可以通过按 Alt-Enter 将此类代码片段注入文件中，包括 Pug，Handlebars 和 EJS。新符号的名称建议在 JavaScript 或 TypeScript 文件中添加新的变量和参数名称时，你将根据项目、标准库和所使用的依赖项中定义的类、接口和类型别名的名称获得建议名称。对于新的变量、函数、类和接口，你还将获得有关已在同一作用域中使用但尚未定义且标记为未解析的名称的建议。本次更新带来大量新特性，大部分在此前的更新中有提到过，可查看WebStorm 2019.3 Beta 版本。更新说明：https://www.jetbrains.com/webstorm/whatsnew/

2019-11-26

前端javascript练习题Ajax封装

前端javascript练习题Ajax封装ajax的基本封装 ----必须掌握function ajax(url,fn){ if(window.XMLHttpRequest){ var xhr = new

2019-11-26

web前端之javascript练习题

javascript 练习题，正则表达式表单验证简单的布局： Q Q 手机邮箱座机姓名 js代码： checkInput(my$("qq"),/^\d{5,11}$/); //qq的 checkInput(my$("phone"),/^\d{11}$/); //手机 checkInput(my$("e-mail"),/^[0-9a-zA-Z_.-]+[@][0-9a-zA-Z_.-]+([.][a-zA-Z]+){1,2}$/); //邮箱 checkInput(my$("telephone"),/^\d{3,4}[-]\d{7,8}$/); //座机号码 checkInput(my$("fullName"),/^[\u4e00-\u9fa5]{2,6}$/); //中文名字//通过正则表达式验证当前的文本框是否匹配并显示结果 function checkInput(input,reg) { //文本框注册失去焦点的事件 input.onblur=function () { if(reg.test(this.value)){ this.nextElementSibling.innerText="正确了"; this.nextElementSibling.style.color="green"; }else{ this.nextElementSibling.innerText="让你得瑟,错了吧"; this.nextElementSibling.style.color="red"; } }; }

2019-11-20

WebStorm 2019.3 Beta 发布，前端开发 IDE

重新设计的用于克隆项目的 UI 从 VCS 克隆项目时，你会在欢迎屏幕和 VCS 菜单上看到更新的“从版本控制获取”对话框。

2019-11-17

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

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

2019-09-26

前端学习笔记（3） - JavaScript对象分类

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

资源下载

更多资源

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称，一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集，帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

Spring

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

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部分的功能。