地铁和人海

原创 计算页面移动距离——vue

listenTest() { let a, b; let d = 0; function addEventstart() { a = document.documentElement.scrollTop; console.log("滑动起始点：", a); } function addEventend() { b = document.documentElement.scrollTop; console.log(...

原创 执行环境和作用域链的理解

原创 vue基础复习

vue实例我们可以将data域写在外面，然后将他再放入vue实例上，但如果你将data域 写在vue实例下面，此时vue实例已经加载完毕了，所以就不会管用，会报错。不过和也是多此一举，没什么用。使用 Object.freeze(data)，只会渲染一次，就不会改变了，感觉和用v-once一样。最主要的是使用vue实例里面的值，是这样使用的： <script type="text...

原创 vue学习第八天——组件基础

基本示例（官网找去）因为组件是可复用的 Vue 实例，所以它们与 new Vue 接收相同的选项，例如 data、computed、watch、methods 以及生命周期钩子等。仅有的例外是像 el 这样根实例特有的选项。组件的复用就跟用标签一样，可以随便用但是如果你想要复用组件，就要注意一个事情。如果你在组件中使用了data，一定要把它写成函数，而不是单纯的一个变量。所以，如下规定就出...

原创 hadoop伪分布搭建

我们之前创建了4台虚拟机，以他们作为搭建hadoop的基础，以下的步骤在四台机器上都要进行配置（我们4台电脑已经用Xshell中的发送指令到所有窗口）第一步，jdk8环境搭建将jdk8压缩包上传到/opt上，可以使用xftp来上传，然后使用tar zxf jdk-8u121-linux-x64.tar.gz命令解压，然后再配置文件中配置，如下第二步，修改主机名，配置主机路由表这是为了疑惑...

原创 vue学习第七天——表单输入绑定

基础用法可以用 v-model 指令在表单 、 及 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但 v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理。ps：又叫糖衣语法。语法糖是指算机语言中添加的某种语法，这种语法对语言的功能并没有影响，但是更方便程序员使用。通常来说使用语法糖能够增加程序的可...

原创 vue学习第六天——事件处理

vue用v-on 指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码。。如：<div id="example-1"> <button v-on:click="counter += 1">Add 1</button> <p>The button above has been clicked {{ counter }} ti...

转载 模板字符串、kebab-case (短横线隔开式)

模板字符串vue组件中的短横线隔开法

转载 ViewPort的作用

https://blog.youkuaiyun.com/u012402190/article/details/70172371

原创 vue学习第五天——列表渲染

用 v-for 把一个数组对应为一组元素很简单，如下：<ul id="example-1"> <li v-for="item in items"> {{ item.message }} </li></ul>var example1 = new Vue({ el: '#example-1', data: { i...

原创 vue学习小心得

vue的元素复用无疑是很厉害的，如果你要改动一些dom元素（例如v-if修改），他会复用已经有的，如果for循环所循环的数组内部只是改变数据顺序，他也就只将dom中数据的内容改成对应的，而不会重新渲染dom...

原创 vue学习第四天——条件渲染

条件渲染很简单，就是用v-if标签，然后扩展到v-else，最后到v-else-if，组成一整套判断语句。在 <template> 元素上使用 v-if 条件渲染分组这是一个小应用，因为 v-if 是一个指令，所以必须将它添加到一个元素上。但是如果想切换多个元素呢？此时可以把一个 <template> 元素当做不可见的包裹元素，并在上面使用 v-if。最终的渲染结果将不...

原创 vue学习第三天

class与style绑定class绑定一个div可以设多个class，所以我们有一个动态变化class的功能<div class="static" v-bind:class="{ active: isActive, 'text-danger': hasError }"></div>div的class的多少取决于data中数据isActive 和 has...

原创 vue学习第二天——计算属性

计算属性尽量不要在模板里写模板内表达式，虽然vue支持，对于复杂的逻辑，我们需要用计算属性。<div id="example"> <p>Original message: "{{ message }}"</p> <p>Computed reversed message: "{{ reversedMessage }}"</p>...

原创 vue学习第一天——简单vue实例

实现简单的vue例子很简单，不多说了。但在其中：我们可以定义一个变量来new一个vue实例，也可以直接vue一个实例。对于data数据，我们可以在data里面直接定义，也可以再vue外面var一个变量然后传进去如：对于这种定义的变量（在vue外面定义），我们可以设置它不会被改变，就用Object.freeze(data)这个方法。如果你在vue的data里面定义变量还用这个方法，这个方法...

原创 meta http-equiv="X-UA-Compatible" content="IE=edge"详解

X-UA-Compatible是针对IE8新加的一个设置。也就是说，你写了一个能在IE7下运行的页面，害怕在IE8上无法兼容，然后就可以在头文件上写 <meta http-equiv="X-UA-Compatible" content="IE=7" /> content="IE=7"在无论页面是否包含<!DOCTYPE>指令，都像是使用了 Windows Inter...

原创 事件冒泡和事件捕获

啊啊啊

转载 bind和on的区别

11111

原创 增加的linux指令

如果不知道输入什么，就输入aaaa，他会告诉你该输入什么关闭开机自启动：chkconfig 服务名 off 如：chkconfig iptables off 关闭防火墙自启动Linux有他的一个特别功能，就是SeLinux ：Security-Ehanced Linux 安全增强系统看他是否开着：要关掉它的指令是 setenforce 0，不过这只...

原创 linux——vi编辑器使用

三种工作模式查看、修改内容文件内容查找set number显示行号?查找的字符串从下往上找的/查找的字符串n进行切换保存文件及退出vi编辑器copy 文件名 新文件名 copy命令文件内容替换文件内容全部替换：%s/aaa/bbb/g 将文件中全部aaa改为bbb文件内容单个替换...

原创 linux指令学习

文件类型查看文件详细信息命令 ls -l == 命令 ll查看隐藏信息ls -a开头是.的文件，表示该文件为隐藏文件。综合起来就是ls -a -l == ls -al == ll -a 文件目录中. 和 .. 是目录的意思 ..是用在切换路径（相对路径）上ls -l *列出所有的系统指令：软件使用yum在线安装 yum ...

原创 linux小知识和网卡管理

系统管理员 ☆ 权限大　　linux中显示的内容： bd1 ~]#　　权限：系统维护：软件安装、卸载，防火墙……普通用户　　linux中显示的内容： bd1 ~]$　　权限：日常使用：查看电脑的状态，ip地址，创建文件、查找进行网卡管理查看网卡信息【ifconfig】（linux）【ipconfig】（windows）打开/关闭网卡ifconfig 网卡名 up/dow...

原创 搭建集群（。。。多创建几台服务器，然后连接）

我们使用克隆的方法创建虚拟机步骤①开机②去除网卡信息中的两个唯一标识，再删掉一个含标识信息的文件/etc/udev/rules.d下的70-persistent-net.rules文件。③关机④调整内存（调到512M，内存够大可以不用调），在主页面中点击内存可以调⑤进行克隆，点击这个图标进入这个页面点击克隆进入这个页面下一步，进入因为你刚开始进行克隆，所以没有...

原创 windows系统和linux系统的区别

1、硬盘利用率，linux使用硬盘较少（所以可以用低配机器组集群）。图形界面也可以不装2、linux所有内容均以文件形式（一切都是文件）保存包括硬件，用户，而windows文件和硬件没什么关系，两个之间没有关联3、linux区分大小写，windows在dos界面命令下不区分大小写4、路径不同，linux不分磁盘 ，只有一个根，只要是以/开头的，就是绝对路径（全路径）树形结构5、window...

转载 隐藏和覆盖的区别和用法

讲隐藏和覆盖之前先看两个概念：静态类型和动态类型。任何一个引用变量都有两个类型：一个叫静态类型，也就是定义该引用变量的类型；另一个叫动态类型，也就是该引用实际指向的对象类型。比如对于两个类A和类B，有：A a=new B()；那么，引用a的静态类型就是A，动态类型就是B。java中引用的静态类型在编译的时候就可以确认，但是编译器无法得知这个引用的动态类型；只有当程序运行时，通过RTTI就可...

原创 前端的错误

错误说找不到什么什么变量，不是你没有定义，而是你传递的方式有问题，大部分可能是没定义先赋值了

原创 将参数作为路径的一部分

aa

原创 maven02——通用mapper的简单应用01

通用 mapper 有什么好处呢？以往我们使用 mapper 文件都是自己写 sql 语句，针对的是单个实体，也就是每个实体都有其对应的 mapper 文件。使用通用mapper 给我们带来了极大的方便，它不需要mapper.xml 文件，只需我们调用相应的接口，引入 jar 包再进行简单的配置就好了。配置通用mapper1、导入mapper的包通用mapper的包在maven中的路径如下...

原创 maven01——学习配置maven

2步第一步：在电脑上配置maven，和配置jdk环境变量相同在环境变量会在你的c盘users里面最高权限账户下添加一个.m2本地仓库如果没有，打开控制台，使用mvn help:system命令，会创建目录。在eclipse中配置windows->preferences点击add，点击directory，添加你的maven目录仓库简介图片：默认会到国外服务器，阿里也有私服...

原创 springmvc05——对JSON的支持

JSON格式：{“key”:“value”}js中JSON中JSON字符串自身对JSON不支持（你返回的对象类型不是JSON对象的），但他通过一个转化接口，叫做Jackson的包，进行JSON的开发。三个包。我们做项目，做一个登陆的案例，使用ajax开发新建spring03java项目，导包，一共十九个包首先在web.xml中配置，直接复制上一个例子的就可以，但我们现在使用"/"来...

原创 springmvc04——数据绑定

数据绑定1、默认支持的HttpServletRequest HttpServletResponse Model2、java简单类型的 int、String、double、boolean…　　　　　　当请求的参数名和处理器方法的形参名字一致时会进行数据的绑定3、？？？？？？？　　　　　　在页面访问，会在控制台输出package com.cbb.controller;impor...

原创 springmvc03——支持的参数类型和返回类型——重定向到百度

@RequestMapping("hello08") public ModelAndView hello08() { return new ModelAndView(new RedirectView("http://www.baidu.com")); }这是写在我的springmvc03里的例子里面的，配置啥的也都在里面...

原创 springmvc03——支持的参数类型和返回类型

承接上一篇讲的例子我们使用注解时可以省略，我们也可以在spring.xml中添加下面的代码，同样有效 &amp;lt;!--注解驱动 作用：会自动的注册一些bean，其中包括支持注解开发的RequestMappingHandlerMapping 和RequestMappingHandlerAdapter 并且提供了数据绑定的支持、数据格式转换和读写json的支持 --&amp;gt; &amp;lt...

原创 springmvc02——例子-02（共两个）

我们可以使用注解的方式进行开发上一次的例子1.创建项目，导包（和以前一样）2.web.xml文件也没有什么变化，直接copy3.在spring.xml添加前面的那些东西，不过东西还是那些东西，但是有种鸟枪换炮的感觉整个spring.xml文件如下：&lt;?xml version="1.0" encoding="UTF-8"?&gt;&lt;beans xmlns="http://ww...

转载 Postman

aaaaaa

原创 三大框架的总和

嗷嗷

原创 spring06——spring中使用事务

事务

原创 spring05——AspectJ开发

统治

原创 spring04——02——Spring 中的 AOP 代理

两种代理方式JDK 动态代理JDK 动态代理是通过 java.lang.reflect.Proxy 类来实现的，我们可以调用 Proxy 类的newProxyInstance()方法来创建代理对象。对于使用业务接口的类，Spring 默认会使用 JDK动态代理来实现 AOP。新引入的包代码演示：1、在 com.hpe.jdk 下，新建 UserDao 接口public interfa...

原创 spring04——AOP

啊啊啊