摘要:
路径处理模块path 获取路径/文件名/拓展名 获取路径:path.dirname(filepath) 获取文件名:path.basename(filepath) 获取后缀名:path.extname(filepath) var path = require('path'); var filepat 阅读全文
摘要:
###过程如下: #####1. 注册npm账号 #####2. 登录npm账号 #####3. 发布包 ###1. 注册npm账号 首先来到npm官网:https://www.npmjs.com/,点击 Sign Up 输入账号密码邮箱等信息并勾选用户协议后点击注册 ###2. 登录npm账号 登 阅读全文
摘要:
知乎日报项目中,公共状态使用了 redux 和 react-redux,记录学习的知识 redux 工程化其实就是按模块划分,在开发中能更好的理解和维护,因此该项目将状态管理划分为如下的模块: store 用作存放状态管理的文件夹 action 是 store 中数据的来源,actions 文件夹用 阅读全文
摘要:
前几天我完成了一个哔哩哔哩的博主视频下的一个react项目,借此项目来巩固学习的知识,这篇文章主要记录我在该项目用到的路由知识 ####配置路由表 在src下新建一个router文件夹,在router文件夹下新建index.js和router.js router.js是将将项目中的所有路由引入并制作 阅读全文
摘要:
我终于成功使用了less与lessloader了 在很久之前,我在做vue2的项目时就想使用less,但是尝试了好久都没有成功使用,上网查资料有说版本太高的、有让写配置文件的等等,我试了这些方法都没用,也就不了了之了。但是最近学习react时,我尝试将配置文件展开(yarn eject),直接打开了 阅读全文
摘要:
###实现响应式布局开发的步骤 1.自己完成 1.1. 寻找参照的比例(例如设计稿的比例),在这个比例下给网页的字体设置一个初始值,便于计算可以设置为100px,不可以设置为12px以下的,因为浏览器最小字体为12px,如果设置为10px则会按照12px进行计算。未来我们要把设计稿中测量出来的尺寸( 阅读全文
摘要:
**申明:这是我在抖音的一位叫做"青牛前端"**的博主上刷到的,我觉得效果非常炫酷,所以尝试模仿一下,并且解决了他的一个小问题(也可能是博主没有发进阶版),下面为效果展示图: 首先是静态页面布局,大致如下: <div class="form_div"> <div class="form_item"> 阅读全文
摘要:
图片懒加载 之前学习vue2的时候,我了解到图片懒加载,只是当时没花时间去解决,仅仅是使用了vant2提供的懒加载插件,现在想尝试使用JS实现。 什么是懒加载?其实就是在页面渲染时,不是一次性加载全部的图片资源,针对图片元素只在视口范围内按需加载。可以节省加载时间和优化性能,这个功能在首屏加载中有很 阅读全文
摘要:
属性描述符是会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性,并返回此对象。属性描述符有两种主要形式:数据描述符和存取描述符。数据描述符是一个具有值的属性,该值可以是可写的,也可以是不可写的。存取描述符是由 getter 函数和 setter 函数所描述的属性。一个描述符只能是这两者其中 阅读全文
摘要:
知识点: 引入css、图标和js文件的方法和顺序 audio音乐播放器,controls显示自带的播放组件,currentTime是当前播放时间 动画时间transition:1s,需要添加到父组件上 修改transform的translate值展现歌词滚动,使用scale(1.2)表示字体变大,这 阅读全文