发表于 | 分类于
字数统计: 38 | 阅读时长 ≈ 1

新创建的Vue3项目，没有进行任何的修改，打开src/App.vue即报红

设置 -> 搜eslint –> 取消Vetur的勾选 即可

发表于 | 分类于
字数统计: 307 | 阅读时长 ≈ 1

1.使用vue-cli创建

安装或升级  
npm install -g @vue/cli  
保证vue cli版本在4.5.0以上  
vue -V查看版本  
vue create 项目名  创建项目

  • 执行npm install -g @vue/cli报错

    尝试 npm install @vue/cli -g
    仍然报错npm ERR EEXIST
    npm cache clean –force清除node缓存
    之后再下载，还是不行

    • 解决
      cnpm i @vue/cli -g
阅读全文 »

发表于 | 分类于
字数统计: 362 | 阅读时长 ≈ 1

在进行webpack打包ts的时候，配置和下载完依赖包之后，运行npm run dev报错

百度说是node_modules问题，卸载，重装还是不行

阅读全文 »

发表于 | 分类于
字数统计: 2.9k | 阅读时长 ≈ 11

servlet

  • servlet是Java EE规范之一
  • servlet是Javaweb三大组件之一。
    （servlet程序，filter过滤器，listener监听器）
  • 运行在服务器上的一个java小程序，它通过HTTP接受客户端发送过来的请求，并响应数据给客户端

手动实现

  1. 编写一个类去实现servlet接口
  2. 实现service方法，处理请求，并响应数据
  3. 到web.xml中去配置servlet程序的访问

servlet标签给tomcat配置servlet程序
servlet-class是servlet程序的全类名
servlet-mapping给servlet程序配置访问地址
servlet-name告诉服务器，我当前配置的地址是给哪个servlet用
url-pattern配置访问地址

阅读全文 »

发表于 | 分类于
字数统计: 538 | 阅读时长 ≈ 2

vue版本：2.9.6
v-model用来在input,select,text,checkbox,radio等表单控件上创建双向数据绑定,指令后面可以跟多个参数（number,lazy,debounce）

  • number
    将输入自动转化为Number，原值转换结果为NaN则返回原值
    使用v-model.number无效，返回结果被处理为了字符串.
    解决：v-model.number="msg" type="number"使用html的type属性进行转化，输入框输入的时只允许输入数字
  • lazy
    <input v-model.lazy="msg">输入框变化，v-model不变
  • debounce
    vue的返回延时同步，避免高耗操作（比如，input输入内容时随时发送ajax请求）
    尝试失败–》度娘
    发现：vue2.0 版本带有debounce 的 v-model 移除了，移除的原因：Debouncing 曾经被用来控制 Ajax 请求及其它高耗任务的频率。Vue 中v-model的 debounce 属性参数使得在一些简单情况下非常容易实现这种控制。但实际上，这是控制了状态更新的频率，而不是控制高耗时任务本身。这是个微小的差别，但是会随着应用增长而显现出局限性。
阅读全文 »

发表于 | 分类于
字数统计: 2k | 阅读时长 ≈ 11

环境配置

java version “1.8.0_131”
idea
navicate
mysql Ver 8.0.18 for Win64 on x86_64 (MySQL Community Server - GPL)
mysql-connector-java-8.0.21.jar包

运行截图：

  • 连接成功
  • 查询测试
阅读全文 »

发表于 | 分类于
字数统计: 585 | 阅读时长 ≈ 2

堆里有 16 颗豆子，有两个玩家（假设一个玩家是电脑） 。每个玩家都可以从堆中的 16 颗豆子中取出 1 颗， 2 颗或者 3 颗豆子。每个玩家在每回合中必须从堆中取出一定数目的豆子。玩家轮流取出豆子，取到最后 一颗豆子的玩家是输家。 思路： 写一个人取豆子的函数 ; 帮电脑设计一个算法，实现取豆子的函数 ; 在主程序中进行输流调用，谁 最后拿到 1 粒豆子谁就输。
算法设计：

  • 取出的豆子设为变量beans

  • 电脑取出记为bean1

  • 玩家取出记为bean2

  • 每次完成取豆，beans+,并且返回beans结果，传递给下一个玩家

  • 当beans为16时，游戏结束

阅读全文 »

发表于 | 分类于
字数统计: 243 | 阅读时长 ≈ 1
  • 按键按下：onkeydown,当一直按的时候，第一个与第二个间隔时间会比较长，后面的间隔特别短，只是浏览器提供的防止误触
  • 按键松开onkeyup

键盘事件一般绑定给可以获取焦点的对象或document

  • 返回按键编码：keycode

通过方向键，控制div的移动
代码： 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        #box{
            height: 100px;
            width: 100px;
            position: absolute;
            background-color: green;
            align-content: center;
        }
    </style>
    <script>
        window.onload = function(){
            document.onkeydown = function(event){
                event = event || window.event;
                /*火狐：左上右下37 38 39 40
                */
                var box = document.getElementById("box");
                switch(event.keyCode){
                    case 37:
                        box.style.left = box.offsetLeft - 10 +"px";
                        break;
                    case 38:
                        box.style.top = box.offsetTop - 10 +"px";
                        break;
                    case 39:
                        box.style.left = box.offsetLeft + 10 +"px";
                        break;
                    case 40:
                        box.style.top = box.offsetTop + 10 +"px";
                }
            }
        }
    </script>
</head>
<body>
    <div id="box"></div>
</body>
</html>