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

精选列表

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

前端智能化漫谈 (1) - pix2code

前端智能化漫谈 (1) - pix2code 自从有了GUI图形界面，就诞生了跟图形界面打交道的开发工程师，其中最大的一拨就演化成现在的前端工程师。

2019-08-01

拥抱Flutter，从0到1构建大前端应用

其中，如何构建大前端的跨平台方案，是近年来十分火热的话题之一。能实现跨平台开发的框架也五花八门，让人眼花缭乱，这些工具的表现也是高低有别，各有千秋。

2019-07-10

一篇文章教你如何捕获前端错误

总结上述的错误捕获基本覆盖了前端监控所需的错误场景，但是第三部分指出的两个其他问题，目前解决的方式都不太完美。

2019-07-09

《阿里云前端技术周刊》第十期

作者：@南逸(chuck.ql))校对：@染陌(ranmo.cy)) 知乎：阿里云中台前端/全栈团队专栏Github：阿里云前端技术周刊给我们投稿：传送门[链接]()参与交流：传送门前端速报 Jetbrains

2019-06-23

《阿里云前端技术周刊》第八期

作者：若欢校对：染陌知乎：阿里云中台前端/全栈团队专栏Github：阿里云前端技术周刊给我们投稿：传送门参与交流：传送门前端速报 Angular 8 发布，想知道新版本都有哪些特性，快来戳我瞧瞧吧

2019-06-08

《阿里云前端技术周刊》第六期

作者：靖鑫校对：染陌知乎：阿里云中台前端/全栈团队专栏Github：阿里云前端技术周刊给我们投稿：传送门参与交流：传送门前端速报 V8引擎7.5版本发布，最新的V8引擎带来的新特性可以让我们预知未来

2019-05-25

《阿里云前端技术周刊》第四期

作者：弱冠校对：兆庆知乎：阿里云中台前端/全栈团队专栏 Github：阿里云前端技术周刊给我们投稿：传送门参与交流：传送门前端速报本周举行的微软Build 2019 大会上宣布了一系列开发者工具和服务

2019-05-22

《阿里云前端技术周刊》第五期

作者：雏恬校对：染陌知乎：阿里云中台前端/全栈团队专栏Github：阿里云前端技术周刊给我们投稿：传送门参与交流：传送门前端速报 GitHub Package Registry 发布！

2019-05-22

《阿里云前端技术周刊》第一期

作者：染陌写在前面当下，前端技术蓬勃发展，从 jQuery 到三大框架，从 RN、Weex 到小程序，以及通过 Node.js 为我们拓展更大的疆域，各类技术层出不穷。

2019-05-11

在阿里云做前端，是种怎样的体验？

前端们一直在苦苦探寻。网上很多文章，给人启发，但每个人面对的环境，负责的业务不同，不一定都适用。今天，阿里巴巴高级前端技术专家城池将结合自己过去几年在阿里云的前端经验，做个总结。

2019-04-21

【前端直播资料】搜索端上动态化技术分享

课程大纲搜索动态化面临的问题与挑战搜索动态化页面搭建平台 Hubble 平台主搜国际化中台 Weex 全链路性能优化 Weex 优化框架设计 QKing 引擎核心设计 QKing Runtime.

2019-04-14

好程序员web前端分享javascript枚举算法

好程序员web前端分享javascript枚举算法，题目：在1，2，3，4，5 五个数中，我们随机选取 3个数。问有多少种取法？并且把每种取出数的方法列举出来。乍看这道题，其实感觉没什么难度。

2019-04-11

好程序员web前端培训分享学习JavaScript

好程序员web前端培训分享学习JavaScript，我试着总结自己学习JavaScript的方法 JavaScript给人那种感觉的原因多半是因为它如下的特点： 1、本身知识很抽象、晦涩难懂，如：闭包、

2019-04-08

大前端时代即将来临，后端该何去何从?

缘起 “天下大事，合久必分，分久必合” 一直以来，前端都是“切图师”，仅有“特效师”一脉堪称翘楚。

2018-12-20

用Docker安装Web前端性能测试工具YellowLabTools

一、YellowLabTools概述 1.YellowLabTools简介 Yellow Lab Tools：是一款开源的Web前端性能测试工具，具有一些在其他工具上无法看到的独特功能，如页面加载时，JavaScript

2018-12-18

一文带你看懂cookie，面试前端不用愁

本文由云+社区发表在前端面试中，有一个必问的问题：请你谈谈cookie和localStorage有什么区别啊？

2018-12-11

前端黑科技：美团网页首帧优化实践

前言自JavaScript诞生以来，前端技术发展非常迅速。移动端白屏优化是前端界面体验的一个重要优化方向，Web 前端诞生了 SSR 、CSR、预渲染等技术。

2018-11-16

前端：后端，我要分手，你不适合我

2、UI出好设计图后，前端工程师只负责将设计图切成html，需要由java工程师来将html套成jsp页面，出错率较高（因为页面中经常会出现大量的js代码），修改问题时需要双方协同开发，效率低下。

2018-10-31

前端安全系列之二：如何防止CSRF攻击？

背景随着互联网的高速发展，信息安全问题已经成为企业最为关注的焦点之一，而前端又是引发企业安全问题的高危据点。

2018-10-12

