注意:在使用bootstrap的时候引入文件<link rel="stylesheet" src="bootstrap的css文件路径">,外部引入方式引入css的方法引入就OK.但是如果用到bootstrap的js文件,需要提前移入jquery,bootstrap的js文件是基于jquery的.因此需要提前引入jq文件在引入bootstrap.
Respond.js 是一个快速、轻量的 polyfill，用于为 IE6-8 以及其它不支持 CSS3 Media Queries 的浏览器提供媒体查询的 min-width 和 max-width特性，实现响应式网页设计（Responsive Web Design）。
一、JavaScript是什么? JS，全称JavaScript，是一种嵌入到HTML页面中的编程语言，由浏览器一边解释一边执行。 前端最核心的3个技术：HTML、CSS、JavaScript，H
以layui内置为例，在index.js 引入 bodyTab.js bodyTab.js 项目路径：/static/js/bodyTab.js
使用 vue-cli 搭建项目 vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目，Github仓库 安装 Node.js 首先需要安装node环境，可以直接到node官网下载安装包,安装完成后，可以命令行工具中输入 node -v 查看是否成功,不成功清除npm缓存npm cache clean重新安装. 推荐使用国内淘宝镜像安装(cnpm)npm install -g cnpm --registry=https://registry.npm.
这周学习了 尤大大的MVVM框架 Vue 和 Vue周边.按耐不住心中的喜欢,使用vue实现一个商城Demo. Demo预览 Github源码 项目技术栈使用到 vue: ^2.3.3, vue-resource: ^1.3.4, vue-router: ^2.6.0 , lodash: ^4.17.4 ,webpack: ^2.6.1 ---- 项目爬过的坑 vue-cli启动项目 npm run dev 后本地无法正常显示页面 此时应该检查本地的 8080 端口是否被占用，需要修改一下配置文件 conf
HTML5学堂：CSS引入方式存在三种，分别为标签内联书写、页面头部书写、外部引入，那么这三者有何区别？本文给大家讲解了从不同的角度分析他们的优势与劣势。 1、外部引入： 在HTML的head部分<link rel="stylesheet" type="text/css" href="css文件路径">，引入外部的CSS文件; 优势： 一个CSS文件可控制多个页面 易改版、便于维护 减少代码量、代码简洁规范易于分工协作 有效利用缓存机制 劣势： 相对于单页有垃圾代码 外部引入中的href属性会给服务器造成
由于业务开发中，某一个业务组件的第一版本设计没考虑周全，在实际业务中的体验以及性能不是很乐观。
本应用基于ThinkPHP的MVC（模型-试图-控制器）的方式来组织。在新建页面时必须遵循该设计模式。
Visual Studio Code 是一个运行于 OS X、Windows 和 Linux 之上的，针对于编写现代 Web 和云应用的跨平台编辑器。Visual Studio Code 为开发者们提供了对多种编程语言的内置支持，同时也会为这些语言提供丰富的代码补全和导航功能。JavaScript，TypeScript，Node.js 和 ASP.NET 5 开发者也将会获得额外的工具集。
本脚手架并且适当简化了一些功能（删除了测试库） 并引入了外部mock和axios两个常用库可以灵活配置。 这里写一下说明文件和心得体会 配置功能 最基本的功能为webpack3+Vue2的基础上引入了外部组件库elementUI 其实也可以灵活修改为别的，css的支持仅引入了less和sass，相信这两者用的人也是最多的。还有一点是针对多页面也引入了vue-router, 也就是说这个多页面仓库也可以当单页面来搞起。 加入的axios库是本地业务所需，这个可以在生成脚手架时不选择，但这个作为Vue的推荐库，
根目录下有demo1和images/1.jpg，demo1下有index1.html文件和demo1.1文件夹。demo1.1下有index2.html和2.jpg图片文件。
浏览器（软件）能够运行JavaScript代码，浏览器就是JavaScript代码的运行环境
一个功能就是一个模块，多个模块可以组成完整应用，抽离一个模块不会影响其他功能的运行。
注意：在一个模块中，只允许使用export default向外默认暴露一次成员，不能写多个export default，否则会报错
视频地址：https://www.bilibili.com/video/BV1YU4y1g745
css样式的分类 1.内部样式----内联样式 使用的是style标签 <style type="text/css"> /* 样式 */ </style> 多学一招：把页面的公共样式（不多的情况下）写在style标签中 2.行内样式 直接写在标签上的style属性中 我是盒子 多学一招：通常是后台程序员进行修改页面的时候使用 3.外部样式 新建一个css文件，然后和html页面关联起来 a) 使用标签关联
一、前言 说到前端构建怎能缺少CSS预处理器呢！其实CSS的预处理器有很多啦，比较出名的有Scss、Sass、Stylus和Less。（最近还听说出现了Autoprefixer等CSS后处理器，可参考@一丝的PPT） 众多CSS预处理器中Less的语法最接近原生CSS，因此相对来说更容易上手，假如有JS、C#等编程经验的话，其实上述的几种预处理器的学习成本也不会特别高。下面是我们这阵子的学习笔记，以便日后查阅。 最好的入门教程——官网地
ECMAScript（前身为欧洲计算机制造商协会）：JavaScript的语法规范
loader 的执行顺序是：从右到左、从下到上。在配置 sass 样式时，需要这么去写 loader：
import可以在文件中使用目标文件定义的template,import 有作用域的概念，即只会 import 目标文件中定义的 template，而不会 import 目标文件 import 的 template。
1、需求：封装 utils 包，校验手机号长度和验证码长度，在 src/index.js 中使用并打包观察
在使用vue框架开发时，我们都知道一个组件中可以同时写HTML、css、js代码，只需三个标签而已，如下：
不知不觉我已经踏上了这条程序猿的不归路，从最基础的HTML标签开始学习，道阻且艰。谨用简书来记录这些 即使敌众我寡，末将亦能万军丛中取敌将首级！ 框架 公司开发流程 产品需求： 由产品经理给出 注意 最好要有文档 产品设计： 视觉设计师 和 交互设计师 前端开发： 后台开发： 测试： 上线运营： 前端的三要素 HTML 结构 CSS 行为 JS 样式 HTML的基本结构我就不说了 ---- CSS 又称层叠样式表 内联(行间)样式表 在标签内部书写 优点：优先级非常高 缺点： 代码非常多，维护非常困难 使用
CSS，全称是Cascading Style Sheet，翻译过来就是层叠样式表。
webpack 命令可以在 package.json 中的 script 字段中添加命令，再使用 npm 执行：
压缩项目打包后的体积大小、提升打包速度，是前端性能优化中非常重要的环节，笔者结合工作中的实践总结，梳理出一些 常规且有效 的性能优化建议
多级目录构建navbar、sidebar引用404问题：在构建多级文件目录的时候，针对多级文件夹下的md文件，其会相应加载同级目录下的navbar.md、sidebar.md文件，但这个时候由于navbar.md、sidebar.md文件存放在根目录或者是自定义指定的文件夹下，引用相对路径则会报404问题。针对上述情况，可以有如下调整方案：
友情提示：推荐阅读时间10分钟 + 练习时间10分钟 上一期给大家分享了Gulp插件的安装与使用，只要掌握了Gulp插件安装的流程与配置，对于其他Gulp插件的使用基本上就没有太大的问题。毕竟Gulp的插件太丰富了，大家也没有太多的精力把所有的插件都去研究一遍。当一个网站进行改版升级的时候，会遇到静态资源版本更新的问题，那么对于前端开发工程师来说，该如何解决这个问题？所以今天要和大家一起探讨如何解决静态资源版本更新的问题和package.json的作用。 相关阅读：前端工程化 | 定制专属提速“外挂”（上）
比如网址 http://segmentfault.com/html/...，必须遵守以下的语法规则：
学习Vue.js动画时，需要引入一个animate.css，如何全局引入外部文件呢？
在我们开发Web应用的时候，会用到大量的js、css、image、html等静态资源资源。
解析URL需要用到Node.js提供的url模块，它使用起来非常简单，通过parse()将一个字符串解析为一个Url对象：
Webpack已经流行好久了，但很多同学使用webpack时还是一头雾水，一下看到那么多文档、各种配置、各种loader、plugin立马就晕头转向了。我也不例外，以至于很长一段时间对webpack都是一知半解的状态。但是想要继续做好前端，webpack是必须得跨过的一道坎，其实掌握webpack并不难，只是我们没有找到正确的方法。本文就是我自己在学习webpack时的一点心得体会，供大家参考。
我们将样式代码从标签 style 属性中抽取出来，统一写入到 style 标签中。
使用webpack打包js文件(隔行变色案例) 1.webpack安装的两种方式 运行npm i webpack -g全局安装webpack，这样就能在全局使用webpack的命令 在项目根目录中运行
在此之前我们已经编写了 Blog 的首页视图，并且配置了 URL 和模板，让 Django 能够正确地处理 HTTP 请求并返回合适的 HTTP 响应。不过我们仅仅在首页返回了一句话：欢迎访问我的博客。这是个 Hello World 级别的视图函数，我们需要编写真正的首页视图函数，当用户访问我们的博客首页时，他将看到我们发表的博客文章列表，就像 演示项目 里展示的这样。 首页视图函数 上一节我们阐明了 Django 的开发流程。即首先配置 URL，把 URL 和相应的视图函数绑定，一般写在 urls.py
我司前端团队拥有一套支撑公司业务系统的UI组件库，经过多次迭代后，组件库体积非常庞大。
Webpack 已经流行好久了，但很多同学使用 webpack 时还是一头雾水，一下看到那么多文档、各种配置、各种 loader、plugin 立马就晕头转向了。我也不例外，以至于很长一段时间对webpack都是一知半解的状态。但是想要继续做好前端，webpack 是必须得跨过的一道坎，其实掌握 webpack 并不难，只是我们没有找到正确的方法。本文就是我自己在学习 webpack 时的一点心得体会，供大家参考。
使用Editormd可以方便地在界面上嵌入markdown编辑器，并能够实时预览。 先看一下实现效果： 编辑文章界面：
webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。 需要先理解四个核心概念： 入口(entry) 输出(output) loader 插件(plugins) 入口(entry) 入口指 webpack 构建其内部依赖图开始的模块。进入入口后，webpack 会找出有哪些
1. 让 pre 按钮在Django 后台 ckeditor 富文本编辑器中显示出来，ckeditor 的 config.js 文件里添加插件：codesnippet
显示「Created Tailwind css config file: tailwind.config.js」 即创建成功
这是一套Typescript+React+Antd的通用后台管理系统的视频，我会在这个视频里面带着大家徒手搭了一套基于react的后台管理系统基础设施，之所以叫通用，是因为不管以后做什么类型的管理系统，都可以直接拿这一套代码快速上手项目。
webpack 是前端的一个项目构建工具，它是基于 Node.js 开发出来的一个前端工具；
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
