linggty的博客

header{ text-align:center; background:url(“/assets/jeff-bg.png”); background-size:cover; color:white; } a{ color:white; text-decoration:none; height:30px; line-hei

短路求值（Short-Circuit Evaluation）三目运算符是一个很方便快捷的书写一些简单的逻辑语句的方式x > 100 ? 'Above 100' : 'Below 100';x > 100 ? (x > 200 ? 'Above 200' : 'Between 100-200') : 'Below 100';但是有些时候当逻辑复杂之后，三目运算符书写起来可...

使用elementUI中的日期类组件时，如果在组件中使用了v-if则会导致日期弹出窗错位，将v-if改成v-show即可

全局使用我在src目录下新建了api文件夹，里面有封装ajax请求的index.js文件idnex.js的内容将该模块export出去，然后在main..js文件中用import api from './api/index'导入该模块最后使用Vue.prototype.$api = api;将其配置到全局即可在组件中用this.$api.test()即可访问到test方法组件中使用...

解构赋值虽然很方便，但是解析起来并不容易。对于编译器来说，一个式子到底是模式，还是表达式，没有办法从一开始就知道，必须解析到（或解析不到）等号才能知道。由此带来的问题是，如果模式中出现圆括号怎么处理。ES6 的规则是，只要有可能导致解构的歧义，就不得使用圆括号。但是，这条规则实际上不那么容易辨别，处理起来相当麻烦。因此，建议只要有可能，就不要在模式中放置圆括号。不能使用圆括号的情况以下三种...

cell组件inline-desc属性可以在标题的下方插入一行描述， 要实现三行效果 可以使用slot插槽中的inline-desc自己写元素 例如这样

全局方式 方法一 在webpack.base.conf.js文件中配置{ name: 'less-theme', path: 'src/styles/theme.less' // 相对项目根目录路径 } 然后在配置的路径写入对应的.less文件 类似这样 局部方式 方法二 使用/deep/或&g...

Sublime 常用插件及快捷键插件1、ConvertToUTF8　　支持 GBK, BIG5, EUC-KR, EUC-JP, Shift_JIS 等编码的插件2、Bracket Highlighter　　用于匹配括号，引号和 html 标签。对于很长的代码很有用。安装好之后，不需要设置插件会自动生效3、DocBlockr　　DocBlockr 可以自动生成 PHPDoc 风...

一元运算符 一元运算符只需要一个操作数 + 正号 不会对数字产生任何影响 - 负号 负号可以对数字进行符号的取对于非Number类型的值，它会先将其转换为Number，然后再运算 可以对一个其他的数据类型使用+ 来将其转换为number，它的原理和Number()函数一样var result = +null;console.log("result = "

数据类型 数据类型指的就是字面量的类型 在js中一共有六种数据类型String 字符串 Number 数值 Boolean 布尔值 Null 空值 Undefined 未定义 Object 对象其中String、Number、Boolean、Null、Undefined属于基本数据类型 而Object属于引用数据类型 Null（空值）类型的值只有一个，就是null nu

对带有指定属性的 HTML 元素设置样式 可以为拥有指定属性的 HTML 元素设置样式，而不仅限于 class 和 id 属性 注释：只有在规定了 !DOCTYPE 时，IE7 和 IE8 才支持属性选择器。在 IE6 及更低的版本中，不支持属性选择。属性选择器对带有title属性的所有元素设置样式：[title]{color:red;}属性和值选择器为所有title=“w

内容对齐（justify-content）属性应用在弹性容器上，把弹性项沿着弹性容器的主轴线（main axis）对齐。该操作发生在弹性长度以及自动边距被确定后。 它用来在存在剩余空间时如何加以分配，也会在发生内容溢出时影响项目的对齐。注意：弹性布局中有两个基本术语main axis和cross axis，一般情况下，我们可以把它们各自看作是屏幕上的行向和列向（但是严格讲，这和写模式以及弹性流方向有

text-align（居中）属性只能在块元素上设置，在内联元素中不起作用 2.元素的宽度=内容区宽度+左、右内边距+左、右外边距+2*边框宽度

css添加渐变效果可以用如下代码： background:linear-gradient(bottom,rgba(0,0,0,1),rgba(0,0,0,.4)); 线性渐变 从底部向上 由黑色不透明到黑色0.4透明 还有一种放射渐变：radial-gradient，由中心向四周发射 在safari、chrome还有opera中：background:-webkit-linear-gradi

内边距的百分比数值百分数值是相对于其父元素的 width 计算的，这一点与外边距一样。所以，如果父元素的 width 改变，它们也会改变。下面这条规则把段落的内边距设置为父元素 width 的 10%：p {padding: 10%;}例如：如果一个段落的父元素是 div 元素，那么它的内边距要根据 div 的 width 计算：<div style="width: 200px;"><p>This

背景图像固定 如果文档比较长，那么当文档向下滚动时，背景图像也会随之滚动。当文档滚动到超过图像的位置时，图像就会消失。 您可以通过 background-attachment 属性防止这种滚动。通过这个属性，可以声明图像相对于可视区是固定的（fixed），因此不会受到滚动的影响：body { background-image:url(/i/eg_bg_02.gif); ba

页面在不同屏幕大小的设备时可以用： @media(max-width:500px){ body{ background:red; } }中间部分写上需要改变的样式。javascript代码格式：$(元素名).on（事件类型，要实现的操作）; 例如： <script> $("button").on("click",function(){ });

先准备一个json对象用于演示var json = { 'name':'zhangsan', '年龄':23, 404:'你可能迷路了' };使用JS中with关键字 with(json) { console.log(name);//输出:zhangsan console.log(年龄);//输出:23 console.log(404);//输出:...