摘要: antd按需加载 antd按需加载首先需要安装antd npm install antd --save 而需要使用antd图标的时候则需要安装npm install --save @ant-design/icons 安装按需加载包 npm install babel-plugin-import -- 阅读全文
posted @ 2020-10-19 17:37 香荣如梦 阅读(3256) 评论(0) 推荐(0) 编辑
摘要: CommonJS Node应用是由模块组成的,采用的是CommonJS模块规范。 根据规范一个文件就是一个模块,有自己单独的作用域,在一个文件中定义的变量,函数,类都是私有的,对其他的文件不可见。 根据规范,每个模块内部,module代表当前的模块,这个变量是一个对象,他的exports属性是对外的 阅读全文
posted @ 2020-10-09 10:20 香荣如梦 阅读(192) 评论(0) 推荐(0) 编辑
摘要: H5中新增加的history API的属性和方法 属性 history.length:只读。返回一个整数,代表了会话历史中元素的数目,包括了当前的加载页,在一个新选项卡中加载一个页面,length返回的是1。 history.scrollRestoration:允许web应用程序在历史导航上显式地设 阅读全文
posted @ 2020-09-22 10:51 香荣如梦 阅读(445) 评论(0) 推荐(0) 编辑
摘要: 小程序中checkbox的样式是正方形的,设计图上给的是一个圆圈,在查看官方demo的时候发现了怎么修改的 首先在微信官方文档上找到复选框的demo 然后审查代码找到复选框的样式部分 可以看到选中的复选框的class为wx-checkout-input 选中的样式为wx-checkbox-input 阅读全文
posted @ 2020-09-18 17:01 香荣如梦 阅读(1896) 评论(0) 推荐(0) 编辑
摘要: 如果项目的版心是1300px的话,如果小屏观看的话会有横向的滚动条,这个时候再去改项目的样式的话就比较的麻烦了,可以使用zoom来缩放页面 zoom支持的类型有: 类型 说明 百分比zoom:50%; 表示缩小到原来的一半 数值zoom:0.5; 表示缩小到原来的一半 mormal关键字zoom:n 阅读全文
posted @ 2020-09-18 16:36 香荣如梦 阅读(2714) 评论(0) 推荐(0) 编辑
摘要: react项目中使用less 1. 暴露webpack配置项,安装依赖 react项目创建的时候是看不到webpack相关的配置文件的,所以需要先暴露出来,使用下面的命令: npm run eject 然后安装less相关的依赖: yarn add less less-loader -D 2. 修改 阅读全文
posted @ 2020-09-16 21:15 香荣如梦 阅读(3161) 评论(0) 推荐(0) 编辑
摘要: 项目中有个需求,公司中所有的图片可以分组,第一组添加几张图片后还可以继续添加,这个时候获取到的所有图片就要把已经添加的图片给过滤掉 将已经添加的图片的图片ID合为一个数组,然后全部图片的数据使用filter过滤 let arr=this.pictrueList.map(ee=>ee.picture_ 阅读全文
posted @ 2020-09-02 18:29 香荣如梦 阅读(351) 评论(0) 推荐(0) 编辑
摘要: css单位 px单位 px代表着绝对尺寸,不会因其他元素的尺寸变化而变化,利用排序设置的字体集元素宽高比较稳定和精准,但是不能随着浏览器的缩放而变化,所以不适用于响应式网站 em单位 em和rem都是灵活的可扩展的单位,由浏览器转化为像素值,具体取决于设计图中的大小。 很多人认为em单位是相对于父元 阅读全文
posted @ 2020-09-02 13:38 香荣如梦 阅读(675) 评论(0) 推荐(1) 编辑
摘要: 小程序中跳转的几种方式 //1. switchTab wx.switchTab({ url:"/pages/index/index" }) //这个只能跳转到tabBar配置的页面,关闭其他所有的非tab页面 //2. navigateBack wx.navigateBack({ delta:2 } 阅读全文
posted @ 2020-08-25 14:03 香荣如梦 阅读(647) 评论(0) 推荐(0) 编辑
摘要: 个人博客已经建好,欢迎各位前来访问 http://mengyang.info/ 纯css制作心形图案 首先制作一个正方形并且旋转45度 .heart{ position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; ba 阅读全文
posted @ 2020-07-28 21:53 香荣如梦 阅读(647) 评论(0) 推荐(0) 编辑