2018年3月15日当DOM变化影响了元素的几何属性（宽、高改变等等）浏览器此时需要重新计算元素几何属性并且页面中其他元素的几何属性可能会受影响这样渲染树就发生了改变，也就是重新构造RenderTree渲染树这个过程叫做重排（reflow）如果DOM变化仅仅影响的了背景色等等非几何属性此时就发生了重绘（repaint）而不是重排因为布局没有发生改变页面发生重绘和重排，都会影响性能（重绘还好一些），尽量避免或减少重排触发重排页面布局和元素几何属性的改变就会导致重排下列情况会发生重排页面初始渲染添加/删除可见DOM元素改变元素位置改变元素尺寸（宽、高、内外边距、边框等）改变元素内容（文本或图片等）改变窗口尺寸不同的条件下发生重排的范围及程度会不同某些情况甚至会重排整个页面，比如滑动滚动条浏览器的优化：渲染队列 div.style.left = '10px'; div.style.top = '10px'; div.style.width = '20px'; div.style.height = '20px'; 如上，修改了元素的left、top、width、height属性满足我们发生重排的条件理论上会发生4次重排但是实际上只会发生1次重排这是因为我们现代的浏览器都有渲染队列的机制当我改变了元素的一个样式会导致浏览器发生重排或重绘时它会进入一个渲染队列然后浏览器继续往下看，如果下面还有样式修改那么同样入队直到下面没有样式修改浏览器会按照渲染队列批量执行来优化重排过程，一并修改样式这样就把本该4次的重排优化为1次 div.style.left = '10px'; console.log(div.offsetLeft); div.style.top = '10px'; console.log(div.offsetTop); div.style.width = '20px'; console.log(div.offsetWidth); div.style.height = '20px'; console.log(div.offsetHeight); 如上，发生4次重排 offsetLeft/Top/Width/Height会强制刷新队列要求样式修改任务立刻执行这么做是有道理的毕竟浏览器不确定在接下来的代码中你是否还会修改同样的样式为了保证获得正确的值，它不得不立刻执行渲染队列触发重排以下属性或方法会刷新渲染队列 offsetTop、offsetLeft、offsetWidth、offsetHeight clientTop、clientLeft、clientWidth、clientHeight scrollTop、scrollLeft、scrollWidth、scrollHeight getComputedStyle()（IE中currentStyle）我们在修改样式过程中，要尽量避免使用上面的属性重绘与重排的性能优化分离读写操作了解了原理我们就可以对上面的代码进行优化 div.style.left = '10px'; div.style.top = '10px'; div.style.width = '20px'; div.style.height = '20px'; console.log(div.offsetLeft); console.log(div.offsetTop); console.log(div.offsetWidth); console.log(div.offsetHeight); 仅仅发生1次重排了，原因相信大家已经很清晰了把所有的读操作移到所有写操作之后样式集中改变还是我们最初修改样式的代码 div.style.left = '10px'; div.style.top = '10px'; div.style.width = '20px'; div.style.height = '20px'; 如上，虽然现代浏览器有渲染队列的优化机制但是古董浏览器效率仍然低下，触发了4次重排即便这样，我们仍然可以做出优化我们需要cssText属性合并所有样式改变 div.style.cssText = 'left:10px;top:10px;width:20px;height:20px;'; 如上，只需要修改DOM一次一并处理仅仅触发了1次重排而且只用了一行代码，看起来相对干净一些注意，cssText会覆盖已有的行间样式如果想保留原有行间样式，如下 div.style.cssText += ';left:10px;'; 除了cssText以外，我们还可以通过修改class类名来进行样式修改，如下 div.className = 'new-class'; 这种办法可维护性好，还可以帮助我们免除显示性代码有很小的性能影响，改变class需要检查级联样式，但是符合BEM标准可以更好的解耦，增加可维护性，建议这样写 div.className = 'js-class'; 缓存布局信息我觉得缓存真是万金油，哪种性能优化都少不了它 div.style.left = div.offsetLeft + 1 + 'px'; div.style.top = div.offsetTop + 1 + 'px'; 如上，这种读操作完就执行写操作造成了2次重排缓存可以进行优化 var curLeft = div.offsetLeft; var curTop = div.offsetTop; div.style.left = curLeft + 1 + 'px'; div.style.top = curTop + 1 + 'px'; 如上，这也相当于是分离读写操作了优化为1次重排元素批量修改现在我们想要向ul中循环添加大量li （如果ul还不存在，最好的办法是先循环添加li到ul，然后再把ul添加到文档，1次重排） var ul = document.getElementById('demo'); for(var i = 0; i < 1e5; i++){ var li = document.createElement('li'); var text = document.createTextNode(i); li.appendChild(text); ul.appendChild(li); } 我可以做出下面的优化 var ul = document.getElementById('demo'); ul.style.display = 'none'; for(var i = 0; i < 1e5; i++){ var li = document.createElement('li'); var text = document.createTextNode(i); li.appendChild(text); ul.appendChild(li); } ul.style.display = 'block'; var ul = document.getElementById('demo'); var frg = document.createDocumentFragment(); for(var i = 0; i < 1e5; i++){ var li = document.createElement('li'); var text = document.createTextNode(i); li.appendChild(text); frg.appendChild(li); } ul.appendChild(frg); var ul = document.getElementById('demo'); var clone = ul.cloneNode(true); for(var i = 0; i < 1e5; i++){ var li = document.createElement('li'); var text = document.createTextNode(i); li.appendChild(text); clone.appendChild(li); } ul.parentNode.replaceChild(clone,ul); 上面的方法减少重绘和重排的原理很简单元素脱离文档改变样式元素回归文档而改变元素就分别使用了隐藏元素文档碎片克隆元素

2018-09-04

资源下载

更多资源

腾讯云软件源

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

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等操作系统。