• 关于

    SASs如何看配置

    的搜索结果
  • 走近webpack(4)--css相关拓展

      我们前面已经学了很多webpack基本的处理情况,一句话总结就是,一个优秀的webpack项目,主要的核心用法就是整合loader和plugin去处理你想要的任何需求。   下面,咱们一起来学学如何用webpack来处理less,sass等预编译器。先看看如何用webpack处理less。  ...

    文章 zaking 2018-03-24 853浏览量

  • vue-cli 3.0 使用全过程讲解

    首先在使用 vue create my-project 创建项目的时候要选择使用 css 预处理器。 安装 vue-cli 首先使用 npm 安装 vue-cli v3.0。 npm install -g @vue/cli 复制代码 安装完成后使用 vue -V 查看版本号,如果显示版本号说明安装...

    文章 小旋风柴进 2018-06-13 1671浏览量

  • 使用 Compass 生成雪碧图

    使用 Compass 创建一个项目 要在一个新项目中使用 Compass,可以打开命令行工具并输入如下指令 1 compass create my-project 如果 my-project 目录不存在,上述命令会创建一个叫做 my-project 的目录,并在其中添加...

    文章 技术小牛人 2018-03-18 1829浏览量

  • Google Web开发最佳实践(二)

    本指南逐步引导你使用 Web 新手开发包创建新站点,帮助你充分利用 Web 新手开发包提供的工具。 1.开发环境配置 本人环境为win7x64。需要安装以下环境。 安装NodeJS(同时会安装NPM); 安装Ruby(需要大于1.8.7版本),然后安装sass:gem install sass...

    文章 动感小前端 2014-10-22 1526浏览量

  • 进阶:构建具备版本管理能力的项目

    webpack是时下十分流行的编译和打包工具,它提供一种可扩展的loader的方式,简单的配置,便可以编译打包各类型的文件,包括js、css、image、font、html,以及各种预编译语言都不在话下。 一、回顾与思考 在上一节的【入门:十分钟自动化构建】中我们讲解了如何用gulp去搭建一个工作...

    文章 青衫无名 2018-07-13 2436浏览量

  • 详解Parcel:快速,零配置web应用打包工具

    Parcel有什么特别的,我为什么要关心它? 虽然webpack提供了非常多灵活的配置,但是与之带来的是复杂度的提升,而Parcel却非常的简洁。Parcel自己的口号也是非常直白:零配置。 为什么这么神奇?— Parcel有一个开箱即用的开发服务器。 开发服务器会在您更改文件时自动重建您的应用程...

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

  • 项目目录标准结构

    (学习自慕课网中《所向披靡的响应式开发》课程中) 一.如何组织项目目录结构 1.约定优于配置 2.约定代码结构或命名规范来减少配置数量 (没有最好的组织方式,只有合适的组织方式) 样式放入CSS文件下,main.css是通用样式,normalize.css是引用样式,login是的登录样式。 脚...

    文章 姜白告 2018-05-04 926浏览量

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

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

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

  • 走近webpack(2)--css打包及压缩js

      前面的文章介绍了webpack的devServer以及多入口多出口文件的配置,咱们继续往下学。   在开始学习接下来的知识之前,我们先回顾一下,前文提到了webpack的简单配置方法,但是只详细说了下入口和出口文件的配置,并没有更多的去解释其他选项的配置,比如loader,plugin等。那么...

    文章 zaking 2018-03-24 1217浏览量

  • HeyUI组件库发布vscode插件,PS教程: 如何开发vscode插件?

    前沿 HeyUI组件库,我们项目组已经用了一年多了。 一直没有对应的组件库插件,我一直耿耿于怀。 所以,抽时间查阅了vscode的插件开发教程,终于把vscode的插件完成了。 在此奉上我们的插件库链接,多谢大家提建议。 git: github.com/heyui/heyui…vscode: ma...

    文章 我是小助手 2018-07-06 2309浏览量

  • 在 BigCommerce 我们如何编写 CSS

    本文讲的是在 BigCommerce 我们如何编写 CSS, CSS 很难,而写出好的 CSS 代码更难。在一个大团队中,基于巨大的代码库写出好的 CSS 代码,更是难上加难。 我们并不是一家独一无二的软件公司:120个工程师,4间办公室,3个不同国家,3个时区,以及7年时间,代表着一个大家都...

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

  • [译] 在 HTTP/2 的世界里管理 CSS 和 JS

    本文讲的是[译] 在 HTTP/2 的世界里管理 CSS 和 JS, 原文地址:Managing CSS & JS in an HTTP/2 World 原文作者: Trevor Davis 译文出自:掘金翻译计划 本文永久链接:github.com/xitu/gold-m…...

    文章 玄学酱 2017-10-16 853浏览量

  • CSS预处理语言的模块化实践

    编写css是前端工作中,一项普通而又频繁的劳动,由于css并不是一门语言,所以在程序设计上显得有些简陋。对于小型项目来说,css的量还不至于庞大,问题没有凸显,而如果要开发和持续维护一个较为大型的项目,那就需要对css进行管理和规范了,否则会发生不可挽回的后果(吓唬谁呢??)。 背景 上一节【从c...

    文章 行者武松 2017-08-01 983浏览量

  • 让 Webpack 来帮你打包吧

    本文讲的是让 Webpack 来帮你打包吧, 你可能已经在前端社区听过这个称为 Webpack 的新玩意儿了。有人将它当作像 Gulp 的构建工具,也有人把它作为一个类似 Browserify 的模块管理器,如果你没有深入研究的话,你可能会因此感到困惑。但另一方面,如果你已经了解过它了,你大概还...

    文章 玄学酱 2017-10-19 1767浏览量

  • 看看前端学习路线,你还有哪些没掌握?

    转自:一点通 初级阶段(静态网页制作、JS编程入门) 1.Photoshop入门 图像处理基础知识、图像处理基础知识、分辨率、图像的色彩模式、常用的图像文件格式。Photoshop工作界面的介绍、文件操作、图像的显示效果、图像和画布尺寸的调整、绘制和编辑选区、选区的操作技巧、渐变工具和油漆桶工具。...

    文章 茶什i 2019-12-30 431浏览量

  • 在 windows(cygwin) 或 mac 下安装git、node、ruby等前端开发环境

    我记得每一年技术部年会都会由老大说出一个技术主题,之前有服务化、模块化、工具化、数据化等等等等,今年的主题是全栈。遥想当年,在供职过的两家公司什么抗机器、装机架;什么安装系统、加固、搭建Web或任务应用的前后端环境、打包发布、网络配置;什么JavaScript、CSS、VB、.NET、PHP、JA...

    文章 xzvswdy 2016-11-23 4161浏览量

  • 说说 browsersync

    相信做过前端开发的人都知道,当你改变前端项目里的文件的时候,为了查看更改之后的效果需要手动的刷新浏览器,其实这个很浪费时间,那么这时候你可以选择用用browser-sync. browser-sync是一个浏览器同步工具,可以帮你解决在项目开发时,文件保存之后,浏览器同步刷新. 本篇文章主要讲讲...

    文章 亦才 2016-05-27 1733浏览量

  • [ABP开源项目]--vue+vuex+vue-router+EF的权限管理系统

    好久没写文字了,当然大家也不期待嘛,反正看代码就行了。 演示网站 首先说下这个项目吧。 如标题一样是基于VUE+.NET开发的框架,也是群友一直吼吼吼要一个vue版本的ABP框架。 我们先来看看首页吧: 1.gif 还比较酷炫,提供下演示账号 演示地址:http://v...

    文章 wer_ltm 2017-08-10 1578浏览量

  • webpack4 中的 React 全家桶配置指南,实战!

    最新React全家桶实战使用配置指南 这篇文档 是我在听 吕小明老师的课程,吕老师结合以往的项目经验 加上自己本身对react webpack redux理解写下的总结文档,总共耗时一周总结下来的,希望能对读者能够有收获, 我是在这基础多些加工,希望对你们有所收藏 目录 1.版本说明 2.目录结构...

    文章 前端小智@大迁世界 2019-12-05 141浏览量

  • 走近webpack(3)--图片的处理

      上一章,咱们学了如何用webpack来打包css,压缩js等。这一篇文章咱们来学习一下如何用webpack来处理图片。废话不多说,咱们开始吧。   首先,咱们随便找一张你喜欢的图片放到src/images目录下,然后把图片设置为背景图片,代码是这个样子。 src/index.html: &l...

    文章 zaking 2018-03-24 1388浏览量

  • 小身材大用途,用PrimusUI驾驭你的页面

    “PrimusUI”是自己在借鉴了如今网上很多开源的UI库,再经过自己整理加工的一个简单代码集合。 每个功能块的CSS代码都很少,力求简单易懂,低门槛,代码可根据自己实际情况轻易修改,改到符合自己场景为止。   一、制作的理由 之所以重复造轮子,有以下几点原因: 1)现今开发很多时候讲究效率,给...

    文章 技术小胖子 2017-11-15 893浏览量

  • 透视前端工程化之 Webpack 基本介绍

    透视前端工程化之 Webpack 基本介绍 1 Webpack 的特点 图片来源于网络 Webpack 是一款强大的打包工具。在 Webpack 中一切皆模块。Webpack 官网的 Banner 图完美地诠释了这一理念。Webpack 从一个入口文件开始递归地分析模块的依赖关系,根据依赖关系将...

    文章 小蚂蚁大力士 2019-06-24 1365浏览量

  • 基于Gulp的简易前端自动化工程搭建

    上个月月底在公司提出关于前后端分离的想法,并且开始研究关于前后端分离,前端工程化,模块化的一些东西,上周开始我准备自己开始写基于Gulp流的前端工程文件,这两天有时间,着手开始实现这个想法,但是写的过程中,遇到了一些问题,正是因为这些问题的解决让我对Gulp的流式处理有了更深的理解,写下这篇文章,...

    文章 行者武松 2017-08-01 1238浏览量

  • 【使用 Weex 和 Vue 开发原生应用】 2 编写独立页面

    系列文章的目录在 这里 在配置完开发环境之后,就可以开始写应用了。在写应用之前,肯定会先划分好页面,一个一个独立着写的。 不过,首先要明确的是,使用 Weex 写出来的是原生应用,页面的概念还和 Web 上一样吗? Weex 里“页面”的概念 写的有些乱,与下边内容关系不太,不理解可以忽略。 W...

    文章 门柳 2017-02-17 3144浏览量

  • ASP.NET 5系列教程 (五):在Visual Studio 2015中使用Grunt、Bower开发Web程序

    基于Visual Studio 2015,你可以: 方便的管理前端包,如jQuery, Bootstrap, 或Angular。 自动运行任务,如LESS、JavaScript压缩、JSLint、JavaScript单元测试等。 方便的获得Web开发者生态圈的工具包。 为了实现这些场景,Vis...

    文章 powertoolsteam 2015-01-27 861浏览量

  • 《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浏览量

  • 一封写给 CSS 的情书

    本文讲的是一封写给 CSS 的情书, 原文地址:A Love Letter to CSS 原文作者:TJ VanToll 译文出自:掘金翻译计划 译者:reid3290 校对者:changkun,CACppuccino https://user-gold-cdn.xitu....

    文章 玄学酱 2017-10-17 665浏览量

  • TypeScript学习摘要

    typescript 是什么 一个工具,主要是能让 JS 开发者给 JS 代码加上独特的“注释”。当然这“注释”就是类型。 所以 TS 本质上就是 JS,只是多了一些类型“注释”。 题外话:说它本质是 JS 是错误的,因为编译器就是万能的,能把 TS 变成任何底层开发语言(webassembly、...

    文章 长沙-杨磊 2020-12-21 529浏览量

  • ASP.NET 5系列教程 (五):在Visual Studio 2015中使用Grunt、Bower开发Web程序

    基于Visual Studio 2015,你可以: 方便的管理前端包,如jQuery, Bootstrap, 或Angular。 自动运行任务,如LESS、JavaScript压缩、JSLint、JavaScript单元测试等。 方便的获得Web开发者生态圈的工具包。 为了实现这些...

    文章 技术小阿哥 2017-11-13 987浏览量

  • 好网站,一般人我不告诉他

    1、深入理解js中的this,闭包,变量,等等 原文:http://dmitrysoshnikov.com/ 中文:http://weizhifeng.net/javascript-the-core.html 1、mockjs教程 http://mockjs.com/ 1、PC端如何播放m3u8格...

    文章 水灵儿 2017-11-05 1432浏览量

1 2 >

云产品推荐

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