- 博客(453)
- 资源 (32)
- 收藏
- 关注
RSS订阅原创 手机h5的适配
随着移动互联网的快速发展，越来越多的应用需要在不同尺寸和分辨率的手机上进行适配。Vue.js作为一款流行的前端框架，也需要我们考虑如何在Vue项目中进行移动端适配。lib-flexible是一个基于Amalgamation和flexible.js的移动端适配解决方案，可以帮助我们更好地解决Vue移动端适配的问题。一、lib-flexible简介lib-flexible是一个用于移动端适配的开源库，它基于Amalgamation和flexible.js进行封装，提供了更加简单和易用的API。
2024-11-14 14:31:39
514
转载 vue+rem自适应pc端屏幕分辨率(rem适配)
前方有坑：UI框架部分组件使用JavaScript将css作为内联样式直接写在html标签内，打包适配时不会读取相关css,所以不要写内联样式。第二步，在根目录src中新建util目录下新建rem.js等比适配文件。第一步，安装postcss-px2rem及px2rem-loader。vue+rem自适应pc端屏幕分辨率(rem适配)第四步，到vue.config.js中配置插件。第三步，在main.js中引入适配文件。
2024-11-14 14:16:59
257
原创 uniapp 如何引用icon 字体
平时使用阿里巴巴的iconfont字体需要下载字体到本地或通过网址引入字体才能使用，但有些情况可能不允许这么做，例如小程序与平常web开发中引入字体图标的方式不一样，必须先转为base64再引入，以下介绍iconfont字体转base64并引入使用的方法。4.下载后，得到一个压缩文件，解压后，会有一个stylesheet.css的css文件，2.在阿里巴巴下载的css文件里，将除了@font-face之外的代码复制到自己项目里。2.配置完选项，添加ttf文件（刚从阿里巴巴里下载的文件夹里）并开始转换了。
2024-10-12 10:34:10
930
原创 Flutter基础开发
1.使用镜像由于在国内访问Flutter有时可能会受到限制，Flutter官方为中国开发者搭建了临时镜像，大家可以将如下环境变量加入到用户环境变量中：export PUB_HOSTED_URL=https://pub.flutter-io.cnexport FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn2.获取flutter sdk https://flutter.dev/docs/development/tools/sdk/relea
2023-12-01 16:59:56
1179
1
原创 linux部署页面内容
usr：该目录包含了系统的共享文件和程序，如应用程序、库文件、文档、头文件等等。/var：该目录包含了系统运行时产生的变化数据，如日志文件、缓存文件、数据库等等。/bin：该目录包含了常用的二进制可执行文件，如ls、cp、mv、rm等等。/media：该目录包含了可移动设备（如CD、DVD、U盘）挂载的目录。4.ubantu 工具包 apt CentOS 工具包 yum。/dev：该目录包含了所有设备文件，如硬盘、光驱、鼠标、键盘等等。sh text.sh 通过shi脚本来实现内容。
2023-09-22 10:20:55
453
原创 vue局部打印多页面pdf
另外不需要打印的元素加上 no-print类名 即可不打印。main.js内挂载（注意引入路径是你刚刚保存的地址）在你要打印的元素上 写上ref=“print”缺点: 替换时页面会刷新,保存不了状态。全选复制 另存为print.js。缺点: 只能打一个页面。缺点: 安排多余的页面。有点:可以打印多页面。有点:可以打印多页面。
2023-08-16 17:52:11
1387
原创 新-git-gitee代码管理(管理)
官网:https://git-scm.com/book/zh/v2下载及秘钥配对1.下载git https://git-scm.com/2.查看是否有秘钥cat ~/.ssh/id_rsa.pub3.生成秘钥并配对 ：在用户中看是否有.ssh 文件 如果没有创建秘钥ssh-keygen -t rsa -C "email" (email为自己的邮箱，如123456@qq.com)4.github 和gitee 配置：https://www.runoob.com/git/git-remot
2023-05-19 17:53:27
674
1
原创 vite -vuex3.0动态路由增加 vue3.0组件引入 图片引入
使用工具文件目录： src/util/pub-use.tspub-use.ts使用单个文件夹。
2023-05-17 13:51:23
219
原创 nuxt.js项目搭建
参考:https://www.w3cschool.cn/nuxtjs/nuxtjs-b4kl36fw.html创建nuxt.js 项目npx create-nuxt-app <项目名>启动npm inpm run dev资源引入import NuxtLogo from "~/components/NuxtLogo.vue";请注意: 从 Nuxt 2.0 开始，~/alias将无法在CSS 文件中正确解析。你必须在 url CSS 引用中使用assets（没有斜杠）或@别名
2023-01-31 13:46:35
1298
原创 fetch请求获取blob和arraybuffer文件流及核心API使用总结 -新
原文链接：https://blog.youkuaiyun.com/WU5229485/article/details/85219165在项目中使用fetch操作文件流，因为没有用到axios，而且fetch的使用方式和axios还有一定的区别，所以写一篇博文，具体细致的描述下fetch的基本使用。一、Fetch在项目中的基本使用Fetch API提供了一个 JavaScript 接口用于访问和操作HTTP管道的零件，如请求和响应。它还提供了一种全局fetch()方法，可以提供一种简单，合理的方式在网络上异步获取资
2022-09-08 15:31:04
7238
原创 DOMContentLoaded DOMNodeInserted DOMNodeRemoved 加载 添加 删除 dom
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.
2022-05-16 14:45:44
420
6
转载 SEO 注意事项
SEO 工作的目的 seo 的工作目的是为了让网站更利于让各大搜索引擎抓取和收录，增加产品的曝光率。SEO 注意事项 1. 网站 TDK 标签的设置。title,description,keywords，根据产品业务，概括出核心关键词作为TDK的内容，每个页面都不一样。如果每个页面的keywords都一样的话，搜索引擎会持怀疑态度，觉得你有作弊的嫌疑。 此外，还有 meta 的 canonical 设置，一个网站还通过多个 url 访问，canonical 就是用来告诉搜索引擎，这么多个
2021-12-29 18:15:08
198
转载 打破iframe安全限制的3种方案
转载:http://www.ayqy.net/blog/%E6%89%93%E7%A0%B4iframe%E5%AE%89%E5%85%A8%E9%99%90%E5%88%B6%E7%9A%843%E7%A7%8D%E6%96%B9%E6%A1%88/一.从 iframe 说起利用iframe能够嵌入第三方页面，例如：<iframe style="width: 800px; height: 600px;" src="https://www.baidu.com"/>然而，并非所有第三方页
2021-12-28 10:58:47
10488
3
原创 window 创建web服务 -共享-ftp 类似
最近在研究网站的工作方式，涉及到前端开发技术，后端开发技术，数据，网站发布等，网站发布又涉及到web服务器、应用服务器、DNS，想起来之前做过的项目是windows server，于是用自己的电脑试验一下，发布一个网站。第一步：编写html文件。第二步：安装IIS。IIS是微软的web服务器平台，我们的电脑自带了IIS，只是没有安装。安装方式如下：在打开或关闭windows功能下，依图选中这些选项。点击确定后，会自动安装。第三步：配置IIS。在控制面板下找到管理工具，双击Internet信息服
2021-12-21 14:16:53
313
原创 清浮动 css
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.
2021-12-17 17:28:49
90
转载 双飞翼布局pc
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>双飞翼</title> <style> .box{ width: 100%; height: 200px; background-color: skyblue;
2021-12-17 14:04:36
93
转载 解决网络拥堵的问题或慢的问题 network
准备工作查询DNS服务器，看看哪个服务器到这个github是最快的，工具如下：http://tool.chinaz.com/dns进去之后搜索github.com，可以查询出所有能够访问的DNS服务器地址。选择一个TTL值最小的，记住这个地址。以同样的方式检索github.global.ssl.fastly.net网址，同样记下DNS地址。修改HOSTS首先找到系统中hosts文件，路径：C:\Windows\System32\drivers\etc，打开hosts文件，将刚刚获取到的DNS地
2021-12-13 09:44:37
1221
转载 .npmrc配置文件 npm 镜像管理
.npmrc配置文件一、文件位置全局配置文件：/etc/npmrc用户配置文件：~/.npmrc项目配置文件：$项目根目录/.npmrc优先级：项目配置>用户配置>全局配置。npm会先按照优先级从低到高依次读取配置文件，如果多个配置文件都配置了同一个key，后读取的会覆盖之前的。例如，在用户配置文件和项目配置文件中都配置了registry地址，npm会先读取用户配置，再读取项目配置，项目配置里配置的registry地址会覆盖用户配置里的registry地址。通过npm config
2021-12-09 11:21:24
5185
原创 Fiddler 抓包工具
1.下载:https://pc.qq.com/detail/10/detail_3330.html2.捕捉信息文件->通信3.4.汉化
2021-12-07 13:53:02
194
原创 vite创建基本项目架构
参考vite官网:https://cn.vitejs.dev/guide/1.初始化升级最新版本：npm install vue@next创建名为'test'的项目：npm init vite-app test2.下载依赖 运行npm installnpm run dev3.加入ip登录4.依赖vue-router参考博客:https://juejin.cn/post/7001857870035681316npm install vue-router@4.0 创建src/ro
2021-12-07 10:40:52
1140
原创 正则匹配 基础
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.
2021-12-06 11:58:31
117
原创 无感录屏技术
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <tit.
2021-11-28 21:59:47
544
1
angulargs学习资料 angulargs学习资料
2020-09-12
网易云小程序直播 网易云小程序直播
2020-09-11
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人