![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 69
记录HTML+CSS+JS+Node+React
霜霖❀
保持热爱,永远在路上。
展开
-
【CSS】CSS盒子模型和 BFC
CSS盒子模型及BFC规范原创 2022-06-14 10:37:25 · 105 阅读 · 0 评论 -
【HTML】HTML基础
html基础原创 2022-06-07 20:06:07 · 428 阅读 · 0 评论 -
【Web书城】书签的实现
书签实现书签布局初始为top:-0.35rem在上面隐藏,高度也为0.35rem,绝对定位。当鼠标拖拽屏幕向下拉到一定程度时,会显示一个向上的箭头以及“松手添加书签”的文本和一个蓝色的书签icon书签icon的实现主要由下面两个样式//1.设置border的宽度this.$refs.bookmark.style.borderWidth = `${(this.height - 5) / 100}rem ${(this.width / 2) / 100}rem ${(5) / 100}rem ${(th原创 2022-05-29 11:55:04 · 480 阅读 · 0 评论 -
【Web书城】图书详情页开发
当点击flap-card中的Book、guess-you-like、recommend和书架中的book时,都会调用showBookDetail方法跳转到StoreDetail.vue页面export function showBookDetail(vue, book) { vue.$router.push({ path: '/book-store/detail', query: { fileName: book.fileName, cate原创 2022-05-28 14:50:10 · 329 阅读 · 0 评论 -
【CSS3】动画详解
在css3中主要有三种动画transition:过渡transfrom:2D转换 | 3D转换animation过渡:transition这个动画意义上是补间动画(自动完成从起始状态到终止状态的过渡,不用管中间的状态),与通过一帧一帧按照固定顺序和速度播放的帧动画不同transition包括四个属性transition-property:让哪些属性进行过渡,all(宽度背景色),widthtransition-duration:过渡的持续时间transition-timing-f原创 2022-05-28 10:50:18 · 176 阅读 · 0 评论 -
【Web书城】书城前端开发
书城首页效果图如下:组成部分:search-bar:搜索框flap-card:卡片翻转、烟花动画guess-you-likerecommendfeaturedcategory-bookcategory当点击flap-card中的Book、guess-you-like、recommend和书架中的book时,都会调用showBookDetail方法跳转到export function showBookDetail(vue, book) { vue.$router.push原创 2022-05-27 18:49:14 · 831 阅读 · 0 评论 -
科大讯飞语音合成WebApi
本来一开始是因为项目中需要用到听书功能,就想用科大讯飞的语音合成Web API,本来官方文档已经提供了一个完整demo,不过根据自己的需求还是弄了一天左右o(╥﹏╥)o官方文档: https://www.xfyun.cn/doc/tts/online_tts/API.html根据文档接口调用流程使用WebSocket请求接口与返回接口授权function getAuthStr(date) { let signatureOrigin = `host: ${config.host}\n.原创 2022-05-25 15:31:55 · 1243 阅读 · 0 评论 -
【bug】browserify:无法加载文件D:\nodejs\node global\browserify.psl,因为在此系统上禁止运行脚本
在使用browerify命令打包编译文件时出现如下错误参考了如下文章解决:https://www.cnblogs.com/stcweb/articles/15685232.html以管理员权限打开PowerShellPS E:\前端\projects\js\js> get-ExecutionPolicyRestrictedPS E:\前端\projects\js\js> set-ExecutionPolicy RemoteSigned执行策略更改执行策略可帮助你防止执行不信任的原创 2022-04-26 14:48:52 · 353 阅读 · 0 评论