博客之家

原创 同一个域名，如何添加多个网站？

本文介绍了三种网站部署方法：1）子目录部署，适合路径清晰的项目；2）子域名绑定，适合独立性强的项目；3）Nginx反向代理，适合多语言混合项目。详细说明了每种方法的配置步骤：子目录部署需创建主站并上传项目到不同子目录；子域名绑定需先解析域名再分别建站；反向代理则需配置Nginx转发规则。文章推荐前两种方法更简单实用，并提供了具体操作示例和访问测试方法。

原创 vue+uniapp项目，配置i18n文本国际化详细步骤，以及tabbar导航栏和官方组件国际化

本文介绍了在uniapp项目中实现中英文切换的完整方案。通过vue-i18n和uni-i18n实现项目文本、uniapp官方组件和底部导航栏的国际化。主要步骤包括：1)创建i18n配置文件和语言包；2)在main.js挂载i18n实例；3)使用$t()替换文本；4)通过this.$i18n.locale和uni.setLocale()切换语言；5)tabbar使用%xxx%格式实现国际化；6)解决不生效问题需修改manifest配置。该方案可实现项目中所有文本的完整国际化切换。

原创 HTML+CSS制作---斗鱼部分静态页面

本文介绍了使用CSS实现斗鱼直播平台静态页面的关键技术方案。主要内容包括：1) 页面结构分析，采用Flexbox/Grid实现响应式布局；2) 核心样式实现，如固定导航栏、悬浮动画等特效；3) 特殊视觉效果处理，包括弹幕蒙层、礼物动画等；4) 性能优化技巧，如雪碧图、硬件加速等；5) 主题系统实现，通过CSS变量管理品牌色和暗黑模式。文中还提供了完整的HTML/CSS代码示例，展示了一个包含直播卡片、导航栏和游戏分类的静态页面实现方案。

原创 vue uniapp顶部导航栏文字i18n国际化后，不显示的问题，原理分析。

本文讨论了在Vue项目中实现国际化时导航栏文本的动态显示方案。当项目需要支持多语言时，传统的在data中写死文本的方法无法响应语言切换，因为data属性是静态的。解决方案是将文本放在computed属性中，利用其响应式特性：当依赖的国际化文本(this.$t)变化时，computed属性会自动重新计算并更新。这种方法不仅实现了文本的动态切换，还通过缓存机制优化了性能，避免了语言切换时需要刷新页面或文本不显示的问题。

原创 Ant Design Vue详解a-tree-select使用树形选择器，递归渲染数据，点击选项回显，一二级菜单是否可选等问题

【代码】Ant Design Vue详解a-tree-select使用树形选择器，递归渲染数据，点击选项回显，一二级菜单是否可选等问题。

转载 vue插槽的详细使用

vue插槽的使用

原创 vue render函数的使用场景

vue2 render函数的使用

原创 npm install报错 npm ERR! code ETIMEDOUTnpm ERR! errno ETIMEDOUTnpm ERR! network request to ......

npm报错 npm安装报错

原创 vue 下载.xlsx文件

【代码】vue 下载.xlsx文件。

原创 img标签 和背景图 实现图片自适应 不变形

【代码】img标签 实现图片自适应 不变形。

原创 css溢出隐藏 省略号 三行代码

【代码】css溢出隐藏 省略号 三行代码。

原创 vue axios 向java后端发送数据，接收为Null，以解决

vue axios传参，后台收到为NULL的解决方案

原创 vue修改组件的样式

修改公共样式

原创 js-----手写一个ajax

前端----手写一个ajax

原创 前端vue--用HbuilderX将小程序打包为h5项目

1. 找到项目中的manifest.json文件->h5配置，更改路由模式为hash模式，基础路径项改为相对路径./2. 发行->网站-H5手机版，如下图3. 网站标题：不用管网站域名：一般也不用管，但是这里为了出现不必要的问题，域名我填的是前端服务器的域名。然后发行4. 打包完成，点击路径拿到编译包...

原创 nginx负载均衡

nginx负载均衡

原创 tortoise git 更换邮箱和账号时，报错because commituserEmail is not oncorrect

更换新的git账号或者密码之后，代码commit或者push的时候报错！解决办法：找到.git-credentials文件，修改账号密码后者直接删掉这个文件就可以然后再重新commit或者push就可以了。

原创 vue--Ant Design框架 a-upload组件阻止规定大小文件上传的问题

a-upload组件阻止规定大小文件上传的问题

原创 vue npm run build报错This is probably not a problem with npm

