- 博客(20)
- 资源 (1)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 import和require的区别
此外，由于历史原因和兼容性问题，在Node.js中，import语法通常需要通过Babel等工具转码为require语句才能使用。尽管import是ES6标准的一部分，并且在现代JavaScript开发中非常常用，但require仍然被广泛支持，特别是在Node.js社区中。import是ES6（ECMAScript 2015）引入的关键字，属于ES模块化语法规范；require是CommonJS规范的一部分，主要用于Node.js环境。require提供动态绑定，更适合服务器或浏览器环境。
2024-08-27 10:41:56
171
原创 什么是FCP以及如何针对您的网站优化
网站的首次内容绘制是浏览器在您的页面上呈现第一个DOM元素的时间。这包括图像、画布元素（非白色）或文本。通俗地说，FCP是指用户可以看到页面的某些部分发生变化。通常，这是作为标题栏或背景图像出现的。此元素可能不是从服务器呈现或加载的第一个元素，但它是用户可以看到的第一个元素，因此它对您网站的UX至关重要。网站在iframe 中包含的任何内容都不会被FCP考虑在内。也不是非内容绘画，例如背景颜色的变化。那是First Paint，而不是 First Contentful Paint。
2024-08-18 16:11:38
941
原创 vue性能优化之异步组件和路由懒加载
在开发大型项目的时候，我们会把大型项目根据组件分割为小块代码，然后异步加载代码块，这样可以让首屏部分代码块优先加载，加快首屏渲染速度，其他代码块在需要的时候再加载，加载过的代码块会被缓存起来，以便复用重新渲染。当打包构建应用时，JavaScript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。
2024-08-18 15:55:40
411
原创 如何生成属于自己的vue-cli
指定要忽略的文件和目录，通常用于排除不需要上传到git仓库的文件，如node_modules。创建一个处理命令的文件，例如lib/commands/create.js。首先，确保您的项目结构和package.json文件已经准备好。创建一个bin/my-cli.js文件，用于处理CLI命令。npm包的配置文件，包含项目的依赖、命令和其他元数据。CLI的主入口文件，处理命令行输入和执行相应的操作。项目的说明文档，解释如何使用您的CLI工具。存放CLI的业务逻辑代码。存放CLI的入口文件。
2024-06-23 23:03:43
450
原创 PWA的介绍与使用（三）
2.会自动在src下生成registerServiceWorker.js文件、自动在main.js中导入。3.在pwa中处理用户点击效果的处理。4.项目创建之后会自动生成。1、在随意页面内添加通知事件。
2023-12-25 10:00:44
121
原创 npm WARN deprecated @hapi/joi@15.1.1: Switch to ‘npm install joi‘
npm install joi
2022-10-12 11:16:10
609
原创 解决vue打包文件中出现vant链接字体
3、重新npm i 或者 yarn install 使用默认地址加载依赖。该问题是因为npm使用非官方镜像源问题，切换回官方镜像源就会消失。4、这样build后的dist字体依赖就不再是链接形式。2、删除 .lock 和 node 依赖。...
2022-08-26 17:10:49
362
原创 vue实现复制粘贴，兼容IOS
实现复制粘贴（兼容ios）方式一 let value = "我是被copy的内容" let oInput = document.createElement("input"); oInput.value = value; document.body.appendChild(oInput); oInput.select(); // 选择对象 if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) {//兼容ios
2022-05-26 11:57:54
1297
1原创 h5页面在iphone手机上底部会有留白解决办法
在meta viewport标签里加属性：viewport-fit=cover；<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no, viewport-fit=cover" />
2021-05-21 10:09:19
3634
原创 搜索输入框将确认/换行更改为搜索vue
搜索输入框将确认/换行更改为搜索vue<form action="#"> <input type="search" @keyup.enter="search" placeholder="搜索" v-model="searchVal" /> </form>注意点：1、<form action="#"></form>2、@k
2020-10-17 11:29:41
407
原创 vue中使用:src=“img“失效
vue中使用:src="img"绑定本地静态资源失效问题直接使用src本地引入图片正常显示<img src="../assets/img/bs.png" alt="" />而使用v-bind时却意外的失效<img :src="img" alt="" />//jsdata() { return { img:require("../assets/img.png") }; },看下浏览器生成代码//src<img src="htt
2020-07-17 16:05:07
979
原创 安卓与IOS的H5差异性
安卓与IOS的H5差异性动画音乐复制动画使用css3动画时，IOS出现动画失败效果，具体不表。后来采用jQuery动画解决。jQuery动画需要手动调试运行。音乐使用h5的audio标签时，设置autoplay后安卓机会主动播放，IOS不会，需要主动调用audio.play()复制function copy(){//获取文本内容var text = document.getEle...
2020-01-05 15:52:42
400
原创 微信小程序轮播图
微信小程序轮播图轮播图中间大两边小/指示点样式轮播图中间大两边小指示点样式轮播图中间大两边小/指示点样式效果图轮播图中间大两边小// wxml<view class="bannerBox"> <swiper class="banner" indicator-dots="true" autoplay="true" circular="true" previous...
2019-11-26 18:07:23
213
原创 h5返回到上一页ios手机页面不刷新
最近在写页面的时候，当用户点击保存后返回上一页需要刷新页面显示出保存的新内容，但是奇怪的是IOS并没有相应刷新，安卓却没有对应问题。查了下资料是因为ios浏览器缓存机制。第一次百度的方法好像并没有什么用，自己也很菜不清楚原因在哪$(function () { var isPageHide = false; window.addEventListener('pageshow', fu...
2019-09-16 10:18:04
1358
使用三目运算符时结果值消失了
2019-05-29
TA创建的收藏夹 TA关注的收藏夹
TA关注的人