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

精选列表

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

Fundebug前端JavaScript插件更新至1.2.0

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

2018-08-28

web前端系列面试题(一)

让你自己设计实现一个requireJS，你会怎么做？谈一谈你对ECMAScript6的了解？ ECMAScript6 怎么写class么，为什么会出现class这种东西? 异步加载的方式有哪些？

2018-08-20

Go+Web前端全栈班

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

2018-08-09

实施前端微服务化的方式

注意：这里的前端应用指的是前后端分离的单应用页面，在这基础才谈论微前端才有意义。

2018-08-06

使用CDN 如果A网站和B网站, 同时使用了 https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js的资源, 在访问其他网站A时, 浏览器会缓存jquery.min.js资源文件, 访问网站B时,就可以免于下载jquery.min.js的文件, 这样既节省了服务器流量, 又提升了资源加载的速度, 一举两得~ 减少网络请求使用雪碧图(用Photoshop将多个icon拼接到一张图上) 将多个js文件合并压缩为单个js文件(使用Webpack,或在线工具) 减少图片尺寸可以使用PP鸭一键压缩, 具体介绍: PP鸭为你的图片瘦瘦瘦身 (支持快速压缩jpg, png, gif三种格式) 将图片保存为渐进式jpg 将图片保存为渐进式jpg后, 图片在浏览器显示时, 可以由模糊到清晰渐进式加载, 提升用户体验将javascript脚本放到html的底部 HTML文件是从上往下渲染的, 如果js脚本有大量耗时操作, js执行期间, 用户是不能看到页面的 mdn的解释链接: https://developer.mozilla.org/zh-CN/docs/Learn/Getting_started_with_the_web/JavaScript_basics 一般我们会把css样式文件放在html的头部, javascript脚本文件放在页面底部, 但什么事情都有特例, 比如bootstrap的部分组件依赖jquery,也就是jquery必须在bootstrap之前引入, 如果我们要在页面头部引入bootstrp样式的话, 那jquery也必须放到了页面的头部!

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

《大前端开发》培训2周小结

原先打算将前端和后端的内容先独立分开来讲的，但是在讲课的过程中，发现穿插在一起讲能更好的让同学们理解前端和后端的异同和各自的职责，以及相互间的关系等，可以更好的建立软件开发的大局观，从更高的角度来认识编程

2018-04-17

前端常见跨域解决方案

1、前端设置： 1.）原生ajax // 前端设置是否带cookie xhr.withCredentials = true; 示例代码： var xhr = new XMLHttpRequest();

2018-03-13

2018 最值得关注的前端技术

2018年前端有哪些领域，技术值得关注，哪些技术会兴起，哪些技术会没落。下面就我个人的判断进行一个预测判断，希望能对大家起到一个参考作用！

2018-02-13

阿里云前端周刊 - 第 41 期

Intel CPU 爆重大设计缺陷，浏览器中同样可以越权访问 https://googleprojectzero.blogspot.hk/2018/01/reading-privileged-memory-with-side.html

2018-01-18

阿里云前端周刊 - 第 39 期

推荐 1. Safari 支持 Service Worker 了！ https://mp.weixin.qq.com/s/gqNjFzRhurLLYTdWjIKpXg 在昨天发布的 Safari 46 技术预览版里，发布了一个重大更新，在新的桌面版 Safari 里将默认打开 Service Worker，这意味着苹果正在逐步接受 PWA，我们将进入 PWA 的时代。早在今年 7 月份，就有人问过 WebKit 团队是否将支持 Service Worker，当时他们的回答是正在考虑，后来在 8 月份变成“In development”，现在终于正式发布了。PWA 的另一个核心特性 Web App Manifest，苹果表示也正在开发中，按开发进度可能几个月后就能与我们见面。 2. GraphQL.js 0.12.0 发布 https://g

2018-01-18

阿里云前端周刊 - 第 37 期

推荐 1. Node.js 的可扩展应用模式：CQRS, ES, Onion https://medium.com/@domagojk/patterns-for-designing-flexible-architecture-in-node-js-cqrs-es-onion-7eb10bbefe17 本文介绍如何使用 CQRS 与 Event Sourcing 模式来开发 Node.js 应用，使用 Onion 架构来组织这些模式，并且使用 TypeScript 来进行静态类型校验。本文首先讨论了何谓灵活架构：业务逻辑与实现分离、独立于数据库，框架，服务等等；然后介绍了 Event Sourcing 与 CQRS 的含义，以及它们是如何组织在洋葱圈模型中的，最后以典型的认证逻辑为例讨论了如何实现 CQRS 模式。 2. 2017 Java

2018-01-14

阿里云前端周刊 - 第 38 期

推荐 1. ESM 的目前实现与未来规划 https://medium.com/the-node-js-collection/the-current-state-of-implementation-and-planning-for-esmodules-a4ecb2aac07a ES 模块化标准最早是 2015 年在 ECMAScript 6 中发布，现在我们已经可以在三个主流浏览器中使用 ES Modules。而 Node.js 目前是采用了 Common.js 模块化方案，我们可以在应用中通过 require 方法来引入其他模块。两种模块机制的巨大差异使得同时兼容 Common.js 与 ESModule 并非易事；而自 Node.js 8.9.0 以来，开发者可以实验性地使用 ESModules，本文即是对于社区的反馈以及 ESM

2018-01-14

阿里云前端周刊 - 第 40 期

推荐 1. Metaballs 粘滞融合效果 https://www.w3cplus.com/svg/metaballs.html Metaballs是有机的黏糊糊的黏糊糊的东西。从数学的角度来看，它们是一个等值面。可以用一个数学公式来表示：f(x,y,z) = r / ((x - x0)2 + (y - y0)2 + (z - z0)2)，我们可以在一个元素中使用模糊和滤镜在 CSS 和 SVG 中复制Metaball效果。 2. SVG morphing 动画应用大盘点 http://svgtrick.com/tricks/7f5bbc4a142e5a19c7d8c129d6a68d03 这篇文章主要是介绍SVG morph动画的应用，主要是介绍一些SVG在morphing动画的一些实例和它的实现方式。开始之前，先来介绍下何为morphi

2018-01-09

阿里云前端周刊 - 第 36 期

推荐 1. Rust 默认可以编译为 WebAssembly https://www.hellorust.com/news/native-wasm-target.html 随着 Pull Request 46115: "rustbuild: Enable WebAssembly backend by default" 被合入 master 分支，Rust 现在可以不依赖于其他工具而直接将代码编译为 WebAssembly 格式；而 Browserify 也支持在 JavaScript 代码中直接插入 Rust 代码，我们在前一期的清单中也介绍过使用 Rust 开发 Node.js 原生模块，拭目以待未来 JavaScript 与 Rust 能够更好地协同构建强大的应用。 2. React 16.2.0 发布 https://reactjs.

2017-12-13

资源下载

更多资源

腾讯云软件源

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

Nacos

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

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