<script src="js/jquery.min.js"></script> <style> * { margin: 0px; padding: 0px; } ul,li { list-style: none; } .box { widt.

原创 Vue--双向数据绑定原理

&lt;script src="js/jquery.min.js"&gt;&lt;/script&gt; &lt;style&gt; * { margin: 0px; padding: 0px; } ul,li { list-style:...

原创 npm 使用代理

1. 前置条件，安装好node2.在用户目录 C:\user\username(此处为你系统的用户名)\下找到配置文件 .npmrc，右键使用计事本打开，输入如下信息并保存proxy=http://代理ip:代理porthttps_proxy=http://代理ip:代理portregistry=http://registry.npm.taobao.org/ (修改模块下载源，加快下载速度)例如我的代理是：修改后如下：修改完成后保存，打开控制台输入...

原创 node 打包 报错FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap

解决办法：在配置文件中 node 后面写上 --max_old_space_size=4096 就好了我这里设置的内存大小是4G,这个具体的大小可以根据自己的项目情况来设置就好了。有问题欢迎留言！~~~~~~~...

原创 VS code 快速创建VUE--详细模板

1. 安装插件：2.点击文件->首选项->用户代码片段，可以新建一个.json文件3.粘贴以下代码：{ "Print to console": { "prefix": "vue", "body": [ "<!-- $0 -->", "<template>", " <div></div>", "</template>",

原创 胖李---186斤减肥记录帖

时间：2019.10.1 开始减肥 体重：93公斤（186斤） 目前：2020年5月5日 体重：70.5公斤（141斤） 掉了45斤肉肉减肥过程：持续更新~~~2019年10月 2019.10.20 体重：89.3公斤 2019.10.26 体重：88.5公斤 2019年11月 2019.11.2 ...

原创 source sight4--------1.完美安装永久使用-----------2.source sight无故崩溃的解决办法

一、完美安装以及傻瓜式破解1.解压后，点击安装。2.安装完成后，将压缩包中的这个文件替换到安装目录中的同一文件。3.运行source sight，在弹框中点击Import a nwe license file，将压缩包中的这个文件替换掉，就OK了。如果之前安装过别的版本，可能安装失败，此时需要完全卸载首先 Win+R，输入regedit打开注册表编辑器，按Ct...

原创 web安全-----ZAP扫描漏洞问题以及解决

此版块持续更新中。。。。目前发现的问题大部分都是后端C代码的问题，以及少部分前端代码的问题。

原创 vue-----App

自己业余时间写的。下载地址https://download.csdn.net/my

原创 vue---重定向和404跳转的设置（附代码）

原创 vue---导航

vue用this.$router.go()和this.$router.push()进行导航。this.$router.go() 值为1或者-1， 1前进一页 -1后退一页。this.$router.push() 跳转到指定的页面。

原创 详解---vue-router路由和router-link

1. 安装依赖：npm i vue-router -S2. 在main.js中引入 `import VueRouter from 'vue-router';`3. 安装插件 `Vue.use(VueRouter);`4. 创建路由对象并配置路由规则5. 将其路由对象传递给Vue的实例6. 在app.vue中留坑 ` <router-view></rou...

原创 VUE--父组件如何引入子组件--图释

在VUE中，父组件如何引入子组件？vue组件如何引入子组件

原创 解决react中 npm run dev 不能运行的方法

     楼主前两天给电脑杀了一下毒,之后发现原有的react项目不能正常运行,会报各种错,这边修好那边又报错,在网上查资料后,别人说是npm被更新了,但是我降级到之前的版本还是不行,自己又试着把node.js卸载后重新安装也是不行。     下面放上其中的错误之一:因为报了好几个类似这种的错误,就不一一截图了 下面开始介绍我是怎么处理的：1.在C盘user文件夹下按着我的截图...

原创 vs code 1.28.2版本-----设置对文字大小进行缩放

点击文件---首选项---设置 在输入框中输入mouse会自动感应,然后将下面那个框勾住就可以了： 其他版本的vs code需要将false改为true即可 。

原创 node.js安装包32位和64位

32位+64位链接地址：https://download.csdn.net/download/qq_36818386/10754919

原创 vs-code中,react组件自动补全插件的配置

react组件自动补全插件：输入rcc,按tab键 ② 插件截图：③ 插件的配置：点击文件-首选项-设置：点击后会是以下界面然后点击那三个点---"打开settings.json"接着,将②图的代码复制到这里,保存即可。有什么问题欢迎留言！~~~~~~...

原创 解决VM VirtualBox 和主机之间互相粘贴--拖放问题

1.  打开 VirtualBox,选择设备--共享粘贴板/拖放,选择"双向"：2.   如果还是不行,那么需要安装增强功能：          ①   首先选择勾选这个iso镜像文件：因为没法截图,所以手打吧,分配光驱---VBoxGuestAddtions.iso         ②   点击安装增强功能,一直下一步：         安装完成后,重启虚拟机即可。...

原创 canvas游戏制作----雷霆大战

链接地址： https://download.csdn.net/download/qq_36818386/10737133

原创 canvas--制作坦克大战(demo)

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;/title&gt; &lt;style&gt; canvas{

原创 canvas制作(小demo)---圆球碰壁反弹

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; &lt;style&gt; canvas {

原创 移动端响应式布局

&lt;1&gt;       CSS中link标签新增了一个media属性。 &lt;2&gt;       响应式布局又称"媒体布局"，指在不同的条件下写不同的样式。 a.css我们写个小demo来测试一下：    b.css c.css 默认样式  引包看效果： ...