文章目录     基本选择器 层次选择器 伪类选择器  动态伪类选择器 目标伪类选择器 语言伪类选择器 UI元素状态伪类选择器 结构伪类选择器 否定伪类选择器  伪元素 属性选择器         基本选择器    选择器 类型 描述 兼容性 css版本     * 通配选择器 *{margin:0;padding:0}, .demo * {background:orange} all 1   E 元素选择器 ul {background:grey} all 1   #id   all 1   .class   all 1   selector,celector2   all 1    层次选...

文章目录     http请求 DOM优化 CSS优化 移动端 服务端       http请求  合并JS/CSS文件   非可视屏幕内内容延时加载 例如 懒加载图片   获取数据首选get，浏览器执行XMLHttpRequest POST请求时分成两步，先发送Http Header，再发送data。而GET只使用一个TCP数据包（Http Header与data）发送数据，所以首选GET方法。   有“阴谋预加载”，比如进入百度首页搜索，先把结果页框架给加载好，用户进行搜索后只把json数据传过来   合并小图片使用雪碧图或行内图片base64   DOM优化  减少页面没用的嵌套标签 d...

Grid 布局则是将容器划分成"行"和"列"，产生单元格，然后指定"项目所在"的单元格，可以看作是二维布局。  容器的属性    属性 llllllllllllllIIIIIIIIIIIIIIIIIIIIIIII 描述     display属性 指定容器采用grid布局   grid-template-columns 指定每一列的列宽 属性值详解   grid-template-rows 指定每一行的行高   grid-template-areas 定义区域属性详解   grid-template grid-template-col...

线性渐变（Linear Gradients） 语法  background: linear-gradient(angle, color-stop1, color-stop2, 3 ,4 ,5…);  angle属性说明： 0度是由下向上渐变； 关键词：  to top 0deg to right 90deg to bottom 180deg to left -90deg    径向渐变 语法  background: radial-gradient([position], [shape] [size], color-stop, color-stop…);  属性说明  position 渐变的...

文章目录     webpack打包多页demo  配置了scss 配置了postcss 内置了jquery 可以放心的写多页应用  源代码  目录结构 package.json webpack.config.js webpack.common.js entries.js webpack.dev.js webpack.prod.js postcss.config.js       项目地址: https://github.com/withwz/webpack-mulitpage-demo   webpack打包多页demo 配置了scss 使用scss来写css提高效率 配置了postcss ...

闭包的定义  闭包包含自由（未绑定到特定对象）变量，这些变量不是在这个代码块内或者任何全局上下文中定义的，而是在定义代码块的环境中定义（局部变量）。 -----百度百科  在日常JavaScript的代码编写中闭包是非常普遍的，只不过这种使用方法太普通了，我们并没有注意到。如果java程序员转的JavaScript一定会惊叹这种强大灵活的特性。  闭包例子 我们需要写一个函数，它能够生成累加器，即这个函数接受一个参数a，然后返回另一个函数，后者接受参数b，然后返回a增加了b后的值。 function makeAdder(a) { return function(b) { return a + ...

文章目录     两个辅助函数 测试 完整代码       思路：  1️⃣new运算符后边跟一个函数，返回一个对象，这个对象可以访问这个函数的原型 2️⃣new后边的函数this指向这个返回的对象  两个辅助函数 Function.prototype.method = function (name, func) { this.prototype[name] = func; return this; }  Object.create = function (o) { var F = function () { }; F.prototype = o; return new F(); }  第一步...

比如这样 我们的本意是这样  我们只需要在父容器上加上一个overflow:hidden问题就解决了      块级元素的上边距与下边距有时会拼合成一个外边距，这样的现象称为“margin合并”  margin合并出现的条件：  块级元素 只发生在垂直方向  margin合并的3种场景：  相邻兄弟元素margin合并 父级和第一个/最后一个子元素（上边的情形） 空块级元素margin合并

栅格系统， 把屏幕分成了十二份  然后是设备监听  bootstrap源码  下边这个div在屏幕宽度>767px的时候占3份，<768px占6份 也就是在电脑宽屏上横屏可以放四个(12/3)，手机上横屏可以放两个(12/6) <div class="col-xs-6 col-sm-3" style="background-color: #dedef8;  box-shadow: inset 1px -1px 1px #444, inset -1px 1px 1px #444;"> <p>Lorem ipsum dol...

文章目录     新增元素  新增结构元素  header hgroup nav section article aside footer  新增功能元素  video audio embed mark progress time ruby canvas command details datalist datagrid keygen source menu   可以省略标记的元素      新增元素 新增结构元素 header  hgroup  nav  section  article  aside  footer  新增功能元素 video  audio  embed  mark  pr...

修改antdesign下边的版权信息    const footerRender: BasicLayoutProps['footerRender'] = (_, defaultDom) => { return React.cloneElement(defaultDom as ReactElement, { links: [], copyright: '呵呵'}); }   https://github.com/ant-design/ant-design-pro/issues/4414   去掉登录页面的copyright

按照文档创建项目选择antdesignpro  用npm安装巨慢 cnpm安装了依赖  cnpm install  当我再想安装一些区块时  npx umi block add DashboardAnalysis --path=/dashboard/analysis   会导致不兼容，安装的目录还是在npm目录下没到cnpm下, 巨坑还得用npm安装 npm 安装慢的异常  https://github.com/ant-design/ant-design-pro/issues/4421 https://github.com/ant-design/ant-design-pro/issues/45...

1.MVC分层 在antDesignPro区块组件中，看不到state，全部被放到了model中去了，page页面只管显示交互，数据全部都在model中。通过connect来将page和model关联。 2.@connect修饰符 antDesignPro中个人中心区块代码说明 @connect修饰符(类似java中注解)  第一个回调函数作用：将page层和model层进行链接，返回model层中的数据，并且返回的数据绑定到this.props上    可以看到上边这一个currentUser在下边的render函数中通过this.props可以取到  3.操作model中的数据 在redu...