自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 收藏
  • 关注

原创 在鸿蒙中如何把网络图片保存到相册中

在鸿蒙中如何把网络图片保存到相册中,首先我们需要去配置ohos.permission.WRITE_IMAGEVIDEO这个受限权限,其次,如果想要使用这个权限,还需要去自动签名或者手动签名,最后通过http请求到图片,通过文件文件写入,实现这个功能。想要读取手机相册中的图片,也可以参考这个实现代码。

2024-06-25 09:24:48 902

原创 说下Vite的原理,为什么vite比webpack快?

vite为什么比webpack快?vite是基于esbuild与Rollup,依靠浏览器自身ESM编译功能, 实现极致开发体验的新一代构建工具!浏览器import只能引入相对/绝对路径,而开发代码经常使用npm包名直接引入node_module中的模块,需要做路径转换后交给浏览器。esbuild 使用go编写,cpu密集下更具性能优势,编译速度更快。

2024-04-26 17:01:44 688 1

原创 说说 vue3 中的响应式设计原理,用js文件简单模拟实现vue3中的响应式

响应式数据指的是当数据发生变化后,能够自动触发某些副作用的执行,从而达到某些目的。在应用中,这通常意味着当数据改变时,所有依赖于该数据的地方都会自动更新。这种响应式机制特别适用于动态内容更新、表单验证和处理、数据驱动的交互等场景。众所周知,Vue通过Object.defineProperty或Proxy等方式来劫持数据对象的getter和setter,从而能够在数据变化时通知依赖它的代码部分进行更新。那么今天我们就来用js文件来简单模拟一下vue3实现的响应式数据。

2024-04-19 17:33:33 749 1

原创 使用Echarts画平滑曲线所遇到的坑

使用Echarts画平滑曲线所遇到的坑——如何让x轴的第一个数据和最后一个数据放在折线图的区域内。

2024-01-30 17:54:12 535

原创 浏览器插件Lighthouse(查页面的性能指标)

最近了解到了一个性能检测的工具,今天分享给大家,希望对大家能有一点帮助。阅读完本文,你可以了解到Lighthouse 是什么。如何安装Lighthouse (浏览器插件)。Lighthouse中的一些Metrics指标。

2024-01-29 14:22:41 1092

原创 React Native项目如何在真机上运行?

这里使用默认路径即可,直接Next。

2023-08-21 18:34:23 1185 2

原创 快速搭建React Native环境(使用expo)

Expo是一个跨平台的App构建工具。可以让你使用JavaScript 语言构建 Android 和ios 的原生应用。

2023-08-21 16:29:09 1324 1

原创 webpack搭建vue脚手架(从零开始)

都会作为模块处理。在webpack4以及之前版本都需要借助file-loader和url-loader进行打包图片,而在webpack5版本中不需要了,只需要进行配置就可以了,不需要进行任何loader。就会生成一个index.html和bundle.js,这时,点开index.html就能看的Hello World了,但是css还不能生效,需要借助一些loader去加载静态资源。输出(Output)指示 webpack 打包后的资源 bundles 输出到哪里去,以及如何命名。

2023-08-16 15:44:58 742 2

原创 react如何实现美团加入购物车美团效果

总价:<span style={{ color: "red" }}>¥ {cartList.reduce((num, a) => { num += a.price * a.num;description: '好吃不贵 月售44',description: '好吃不贵 月售44',

2023-04-15 21:19:51 519 1

原创 20道前端面试题

diff算法是配合虚拟DOM去计算更新的dom节点的,当你在页面中更改了一部分数据或者一些元素发生了变化,那么会浏览器生成一个新的虚拟dom,然后diff算法帮助新的虚拟dom和旧的虚拟dom进行对比,对比出不一样的部分,然后只针对这部分去进行更新操作,不需要重绘整个页面,大大减少了性能的消耗。受控组件的下一次数据渲染是可以预知的。子传父:父组件中设置回调函数,该回调函数,需要接收一个参数,用来接收子组件传递过来的数据,然后通过父传子的方式,把该回调函数传递给子组件,子组件接收到回调函数,调用传参即可。

2023-03-27 19:36:36 83

原创 移动端怎么实现盒子拖拽效果?

因为在移动端不能使用鼠标按下、鼠标移动、鼠标抬起事件,而应该使用手指按下事件(ontouchstart)、手指移动事件(ontouchmove)、手指抬起事件(ontouchend)大家都知道在写PC端页面时,可以用原生js写出可以拖拽的盒子,但是用同样的方法,再写移动端时,就不生效了。

2023-03-27 15:32:31 415 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除