- 博客(60)
- 收藏
- 关注
RSS订阅原创 methods，watch，computed比较
1.methods，表示具体的操作，主要书写业务逻辑： <form class="form-horizontal"> <div class="form-group"> <label class="col-xs-2 control-label col-xs-offset-1" for="msg"&g...
2019-10-26 21:41:20
183
原创 按钮和图片
a/button/input均可使用按钮样式，建议给button使用 <button class="btn btn-default">default</button> <button class="btn btn-primary">parimary</button> <button class="btn btn-succ...
2019-10-25 20:15:59
246
原创 基本路由
<div id='app'> <router-link to='/login'>login</router-link> //router-link用来导航 <router-link to='/regist'>regist</router-link> <router-view></router-view&...
2019-10-25 16:44:31
192
原创 表单
input/textarea/select设置.form-control，width将成为100%<form> <div class="form-group"> <label for="email">Email:</label> <input type="text" class="form-control" placeholder=...
2019-10-25 16:10:51
154
原创 表格
/*table标签*/.table 普通表格.table-striped 斑马表格.table-bordered 带边框的表格.table-hover 鼠标悬浮样式.table-condensed 紧凑型表格/*tr/th/td标签*/.active 鼠标悬停在行或单元格上时所设置的颜色.success 标识成功或积极的动作.info 标识普通的提示信息或动作.warning...
2019-10-25 13:31:19
140
原创 栅格
<div class="container"> //栅格需在容器内,container/container-fliud <div class="row"> //行，一行最大跨度为12 <div class="col-xs-8">col-xs-8</div> //移动端 <di...
2019-10-24 19:04:46
178
原创 实例中组件调用该实例的属性和方法
<div id='app'> <component :is="'comp'" :dataname='msg' @funcname='fun'></component></div>var vm = new Vue({ el: '#app', data: { msg: 'message' }, me...
2019-10-24 17:02:29
470
原创 文本
.container 固定容器.lead 字体较小.text-left/center/right 字体位置.text-lowercase 小写.text-uppercase 大写.text-capitalize 首字母大写
2019-10-24 14:56:31
140
原创 组件
全局组件：Vue.component('myComponent', { template: "<h3>It's a component.</h3>", ...});局部组件：var comp = { template: "<p>a component</p>", ...}var vm = new Vue(...
2019-10-24 14:29:10
121
原创 自定义指令
Vue中有内置指令v-model等还可自定义指令全局指令：Vue.directive('focus', { bind: function(){}, //指令绑定时执行 inserted: function (el) { //元素插入DOM中时执行 el.focus(); }, updated: function(){} //更新时执行});//钩...
2019-10-23 18:26:55
262
原创 less中的继承
/*ex.less*/p{ color: aquamarine; margin: 10px;}方式一：@import './ex.less';div:extend(p) { padding: 30px; border: 1px black solid;}方式二：@import './ex.less';div { &:exte...
2019-10-23 15:45:29
434
原创 const,var,let
/* const var let 区别 *//** const * const定义常量，一旦定义后不可修改，且必需初始化 */const con = 1;/** var * 定义变量，可修改其值，不初始化则为undefined */var va;/** let * 用于块级作用域的变量，函数内部使用，对函数外不造成影响 */let le = 6;...
2019-10-23 11:53:32
114
原创 padStart()
/** padStart() * String.padStart(targetLength [,padString]) * targetLength，字符串填充后的目标长度，如果小于当前字符串长度，则返回当前字符串 * padString，可选，默认值为' '，填充字符串 * padStart在原字符串开头处填充 * padStart不改变原字符串...
2019-10-23 11:35:45
372
原创 过滤器
过滤器用于文本格式化过滤器可以用在两个地方：双花括号插值 和 v-bind 表达式<!-- 在双花括号中 -->{{ message | capitalize }}<!-- 在 `v-bind` 中 --><div v-bind:id="rawId | formatId"></div>全局过滤器，所有Vue实例对象都可使用：Vue....
2019-10-23 10:52:06
150
原创 内置模块fs
readdirSync(path)const fs = require('fs'); //引入fs模块let dirs = fs.readdirSync('./'); //同步读取console.log(dirs); //输出指定路径下目录信息readdir(path,callback(err, data))const fs = require('fs'); //引入fs模块...
2019-10-22 20:42:29
186
原创 jQuery方法
/** 静态方法和实例方法： * 1.直接添加给类的是静态方法 * 2.通过类的实例调用的是实例方法 */function classCustom() {}classCustom.staticMethod = function () { //添加静态方法 alert("run staticMethod");};classCustom.prototype.i...
2019-10-22 20:00:42
136
原创 opacity
/* opacity 透明度： 取值范围[0 ~ 1] 0表示完全透明，1表示不透明 CSS中颜色会混合叠加*//*兼容IE8及以下*//* filter: alpha(opacity=value); value取值范围[0 ~ 100] 0表示完全透明，100表示不透明*/...
2019-10-22 18:04:38
176
原创 position
/*定位*//* position: static：默认值，元素不开启定位 relative：开启相对定位 absolute：开启绝对定位 fix：开启固定定位(绝对定位的一种) 选用一个水平偏移量和一个垂直偏移量就可定位*//* 相对定位： 1.相对定位是相对元素在文档流中的原位置的定位 2....
2019-10-22 17:53:02
257
原创 Node入门
Node运行环境 直接在命令行写代码模块化内置模块第三方模块自定义模块 创建一个模块（一个JS文件就是一个模块） 导出一个模块（module.exports=name） 引用一个模块并调用示例：...
2019-10-22 16:14:33
248
原创 混合
less混合 1.普通混合，不带()，另外生成一个CSS类 2.不带输出的混合，带()，不另外生成一个CSS类 3.带参数的混合@clo: blue;@siz: 16px;.mix(@c, @f) { color: @c; font...
2019-10-22 12:11:58
137
原创 Less入门
lessless是一种动态样式语言，属于CSS预处理器，它扩展了CSS语言less可在客户端运行，也可借助Node.js在服务端运行less中的注释以//开头的注释，不被编译至CSS文件以/**/包裹的注释被编译至CSS文件less中的变量使用@来声明less中的变量 @varName:varValue; &nb...
2019-10-22 10:24:32
181
原创 float
/* 元素浮动： float属性设置浮动，元素脱离文档流 none，默认值，元素处于文档流中 left，元素左浮动 right，元素右浮动 浮动元素不超出其父元素 浮动元素之下的元素向上补齐 浮动元素之上为没有浮动的块元素，则该元素不超过其上元素 一行容不下多个...
2019-10-21 15:37:56
195
原创 overflow&&文档流
/* overflow： visible，默认值，超出部分显示 hidden，超出部分不显示 scroll，无论内容是否超出，给出横纵方向滚动条 auto，根据内容区情况自动加滚动条*//* 文档流： 块元素： 1.独占一行，自上向下排列 2.width默认值为auto，显示为父元...
2019-10-21 10:50:33
272
原创 includes()
includes()方法：/** Array.includes(searchElement, formIndex) * searchElement，必需，要查找的元素值 * formIndex，可选，从该索引处查找，若为负值，则从Array.length+formIndex索引处查找 * 判断数组是否包含指定的值，包含就返回true，否则返回false */var arr = [...
2019-10-20 21:13:44
415
原创 indexOf()
indexOf()方法：/** String.indexOf(searchValue, formindex) * searchValue，必需，需检索的模式串 * formindex，可选，规定在主串中开始检索的位置 * 返回模式串在主串首次出现的位置 * 若匹配失败，则返回-1 */var str = 'hello world';var result;result = ...
2019-10-20 20:59:23
321
原创 some()&&findIndex()
some()方法：/** Array.some(function(currentValue, index, arr), thisValue); * currentValue：必需，当前元素的值 * index：可选，当前元素的索引值 * arr：可选，当前元素属于的数组对象 * thisValue：可选，作为回调函数的this * some()方法检查数组元素是否满足指定条件...
2019-10-20 19:59:49
272
原创 盒子模型
块级元素盒子模型：/*块级元素的盒子模型*//*设置内容区的高度和宽度 width/height： 内容区放置子元素*/.content { width: 100px; height: 100px;}/*设置边框 border-width：边框的宽度 border-color：边框的颜色 border-style：边框的样式 none，默认值...
2019-10-18 15:29:08
105
原创 jQuery核心函数
jQuery核心函数[$();]：/** 1.接受一个函数 * */$(function () { alert("hello");});/** 2.接受一个选择器 * */$(function () { var $box = $('.box');});/** 3.接受字符串代码片段 * */$(function () { var $p...
2019-10-17 16:25:45
108
原创 jQuery解决冲突的方法
1.释放$的使用权：jQuery.noConflict(); //释放$的使用权，释放后不能再使用$，而应使用jQueryjQuery(function () { alert("hello");});2.自定义新的访问符号：var myIcon = jQuery.noConflict(); //新建访问符号myIcon(function () { alert("h...
2019-10-17 16:06:30
155
原创 字体及文本样式
字体及文本样式：/* font-size： 浏览器一般默认字体大小16px， 实际设置的是围绕字体的区域大小，字体实际大小不一定等于font-size设定值*/.size { font-size: 16px;}/* font-family： 网页中字体可分为五大类： serif(衬线字体) s...
2019-10-17 15:49:23
244
原创 长度单位
长度单位：/*1.像素(px) 不同显示器的像素大小不同 显示效果越清晰，像素越小，反则越大*/.length1 { width: 100px;}/*2.百分比(%) 根据其父元素的样式计算本元素的样式 自适应页面中常使用百分比*/.length2 { width: 50%;}/*3.em 相对于当前元素的字体大小来计算 设置字体相关的样...
2019-10-17 10:42:55
167
原创 文本标签
文本标签： <!--em表强调，斜体显示--> <p>I am <em>a</em> P.</p> <!--strong表强调，粗体显示--> <p>I am <strong>a</strong> P.</p> <!--i以斜体显示...
2019-10-17 10:34:24
127
原创 设置样式
使用外部样式：<!--1.直接传递数组--><p :class="['setColor','setSize']">よろしくお願いします</p><!--2.数组中使用三元表达式--><p :class="['setColor',set?'setSize':'']">よろしくお願いします</p>...
2019-10-16 19:32:56
166
原创 事件修饰符
事件修饰符：/**事件修饰符： * .stop 阻止冒泡，只阻止祖先元素的冒泡，子元素不阻止 * .prevent 阻止默认行为 * .capture 触发捕获事件机制(事件顺序与冒泡相反) * .self 只有当点击当前元素，才触发事件处理函数，只阻止自身的冒泡，不真正阻止冒泡 * .once 只触发一次事件处理函数 */使用示...
2019-10-16 18:02:19
174
原创 Vue.js入门
简单的Vue使用：<!DOCTYPE html><html><head> <meta charset="UTF-8" /> <title>Vue.js</title> <link href="./style.css" rel="stylesheet" /> <scrip...
2019-10-14 22:39:00
143
原创 浏览器内核
浏览器内核： /**浏览器内核： * Chrome，Safari：webkit * firefox：Gecko * IE：Trident */ /**内核的模块组成： * JS引擎模块：负责JS程序的编译与执行 * HTML，CSS文档解析模块：负责页面文本的解析 * ...
2019-10-14 14:32:07
157
原创 进程与线程
进程与线程： /**进程与线程： * 进程是程序的执行，占有独有的内存空间 * 线程是进程内的独立执行单元，CPU的最小调度单元 * 应用程序运行在进程的线程上 * 一个程序至少有一个运行的进程，主进程 * 一个进程可运行多个线程，称为多线程 * 一个进程内的数据可供其多个线程共享...
2019-10-14 14:26:08
85
原创 JS中的继承
原型链继承： /**1.原型链继承： * 子类型的原型为父类型的实例对象 */ function Supper() { //父类型 this.propName = 'sup'; } Supper.prototype.display = function () { //父类型的原型中添加display方法 ...
2019-10-14 13:34:33
127
原创 创建对象的5种方法
Object构造函数： /**1.通过Object构造函数 * 先创建空Object对象，再动态添加属性(方法) * 适用于起始时不确定内部数据的对象 * 语句过多 */ var doggy = new Object(); doggy.name = "doggy"; doggy.age = 18; ...
2019-10-14 13:07:19
240
原创 闭包
闭包： /** * 循环遍历添加事件监听： */ var btn = document.getElementsByTagName("button"); for (var i = 0, length = btn.length; i < length; i++) { //btn为伪数组，避免btn.length每次都计算 btn[i]...
2019-10-13 17:43:05
117
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人