• 关于

    js组件压缩发布

    的搜索结果
  • 基于Vue的SPA如何优化页面加载速度

    常见的几种SPA优化方式 减小入口文件体积 静态资源本地缓存 开启GZip压缩 使用SSR ..... 减小入口文件体积,常用的手段是路由懒加载,开启路由懒加载之后,待请求的页面会单独打包js文件,使得入口文件index.js变小,开启懒加载之后,js是这样请求加载的: ...

    文章 我是小助手 2018-07-19 1516浏览量

  • 基于Vue的SPA如何优化页面加载速度

    常见的几种SPA优化方式 减小入口文件体积 静态资源本地缓存 开启GZip压缩 使用SSR ..... 减小入口文件体积,常用的手段是路由懒加载,开启路由懒加载之后,待请求的页面会单独打包js文件,使得入口文件index.js变小,开启懒加载之后,js是这样请求加载的: ...

    文章 我是小助手 2018-06-22 1342浏览量

  • 前端重构之路(组件化)

    距离前端重构之路(技术选型篇)已经过去了近半个月。之前提到说 服务端使用ThinkJS已经可以确定了,一些配套模块也都写差不多了。前端还在Vue,Novajs,还是手动实现中徘徊。 期间对Novajs,Vuejs进行了大量的调研,也针对业务调整了相关的开发方式。最终确定了使用Vuejs来进行组...

    文章 云栖大讲堂 2018-06-19 1938浏览量

  • 前端开发之走进 Vue.js

    Vue.js作为目前最热门最具前景的前端框架之一,其提供了一种帮助我们快速构建并开发前端项目的新的思维模式。本文旨在帮助大家认识Vue.js,了解Vue.js的开发流程,并进一步理解如何通过Vue.js来构建一个中大型的前端项目,同时做好相应的部署与优化工作。 文章将以PPT图片附加文字介绍的形式...

    文章 我是小助手 2018-06-09 2174浏览量

  • 我为什么要使用Webpack?

    简单讲讲我与前端的故事吧。 刚接触前端时,所有静态资源CSS、图片和JS都是手动引入HTML页面中,这并没有什么不好,想要什么就引入什么嘛。另外,所见即所得,开发好的项目文件直接就可以上传服务器,很方便,因此这样的开发方式一直持续到前不久,也就是开始正式使用Webpack之前。 渐渐地,我开始感觉...

    文章 前端王睿 2018-03-26 895浏览量

  • 第一章 Bootstrap简介

    一、Bootstrap简介    Bootstrap是基于 HTML、CSS、JAVASCRIPT 的前端框架,它简洁灵活,使得 Web 开发更加快捷。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HT...

    文章 芝麻软件 2013-09-27 1067浏览量

  • 如何对第一个Vue.js组件进行单元测试 (上)

      首先,为什么要单元测试组件?   单元测试是持续集成的关键。通过专注于小的、独立的实体,确保单元测试始终按预期运行,使代码更加可靠,你可以放心地迭代你的项目而不必担坏事儿。   单元测试不仅限于脚本。可以独立测试的任何东西都是可单元测试的,只要你遵循一些好的做法。这些实例包括单一责任、可预测性...

    文章 数据星河 2018-11-07 1600浏览量

  • 知识总结 ExtJs"入门"

    ExtJs"入门" 学习地址:http://extjs.org.cn/node/83 两段主要代码: <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=iso-8859...

    文章 广贤 2012-01-31 1107浏览量

  • 《Ext JS权威指南》——1.3节Ext JS 4概述

    1.3 Ext JS 4概述1.令人兴奋的Ext JS 4曾经笔者以为Ext JS会止步于Ext JS 3,而全力投身于移动开放领域。而且HTML 5的强势出现,在笔者看来,会对JavaScript框架带来一定的冲击,Ext JS前景不太乐观。想不到在2010年年底,在Sencha博客上出现一篇名...

    文章 华章计算机 2017-08-01 974浏览量

  • 《高性能网站建设指南》读书笔记

    规则1-减少HTTP请求 请求网页时只有10%-20%的最终用户响应时间花在接收请求的HTMl文档上,剩下的80%-90%时间花在为HTML文档所引用的所有组建(图片,脚本,样式表,Flash等)进行的HTTP请求上,因此改善响应时间的最简单途径就是减少组件的数量,并由此减少HTTP请求数量。...

    文章 吞吞吐吐的 2017-11-09 1385浏览量

  • 精读《如何编译前端项目与组件》

    1 引言 说到前端编译方案,也就是如何打包项目,如何编译组件,可选方案有很多,比如: 通过 webpack / parcel / gulp 构建项目。 通过 parcel / gulp / babel 构建组件。 如果你喜欢零配置的 parcel,那么项目和组件都可以拿它来编译。 如果你业务比...

    文章 1714033353038790 2019-01-29 628浏览量

  • 如何发布一个 React components

    本文讲的是如何发布一个 React components, 在我开源 react-place 项目到时候,我注意到那么一个问题。那就是,准备构件发布有些复杂。因此,我决定在此记录该过程,以便日后遇到同样的问题时可查。 在准备构件期间,你会惊奇地发现建立jsx文件并不意味着该构件可用于发布,或该...

    文章 玄学酱 2017-10-20 904浏览量

  • 京东资深前端架构师分享前端工程化在电商首页中的实践

    大家好,我是京东用户体验设计部前端架构团队的刘威,网上ID是putaoshu,非常高兴 “ITA1024团队”的邀请,有这样的一个机会与大家分享下我们团队关于2015年京东PC新首页的一些前端开发实践,希望通过今天的讲解能为大家以后在大型前端项目开发和改版时提供一个思路和参考。   今天我的讲解主...

    文章 云效平台 2016-05-03 5065浏览量

  • 如何基于 Vue 2 写一套 UI 库?

    在提笔写下这篇文章之前,我查阅了很多的平台的文章,看下大家都怎样把一个话题写好,也学习到不少东西,非常感谢有这样一个平台可以和大家互相交流。 我尽可能写得简单清晰,让大家看完可以马上从零开始,记得要自己动手丰衣足食。 写这篇文章原因是因为刚好年底做项目总结,把公司产品做了规划,把组件做了整合整理,...

    文章 玄学酱 2018-06-25 1847浏览量

  • UI开发的终极解决方案

    呵呵,有点标题党的意思,但是如果你正在寻找UI解决方案,你一定不会白来的。 虽然没有直接开发前台界面,但是好呆也看了这么些年,碰到许多关于UI的问题: UI中JS的引入与顺序,JS合并的问题 UI中css的引入与顺序,CSS合并的问题 UI中碰到性能问题时的影响范围,比如:一个树出现问题,要改动...

    文章 悠悠悠然然 2016-05-09 1455浏览量

  • react 按照一级路由 分包加载

    按需加载 一开始整个项目只有一个bundle.js,压缩之后达到了4M。导致首屏加载速度很慢,需要优化。 方案 优化包大小,从业务角度出发,抽离重复的业务组件,避免大规模的90%相似度代码。需要对业务熟悉,一时间优化没有那么明显。 从技术角度,项目里面使用了react route,那能不能按照路...

    文章 我是小助手 2018-07-09 1714浏览量

  • [开源第一波]SmartScript

    ******************************************************************** *                                                 版权声明 * * 本文以Creative Commons的发...

    文章 长征6号 2017-02-28 781浏览量

  • 网站优化思路总结之前端

    一:减少HTTP请求 1:把多张图片处理成一张图片以减少HTTP请求 background-image:url('a.gif');background-position:-260px -90px;width:20px;height:20px; 可以通过如上CSS代码显示一张大图片中的某个位置 2...

    文章 xland 2009-09-28 690浏览量

  • 一文详解 CSS-in-JS

    作者 | 走月来源 | 阿里技术公众号几年前,如果有人提到用 JavaScript 编写 HTML 作为构建大型网站的一种方式,很多开发者会当这作不可理喻的想法,但是现在,使用 React、Vue 和 Angular 框架为组件开发的应用正在慢慢替代传统的 Web 开发。现在 CSS-in-JS ...

    文章 开发者小助手_LS 2021-02-10 742浏览量

  • 从0开始发布一个无依赖、高质量的npm

    写在前面 没有发布过npm包的同学,可能会对NPM对开发有一种蜜汁敬畏,觉得这是一个很高大上的东西。甚至有次面试,面试官问我有没有发过npm包,当时只用过还没写过,我想应该挺难的,就小声说了没有,然后就让我回去了o(╯□╰)o。 其实,在现在的我看来,npm包就是一个我们平时经常写的一个expor...

    文章 云栖大讲堂 2018-06-20 1100浏览量

  • 用vue快速开发app的脚手架工具

    前言 多页面应用于结构较于简单的页面,因为简答的页面使用router又过于麻烦.本脚手架出于这样的场景被开发出来. 使用脚手架搭配Hbuilder也同样可以快速使用vue开发安卓和IOS APP. 本文最大特点: webpack4 多页面 跨域Proxy代理 VConsole移动端调试,手机上的...

    文章 我是小助手 2018-06-29 1995浏览量

  • 前端工程化系列[03]-Grunt构建工具的运转机制

    在前端工程化系列[02]-Grunt构建工具的基本使用这篇文章中,已经对Grunt做了简单的介绍,此外,我们还知道了该如何来安装Grunt环境,以及使用一些常见的插件了,这篇文章主要介绍Grunt的核心组件和运转机制。 Grunt是一套前端自动化构建工具,可以帮助我们简化开发中需要反复处理的任务...

    文章 文顶顶水水 2018-11-10 887浏览量

  • 2014年12月最棒的 15 个 JavaScript 库

    2014年12月最棒的 15 个 JavaScript 库 JavaScript提供了丰富的函数库,不管是事件,效果,还是AJAX。如果偶尔出现JavaScript库没法做某样工作,那一定会有一个插件可以做到! 这种库提供的灵活性用起来杠杠的。不过,它们其中的一些有时却受到文件大小的阻碍。还有,...

    文章 玄学酱 2017-05-02 1633浏览量

  • ASP.NET MVC使用Bootstrap系列(1)——开始使用Bootstrap

    阅读目录 Bootstrap结构介绍 在ASP.NET MVC 项目中添加Bootstrap文件 为网站创建Layout布局页 使用捆绑打包和压缩来提升网站性能 在Bootstrap项目中使用捆绑打包 测试打包和压缩 小结 作为一名Web开发者而言,如果不借助任何前端框架,从零开始使用HT...

    文章 长征6号 2016-09-25 1100浏览量

  • 前端性能分析优化

    分析问题 我们并不仅仅关注页面资源的解析和展示响应时间,而是要关注总时间;我们进行web前端性能测试的目的是计算出包含页面渲染、网络传输以及服务器端解析等综合因素在内的加载时间等指标,对该页面性能进行评估分析,找出影响性能的主要因素和瓶颈,并在此结果的基础上,给出一定的优化建议和解决方案,从而提升...

    文章 青衫无名 2017-07-03 1404浏览量

  • ExtJS5学习之Hello World

    ExtJS5已经发布很久了,还没学过,没什么原因,因为我很懒,哈哈,趁着有空,记录一下学习过程,这也是第一次在iteye写博客,没什么原因,因为我很懒。 :D 首先去官网下载ExtJS5的压缩包,首先你需要注册一个帐号,然后官网会往你注册的邮箱里发送一封邮件,邮件里会有试用下载地址。下载完成解压到...

    文章 shy丶gril 2016-05-16 1496浏览量

  • React 入门实例教程

    现在最热门的前端框架,毫无疑问是 React 。 上周,基于 React 的 React Native 发布,结果一天之内,就获得了 5000 颗星,受瞩目程度可见一斑。 React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定...

    文章 阮一峰 2016-06-07 3573浏览量

  • 《JavaScript开发框架权威指南》——2.2 Grunt是如何工作的

    本节书摘来自异步社区《JavaScript开发框架权威指南》一书中的第2章,第2.2节,作者:【美】Tim Ambler , Nicholas Cloud著,更多章节内容可以访问云栖社区“异步社区”公众号查看 2.2 Grunt是如何工作的 Grunt为开发者提供了一个工具包,用于创建命令行程序来...

    文章 异步社区 2017-06-05 1203浏览量

  • 如何用angular+bower+grunt+nodejs搭建项目架构

    前端这两年技术飞速发展,各种优秀框架层出不穷。本文不是讨论各框架的比较,也不讨论为什么要用angular,而不用backbone;不讨论为什么用requirejs,而不用browserify,seajs等。 一个成熟项目架构中应该具有哪些功能 快速的项目生成器——快速生成项目主体架构,单步实现...

    文章 城池cc 2016-01-14 6738浏览量

  • jQuery 图像裁剪插件Jcrop

    Jcrop简介 Jcrop 是一个功能强大的 jQuery 图像裁剪插件,结合后端程序(例如:PHP)可以快速的实现图片裁剪的功能。 Jcrop是一款免费的软件,采用MIT License发布。  注:本文主要围绕 Jcrop v2.0.0-RC1 版本进行介绍,一些参数或API在 Jcrop v...

    文章 文艺小青年 2017-11-16 1250浏览量

1 2 3 4 6 >

云产品推荐

上海奇点人才服务相关的云产品 小程序定制 上海微企信息技术相关的云产品 国内短信套餐包 ECS云服务器安全配置相关的云产品 开发者问答 阿里云建站 自然场景识别相关的云产品 万网 小程序开发制作 视频内容分析 视频集锦 代理记账服务 阿里云AIoT