- 博客(25)
- 收藏
- 关注
RSS订阅原创 Vue监听滚动实现导航栏锚点定位
父级<div> <div id="floor0"></div> <div id="floor1"></div> <div id="floor2"></div> <div id="floor3"></div> 子组件 <ul id="tab" slot="center" class="compreDiagnosisI
2021-05-31 11:54:02
780
原创 Vue 事件监听实现导航栏吸顶效果（页面滚动后定位）
当页面向上滑动之后，导航栏始终固定在页面的上方。具体代码：写入事件监听，监听滚动条。mounted () { // 事件监听滚动条 window.addEventListener('scroll', this.watchScroll) }然后在 methods 中写入 watchScroll 方法。methods: { watchScroll () { var scrollTop = window.pageYOffset || docu
2021-04-19 09:28:44
586
原创 input输入框在IOS下无法输入任何内容
跟css 样式有关 去掉下列样式就可以了-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;或者这样写*:not(input, textarea) { -webkit-touch-callout: none; -webkit-user-select: none;}
2021-04-07 14:26:20
606
原创 第五章引用类型（5.2 Array 类型笔记）6/29
5.2 Array 类型5.2.2 转换方法toLocaleString() 、 toString() 和 valueOf() 方法toLocaleString() 方法时，与前两个方法唯一的不同之处，调用的是每一项的 toLocaleString() 方法，而不是 toString() 方法。请看下面这个例子。数组继承的 toLocaleString() 、 toString() 和 valueOf() 方法，在默认情况下都会以逗号分隔的字符串的形式返回数组项。使用 join() 方法，则可以
2020-06-29 16:49:15
120
原创 javascript 高级程序设计（三）
第 5 章 引 用 类 型引用类型是一种数据结构，引用类型有时候也被称为对象定义，因为它们描述的是一类对象所具有的属性和方法。5.1 Object 类型创建 Object 实例的方式有两种。第一种是使用 new 操作符后跟 Object 构造函数，如下所示：var person = new Object();person.name = "Nicholas";person.age = 2...
2019-04-23 15:40:30
106
原创 javascript 高级程序设计（二）
第 4 章 变量、作用域和内存问题4.1 基本类型和引用类型的值4.1.1 动态的属性定义基本类型值和引用类型值的方式是类似的：创建一个变量并为该变量赋值。var person = new Object();person.name = "Nicholas";alert(person.name); //"Nicholas" 但是，我们不能给基本类型的值添加属性，尽管这样做不会导致任何...
2019-04-17 09:04:49
77
原创 javascript 高级程序设计（一）
第 3 章 基本概念3.1 语法3.1.1 区分大小写是 ECMAScript 中的一切（变量、函数名和操作符）都区分大小写，变量名 test 和变量名 Test 分别表示两个不同的变量3.1.2 标识符所谓标识符，就是指变量、函数、属性的名字，或者函数的参数。标识符可以是按照下列格式规则组合起来的一或多个字符：第一个字符必须是一个字母、下划线（_）或一个美元符号（$）；其他字符...
2019-04-08 17:23:56
251
原创 javascript 学习一
1、JavaScript l类型&变量无论声明何种类型，全部都用关键字 var基本类型： 字符串类型(String) ： var str = " abc " ; 数字类型(number) ：var n = 123.25 / 123 / 123e5 ; 布尔类型 boolean ：var flag = true / false 对空（Null）： var a = null ...
2019-03-22 16:20:50
119
原创 Vue.js--相关开源项目介绍
15.1.1 是否需要服务端渲染 Vue.js2是支持服务端渲染的。查看一个网站是否是SSR，可以通过打开一个含有文章内容的网站查看源代码，看这些文字是不是在源代码里面，如果是就是SSR；或者通过chrome调试工具，在network中看是否有相关的异步请求来调取内容。很多网站使用SSR主要目的是做搜索引擎优化。是否需要SSR，最主要因素就是看是否需要SEO，换句话说，你的产品是面向...
2019-03-07 14:00:03
121
原创 Vue.js--iView经典组件剖析
iView 是一套基于Vue 扣2 的开源UI组件库，主要服务于PC 界面的中后台产品。简单地理解，它是深度封装的40 多个常用业务组件，比如Input 、Checkbox, Select 、Table ；但它同时也是一整套的前端解决方案，包括设计规范、基础样式，支持服务端渲染（ SSR ），同时提供了可视化脚手架，方便快速构建项目工程.12.1 级联选择组件Cascader级联选择是网页应...
2019-03-07 13:39:02
505
2
原创 Vue.js--插件
Vue扣提供了插件机制，可以在全局添加 些功能。它们可以简单到几个方法、属性，也可以很复杂，比如 整套组件库。本章将介绍几个官方的核心插件，然后通过实战来开发 个插件注册插件需要 个公开的方法 install ，它的第 个参数是 Vue 构造器，第 参数是一个可选的选项对象。示例代码如下：MyPlugin.install = function (Vue,options){ ...
2019-02-21 18:22:45
147
原创 vue进阶篇- 使用webpack
一、前段工程化与webpakcWebpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。从图中我们可以看出，Webpack 可以将多种静态资源 js、css、less 转换成一个静态文件，减少了页面的请求。webpack的主要使用场景是单页面富应用（spa）。spa通常是由一个html文件和一堆按需加载的js组成，如：...
2019-02-16 13:25:24
322
原创 vue进阶篇- Render函数
一、什么是Virtual DomReact和Vue2都使用了Virtual Dom技术，Virtual Dom并不是真正意义上的Dom，而是一个轻量级的JavaScript对象，在状态发生变化时，Virtual Dom会进行Diff运算，来更新只需要被替换的DOM，而不是全部重绘。与DOM操作相比，Virtual Dom是基于JavaScript计算的，所以开销会小很多。正常的DOM节点在H...
2019-02-06 21:48:40
1031
原创 vue基础篇- 自定义指令（第八章）
除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册自定义指令。一 、基本用法自定义指令也分全局注册和局部注册，比如注册一个v-focus的指令，用于在&lt;input&gt;、&lt;textarea&gt;元素初始化自动获得焦点//全局注册// 注册一个全局自定义指令 `v-focus`Vue.directive('focus', { // 当被...
2019-01-31 10:25:31
197
原创 vue基础篇- 组件详解（第七章）（二）
四、使用slot 分发内容1、什么是sloat当需要让组件组合使用，混合父组件的内容与子组件的模板时，就会用到slot，这个过程叫做内容分发。组件不知道它的挂载点会有什么内容。挂载点的内容是由的父组件决定的。 组件很可能有它自己的模板。props传递数据、events触发事件和slot内容分发就构成了Vue组件的3个API来源，再复杂的组件也是由这3部分构成。2、作用域 <...
2019-01-23 09:36:20
305
原创 vue基础篇- 组件详解（第七章）（一）
一、组件与复用1、为什么使用组件vue组件就是提高重用性，代码可复用。还有一些自定义标签，每一个标签代表一个组件，比如:<Card>、<Row>、<i-col>等。2、组件用法Vue组件需要注册后才可以使用。注册有全局注册和局部注册两种方式。全局注册Vue.component('my-component', {});要在父实例中使用这个组件，...
2019-01-17 13:15:28
305
原创 animate.css的使用
animate.css的使用animate.css是一个使用CSS3的animation制作的动画效果的CSS集合，里面预设了很多种常用的动画，且使用非常简单。本文将详细介绍animate.css的使用引入 animate.css的最新版本是3.5.2，引入animate.css很容易，有以下几种方法1、从官网下载https://raw.github.com/daneden/anima...
2019-01-16 09:46:58
176
原创 vue基础篇- 表单与v-model（第六章）
一、基本用法v-model 指令在表单 、 及 元素上创建双向数据绑定。 <div id="app"> <input type="" v-model="message" placeholder="输入..." /> <p>输入的内容是：{{message}}</p> </div&am
2019-01-03 17:57:32
137
原创 vue基础篇- 内置指令（第五章）
一、基本指令v-cloak :这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如 [v-cloak] { display: none } 一起用时，这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕。 <div v-cloak> v-cloak，渲染完成后才显示！{{message}} </div> var app =new Vue({...
2019-01-03 15:31:59
254
原创 vue基础篇v-bind 及 class 与 style绑定（第四章）
第四章一、了解v-bind指令v-bind主要用法是动态更新HTML元素上的属性，当数据变化时，就会重新渲染。&amp;amp;lt;div id=&amp;quot;#app&amp;quot;&amp;amp;gt; &amp;amp;lt;a v-bind:href='url'&amp;amp;gt;&amp;amp;lt;/a&amp;amp;gt;
2018-12-26 11:00:54
171
原创 vue基础篇-计算属性（第三章 ）
第三章 计算属性计算属性（computed）和普通属性一样是在模板中绑定计算属性的，当data中对应数据发生改变时，计算属性的值也会发生改变。Methods：methods是方法，只要调用它，函数就会执行。相同：两者达到的效果是同样的。不同：计算属性是基于它们的依赖进行缓存的，只有相关依赖会发生改变时才会重新求职。只要相关依赖未改变，只会返回之前的结果，不再执行函数。&amp;amp;amp;lt;p&amp;amp;amp;gt;原...
2018-12-19 16:12:16
173
原创 vue基础篇-初识 Vue.js（第一章）
第一章 Vue.js是什么？Vue（法语）同view(英语)Vue.js是一套构建用户界面（view）的MVVM框架。一、Vue.js的目的【视图组件化】1、双向数据绑定；2、指令；3、过滤器；4、路由器等等。二、什么是MVVM？MVVM可以拆分成：View — ViewModel — Model三部分MVVM模式M: model 业务模型，用处：处理数据，提供数据V:...
2018-12-07 17:29:35
519
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人