博客之家

原创 (分步解释)----扑克随机洗牌

JavaScript中输出随机数的方法： <1>系统Math对象里的random方法。 例如：输出1—6的随机数,包括1和6。<script> /*1到5的随机数 包括1和5*/ console.log(parseInt(Math.random()* 6) + 1);</script>模拟扑克洗牌： <1&...

原创 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.youkuaiyun.com/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.youkuaiyun.com/download/qq_36818386/10754919

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

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

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

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

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

链接地址： https://download.youkuaiyun.com/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 默认样式  引包看效果： ...

原创 移动端图片自适应

&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 type="text/css"&gt;

原创 移动端REM布局

REM是相对单位,是相对HTML根元素,子元素大小可以参照根标签的数据。&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&amp

原创 jQ和H5C3实现--类似切水果游戏

效果图：当鼠标触碰时水果会消失利用了元素上树  代码：&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&