前端
地铁与人海
无工作
展开
-
计算页面移动距离——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(...原创 2021-03-12 15:53:47 · 592 阅读 · 0 评论 -
执行环境和作用域链的理解
原创 2019-12-20 09:44:42 · 141 阅读 · 0 评论 -
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...原创 2019-09-02 19:55:00 · 191 阅读 · 0 评论 -
vue学习第七天——表单输入绑定
基础用法可以用 v-model 指令在表单 、 及 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇,但 v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据,并对一些极端场景进行一些特殊处理。ps:又叫糖衣语法。语法糖是指算机语言中添加的某种语法,这种语法对语言的功能并没有影响,但是更方便程序员使用。通常来说使用语法糖能够增加程序的可...原创 2019-09-05 14:20:20 · 178 阅读 · 0 评论 -
hadoop伪分布搭建
我们之前创建了4台虚拟机,以他们作为搭建hadoop的基础,以下的步骤在四台机器上都要进行配置(我们4台电脑已经用Xshell中的发送指令到所有窗口)第一步,jdk8环境搭建将jdk8压缩包上传到/opt上,可以使用xftp来上传,然后使用tar zxf jdk-8u121-linux-x64.tar.gz命令解压,然后再配置文件中配置,如下第二步,修改主机名,配置主机路由表这是为了疑惑...原创 2019-09-10 19:01:16 · 179 阅读 · 0 评论 -
vue学习第八天——组件基础
基本示例(官网找去)因为组件是可复用的 Vue 实例,所以它们与 new Vue 接收相同的选项,例如 data、computed、watch、methods 以及生命周期钩子等。仅有的例外是像 el 这样根实例特有的选项。组件的复用就跟用标签一样,可以随便用但是如果你想要复用组件,就要注意一个事情。如果你在组件中使用了data,一定要把它写成函数,而不是单纯的一个变量。所以,如下规定就出...原创 2019-09-18 10:40:40 · 220 阅读 · 0 评论 -
vue基础复习
vue实例我们可以将data域写在外面,然后将他再放入vue实例上,但如果你将data域 写在vue实例下面,此时vue实例已经加载完毕了,所以就不会管用,会报错。不过和也是多此一举,没什么用。使用 Object.freeze(data),只会渲染一次,就不会改变了,感觉和用v-once一样。最主要的是使用vue实例里面的值,是这样使用的: <script type="text...原创 2019-09-24 17:42:16 · 255 阅读 · 0 评论 -
模板字符串、kebab-case (短横线隔开式)
模板字符串vue组件中的短横线隔开法转载 2019-09-02 17:11:23 · 876 阅读 · 0 评论 -
vue学习小心得
vue的元素复用无疑是很厉害的,如果你要改动一些dom元素(例如v-if修改),他会复用已经有的,如果for循环所循环的数组内部只是改变数据顺序,他也就只将dom中数据的内容改成对应的,而不会重新渲染dom...原创 2019-08-13 10:37:20 · 91 阅读 · 0 评论 -
bind和on的区别
11111转载 2019-08-05 17:04:47 · 950 阅读 · 0 评论 -
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...原创 2019-08-09 16:55:59 · 3607 阅读 · 0 评论 -
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...原创 2019-08-15 15:05:09 · 202 阅读 · 0 评论 -
ViewPort的作用
https://blog.csdn.net/u012402190/article/details/70172371转载 2019-08-25 13:49:14 · 454 阅读 · 0 评论 -
vue学习第一天——简单vue实例
实现简单的vue例子很简单,不多说了。但在其中:我们可以定义一个变量来new一个vue实例,也可以直接vue一个实例。对于data数据,我们可以在data里面直接定义,也可以再vue外面var一个变量然后传进去如:对于这种定义的变量(在vue外面定义),我们可以设置它不会被改变,就用Object.freeze(data)这个方法。如果你在vue的data里面定义变量还用这个方法,这个方法...原创 2019-08-12 14:21:14 · 2391 阅读 · 0 评论 -
vue学习第二天——计算属性
计算属性尽量不要在模板里写模板内表达式,虽然vue支持,对于复杂的逻辑,我们需要用计算属性。<div id="example"> <p>Original message: "{{ message }}"</p> <p>Computed reversed message: "{{ reversedMessage }}"</p>...原创 2019-08-12 15:37:53 · 125 阅读 · 0 评论 -
vue学习第三天
class与style绑定class绑定一个div可以设多个class,所以我们有一个动态变化class的功能<div class="static" v-bind:class="{ active: isActive, 'text-danger': hasError }"></div>div的class的多少取决于data中数据isActive 和 has...原创 2019-08-12 19:50:29 · 380 阅读 · 0 评论 -
vue学习第四天——条件渲染
条件渲染很简单,就是用v-if标签,然后扩展到v-else,最后到v-else-if,组成一整套判断语句。在 <template> 元素上使用 v-if 条件渲染分组这是一个小应用,因为 v-if 是一个指令,所以必须将它添加到一个元素上。但是如果想切换多个元素呢?此时可以把一个 <template> 元素当做不可见的包裹元素,并在上面使用 v-if。最终的渲染结果将不...原创 2019-08-12 23:54:05 · 446 阅读 · 0 评论 -
事件冒泡和事件捕获
啊啊啊原创 2019-08-06 00:19:35 · 259 阅读 · 0 评论