51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

前端开发

Javascript案例:猜数字游戏

Javascript案例:猜数字游戏

厉飞雨 阅读(15) 评论(0) 赞(3)

要求 --- 程序随机生成一个1\~10之间的数字,并让用户输入一个数字。 1. 如果大于该数字,就提示,数字大了,继续猜 2. 如果小于该数字,就提示,数字小了,继续猜 3. 如果等于该数字,就提示猜对了,结束程序。 思路 --- 1. 随机生成一个1\~10的整数,我们需要用到`Math.random()`方法。 2. 需要一直猜到正确为止,所以需要一直循环。 3....

JavaScript端口扫描工具

JavaScript端口扫描工具

厉飞雨 阅读(13) 评论(0) 赞(2)

一个利用JavaScript实现的简易域名端口扫描工具,反馈目标地址的端口状态,因为是课设需要,自己也用不到,就没怎么深入研究,只是简单的加了个正则验证,支持自定义端口扫描和按端口范围扫描。 演示地址:[点击访问端口扫描器](https://51tbox.com/) Github地址:[https://github.com/Yue-Zeyi/port-check](http...

JavaScript——入门知识

JavaScript——入门知识

厉飞雨 阅读(18) 评论(0) 赞(3)

计算机组成 ----- ![](http://static.51tbox.com/static/2024-11-07/col/8555f2688586a4db05521f644d76baf8/9450c6bb1d794e788930c7d46ef16547.png.jpg) ![](http://static.51tbox.com/static/2024-11-07/col...

JavaScript——变量

JavaScript——变量

厉飞雨 阅读(17) 评论(0) 赞(5)

变量 --- 变量就是一个装东西的盒子。 变量是用于存放数据的 `容器`,我们通过 `变量名`获取数据,甚至数据可以修改。 本质:变量是程序在内存中申请的一块用来存放数据的空间。 类似我们酒店的房间,一个房间就可以看做是一个变量。 变量的使用 ----- ### 声明变量 ```lang-javascript // 声明变量 var age;//声明一个名称为ag...

JavaScript——数据类型

JavaScript——数据类型

厉飞雨 阅读(17) 评论(0) 赞(0)

简介 --- 在计算机中,不同的数据所需占用的存储空间是不同的,为了便于把数据分成所需内存大小不同的数据,充分利用存储空间,于是定义了不同的数据类型。 简单来说,数据类型就是数据的类别符号。比如姓名"张三",年龄18,这些的数据类型是不一样的。 变量的数据类型 ------- Javascript是一种弱类型或者说动态语言。 这意味着不用提前声明变...

JavaScript案例:简单计算(附计算器)

JavaScript案例:简单计算(附计算器)

厉飞雨 阅读(24) 评论(0) 赞(3)

计算年龄 ---- **思路分析:** 1. 弹出一个输入框(prompt),让用户输入出生年份(用户输入) 2. 把用户输入的值用变量保存起来,然后用今年的年份减去变量值,结果就是现在的年龄(程序内部处理) 3. 弹出警示框(alert),把计算的结果输出(输出结果) ```lang-js <script> var year = prompt(...

 Vue Icon 图标处理方案

Vue Icon 图标处理方案

厉飞雨 阅读(31) 评论(0) 赞(5)

Preface {#preface} ------------------ 在 Vue 前端项目中不可避免的要使用 icon svg 图标组件,对于这个组件它需要两种能力: 1. 显示外部 svg 图标。 2. 显示项目内的 svg 图标。 基于以上概念,我们先来实现显示外部 svg 图标。 显示外部 svg 图标 {#显示外部-svg-图标} ------------...

Vue-Router根据用户权限添加动态路由(侧边栏菜单)

Vue-Router根据用户权限添加动态路由(侧边栏菜单)

厉飞雨 阅读(48) 评论(0) 赞(3)

动态路由 ---- 如果你的网页有管理员、普通用户等多种角色类型,不同的角色能看到的页面/菜单应该是不同的,所以不同的用户登录之后应该监听到不同的动态路由和渲染不同的菜单,这个时候就需要用到动态路由。 简单来说就是根据用户信息获取其对应的权限,生成对应的路由挂载,然后动态渲染有权限的菜单于侧边栏菜单。 实现思路图示: ![来自掘金:小绿与小蓝](http://stati...

Vs Code报错vue/multi-word-component-names

Vs Code报错vue/multi-word-component-names

厉飞雨 阅读(33) 评论(0) 赞(4)

用脚手架安装的时候勾选了`eslint`,而`eslint`如果检测到跟他的规则不一致就会报错,`vue/multi-word-component-names`这个是用来检测当前的组件名称是否使用驼峰或多单词命名,`eslint`默认对其进行检测,所以需要修改一下eslint的检测规则。 在`.eslintrc.js`文件内增加如下规则即可。 ```lang-javascr...