ckk727的博客

一、响应式开发1. 响应式布局web网页开发的页面布局大致出现了以下几类：固定宽度的布局：给网页设置一个固定的宽度，通常以px作为单位，常见于PC端web开发。流式布局：给网页设置一个相对宽度，通常以百分比作为单位。栅格布局：像表格一样对页面进行划分，以每一个划分出的单元格为长度单位，比如bootstrap采用的就是栅格化的布局。响应式布局：通过检测设备信息来决定网页的布局方式，从而使网页可以匹配大部分移动设备和PC端。2. 响应式开发响应式开发的结果将是开发出一个能够在多种设备上都能.

1.定义变量@color = #DC3545;2.样式复用(1) 无参数.box{ color:@color; font-size:15px;}.layout{ .box; /*复用.box的样式*/}(2) 带参数.box(@r:10px){ color:@color; font-size:@r;}.layout{ .box; /*不传入参数默认是10px*/ /* .box(15px); */}3. 样式嵌套.layout{ bac.

使用plugin#1 通过npm安装相应的plugin#2 在webpack.config.js的plugins中配置插件BannerPlugin//webpack.config.jsconst webpack = require('webpack')module.exports = { ... plugins:[ new webpack.BannerPlugin("...

entry与output//直接给出entry与outputwebpack ./src/.main.js ./dist/bundle.js配置文件：webpack.config.jsconst path = require('path'); //使用Node模块需要事先npm init，生成package.jsonmodule.exports = { entry:'./src/m...

当多人开发同一项目时，很容易就会产生命名冲突的问题，尤其是js文件，任何的js引入顺序的打乱都可能导致项目运行失败，为了解决命名冲突的问题，在ES6之前，可以使用函数闭包来解决这个问题。即可能像这样：;(function () { var flag = true; function add(num1,num2){ return num1 + num2 } //...})()...

使用link rel="shortcut icon"为网页标题加图标HTML rel 属性

<meta>标签提供了HTML文档的元数据。元数据不会显示在客户端，但是会被浏览器解析。一个标签内可以使用如下几个属性：charset、name、content、http-equiv。【注意】：HTML5中scheme属性已被弃用。name属性该属性的可取值如下：keywords ：用于告诉搜索引擎，你网页的关键字，关键字以逗号分隔。<meta name="...