动感超人的博客

微信小程序模块化、组件传值、添加data,menthods类型等记录-持续更新

最近刷抖音看到一款游戏"拣爱",看到这个人手动拖动的很有意思,就想着能不能前端实现,来学习学习,虽然说最终的效果没有gif图片那么好,但是也算实现了,吧…

其实自定义钩子就是一个普通函数,只是他的名字需要使用use开头,(自定义钩子就是对其他钩子的封装 )

效虚拟DOM和真实DOM虚拟DOM输出查看表达式和语句(代码)的区别一句话概括就是左侧是可以有值返回的,而是没有的所以不管是在React还是Vue当中,插值语法都是只能书写表达式的表达式表达式就是会产生结果的值,可以放在React任何一个需要值的地方下面这些都是表达式 (函数返回值)语句(代码)语句是不会产生结果的下面这些都是语句(代码)JSX小练习执行发生了什么?1.React发现标签,去寻找组件定义的位置,发现是函数式组件

* flex: 1;/* 根据内容动态分配 */

划分网格以后，容器的子元素会按照顺序，自动放置在每一个网格。默认的放置顺序是“先行后列”， 即先填满第一行，再开始放入第二行 （

backdrop-filter属性filter属性二者区别二者支持的滤镜对比(其实filter可以用的,backdrop-filter都可以用)我们重点关注下面几个属性为什么设置background-size和background-image:设置背景图片大小,这个不用多说设置背景图片的大小所以我们如果只设置这二个值会发生什么?为了便于观看,我将换为了一张具体图片,便于查看初次的时候你可能看到这个效果是不是觉得这个点点是什么,我们放大看看可以看到,只不过背景被替换为了一个一个

ts泛型,映射,条件类型和类型提取infer和一些常用工具库的说明

我们知道,js是单线程的,所以分为同步和异步,我们创建promise的时候是同步执行的,

最近在做手机端的页面,制作过程出现了flex布局的一些问题,再次记录在解决办法关于在flex:1的情况下设置为width的效果如果没有设置width,当内部元素的内容大小超过平均分配的剩余空间时,元素的宽度等于内容大小,如果设置了width并且这个width的大小小于平均分配的剩余空间大小时,取平均分配的剩余空间;当flex设置为 1 时 相当于 剩余空间大小 = 父元素的宽度 因此平均的剩余空间大小等于 = 父元素的宽度 / 元素的个数,直接设置width为0可以保证元素宽度平分父元素宽度。

官网https://clipboardjs.com/，具体怎么用看https://www.npmjs.com/package/clipboard。废弃了,不推荐使用)

vue引入静态资源有相对路径和绝对路径的方式相对路径是URL开头有.绝对路径是URL开头为/或者省略不写相对路径相对的是当前文件绝对路径相对的是public目录并且引入的时候URL开头为~的使用在css里面引入静态资源的时候如果 URL 以 @ 开头会作为一个模块请求被解析。Vue CLI 默认会设置一个指向 src 的别名 @。

全部都用,没有与服务器的交互视频详情数据没有~但是你可以自己做添加了导航守卫地址编辑页没有写~,你可以自己写其他都OK,巴拉巴拉(应付应付最后的作业~~)下载地址githubgitee使用第一步当前目录下命令行运行第二步当前目录下命名行运行第三步浏览器输入http8080/进入。......

影视节前端网站,,以前东拼西凑的,前端课程设计应该可以吧.

觉得这种bilibili小火箭很有意思,想看看怎么实现的,发现是精灵图来实现的

typescript完成的贪吃蛇前端小游戏

有需求才有动力~有时候经常需要将md文件当中的图片离线保存下来,指不定那一天图床挂了,图片找不到了!但是typora没有一键保存到本地图片功能!,必须要一个个右键保存才可以!!!太坑爹!!!下载github下载gitee下载原理读取指定目录下的所有文件 => 获取md文件并将路径保存到数组A => 遍历每一个md文件,使用正则判断是否有图片链接=> 当前md的文件下所有图片链接保存到数组B当中的某一项当中(使用push),重复此操作=> 弹出一个数组A的值(也

题目1-下列说法正确的是（）多选A: requestAnimationFrame(foo) 确保使浏览器在下一次重绘之前调用 foo 方法B: 在 addEventListener 的处理方法中使用 e.preventDefault() 可以阻止事件冒泡C: 把 <script> 标签的引入放在文档末尾可以确保脚本下载和执行均在文档解析完成后发生D: 多个 <script> 标签使用 defer 属性引入脚本时，可以确保脚本的执行是按照其被引入的顺序的答案

移动端Vue适配小练习为了练习,就没有使用自动转换rem的功能,想了解的可以看看这几位博主的博主1博主2想看源码的可以到github或者gitee上下载(后台也打包好了)github地址gitee地址项目遇到的问题记录Navigation aborted from “/center“ to “/login“ via a navigation guard解决方法:vue_project\src\router\index.js 路由主入口文件当中添加如下代码const o

屏幕分辨率注意:屏幕分辨率是一个固定的值,屏幕生产出来就确定了,无法修改!我们在电脑所设置的,都是显示分辨率! 显示分辨率和屏幕分辨率是二个概念!屏幕密度每英寸里包含的物理像素点的个数,单位是PPI(pixels per inch),还有另外一个是dpi(dots per inch) ,dpi是衡量打印机的,ppi是衡量屏幕的计算公式:像素相关物理像素又称：设备像素，物理像素是一个长度单位，单位是px，1个物理像素就是屏幕上的一个物理成像点，就是屏幕中一个微小的发光物理元器件（可