嚭-CSDN博客

例如a || b，如果a不存在，则返回b。a && b，如果a存在，则返回b，否则返回a。false：" " , false , 0 , null , undefined , NaN所以： a || b：如果a是true，那么b不管是true还是false，都返回true。因此不用判断b了，这个时候刚好判断到a，因此返回a。如果a是false，那么就要判断b，如果b是true，那么返回true，如果b是false，返回false，其实不就是返回b了吗。

2021-05-18 16:21:26 144

原创 import xxx from 和 import {xxx} from的区别

1、vueimport FunName from ‘../xxx’1、jsexport defualt function FunName() { return fetch({ url: '/article/list', method: 'get' });}2、vueimport {FunName } from ‘../xxx’2、jsexport function FunName() { return fetch({ url: '/article/l

2021-05-18 14:14:34 125

原创 css 文本超出就隐藏并且显示省略号

一行overflow:hidden; //超出的文本隐藏text-overflow:ellipsis; //溢出用省略号显示white-space:nowrap; //溢出不换行多行overflow: hidden;text-overflow: ellipsis;display:-webkit-box; //作为弹性伸缩盒子模型显示。-webkit-box-orient:vertical; //设置伸缩盒子的子元素排列方式--从上到下垂直排列-webkit-line-clamp:2; /

2020-12-14 17:17:01 246

原创 vue之性能优化

一、源码优化模块化封装成组件，减少代码冗余，每个组件有明确含义，复用性越高越好，可配置性越高越好，包括css。for循环设置key循环时添加key，便于呢行代码更好找到该条数据，新旧值相比时可以更快的定位到diff。路由懒加载首屏渲染时能够加快渲染速度避免内存泄漏使用过后的全局变量在组件销毁后重新置为null。keep-alive对组件进行缓存，节省性能。v-if 和 v-show看场景，自行选择减少watch的数据数据变化量大的时候会有卡顿现象,可以

2020-09-14 14:35:18 149

原创知识

闭包能够访问另一个函数作用域的变量的函数闭包的实质：就是因为函数嵌套还形成的作用域链闭包的定义：函数A内有一个函数B，函数B可以访问到函数A的变量，那么函数B就是闭包闭包的优点：避免全局变量的污染；能够实现封装和缓存闭包的缺点：消耗内存（由于会携带包含它的函数和变量），使用不当会造成内存溢出闭包的特性：函数内嵌套函数；内层函数可以应用外层函数的参数和变量；参数和变量不会被垃圾回收机制回收（解决：在退出函数之前将不使用的变量删除）。闭包的坑点：1、引用的变量可能发生变化前：funct

2020-09-08 16:31:37 120

原创网页兼容手机端适配问题

android手机用USB线连接电脑，打开调试选项，并且手机也需要安装谷歌浏览器。在Chrome浏览器中输入chrome://inspect/#devices，就能看到手机端显示页面的路径信息了，注意只有H5页面才可以。然后点击inspect，进去之后就可以看到浏览器显示的手机端页面了，第一次进入可能需要翻墙。然后我们就可以很方便地定位问题，并且实时更改样式，验证自己的想法是否有效。ios在...

2020-03-21 14:38:51 1634 1

原创网站F12审核元素自定义输出内容

index.htmlif (window.console && window.console.log) { console.log('不好！被你发现了！'); console.log('既然你发现了这个隐藏的秘密，就准备受死吧！'); console.log("%c 想想挺好啊 %c Copyright \xa9 2018-%s", 'font...

2019-12-04 13:48:57 422

转载 CSS cursor 属性

值描述url需使用的自定义光标的 URL。注释：请在此列表的末端始终定义一种普通的光标，以防没有由 URL 定义的可用光标。default默认光标（通常是一个箭头）auto默认。浏览器设置的光标crosshair光标呈现为十字线pointer光标呈现为指示链接的指针（一只手）move此光标指示某对象可被移动e-resize此光标...

2019-11-27 17:30:34 73

原创 CSS权重

CSS权重类型权重! important无穷行间样式1000id100class/属性选择器/伪类:hover10标签选择器/伪元素:after1通配符0当无法修改插件的样式时,可以用/deep/进行深度选择常用伪类hover和activefirst-child last-child nth-child(n/odd/...

2019-11-27 15:19:55 136

原创 HTML识别\n

在所呈现的标签中加上white-space: pre-line;(css样式)

2019-11-11 15:47:13 1387

原创 vue小技巧

v-for中的key为每个节点添加唯一标识，提高虚拟DOM的更新效率soped的实现原理主要通过PostCSS转译实现<style scoped>.example { color: red;}</style>转译后<style>.example[data-v-5558831a] { color: red;}</styl...

2019-11-05 19:43:31 111

原创浏览器对视频格式的支持

浏览器及平台支持的视频格式ChromeMP4, WebMFirefoxMP4, WebMInternet ExplorerMP4AndroidMP4iOSMP4SafariMP4因为版权原因（每个浏览器的开发商如果要在自己开发的浏览器上支持相应的视频格式需要向该视频格式的开发者购买使用资格，主要因为价格原因），并不是所有浏览器对所...

2019-11-05 11:09:36 2281 2

原创弹窗滑动穿透

弹窗滑动穿透页面内容较多时(y方向可以滑动),弹出弹窗,弹窗不可动,h5页面滑动######1. watch 视弹窗的弹出状态动态设置h5页面的style属性：overflow-y 为auto或者hidden。######2. 防止滑动穿透 @touchmove.prevent=""<div class="right-description" v-show="showPop...

2019-11-05 09:30:50 249

原创 vue生命周期浅理解

简单来说，生命周期包含八个:beforeCreate created //出生前后beforeMount mounted //挂载前后beforeUpdate updated //更新前后beforeDestory destoryed //销毁前后其中最常用到的是 created 和 mounted ，而 beforeCreate 和 destory...

2019-08-16 15:26:37 78

原创虚拟DOM浅理解

虚拟DOM往简单了说就是用一种简便的方法去实现对DOM元素的操作。为什么要用：就是为了要解决浏览器的性能问题好处：页面的更新可以先全部反映在JS对象(虚拟DOM)上，操作内存中的JS对象的速度显然要更快，等更新完成后，再将最终的JS对象映射成真实的DOM，交由浏览器去绘制。实现过程：可以通过Element方法可以用来创建虚拟DOM Element实现...

2019-08-15 09:34:53 114

原创 css伪元素画小三角

.icon{ position: relative;}.icon:after{ content: ""; display: block; width: 0; height: 0; border-top: 0.09rem solid #555; border-left: 0.09rem solid transparent; border-rig...

2019-08-12 20:07:12 1057

原创原生js封装分页器(繁琐版)

html:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>分页器</title> <style type="text/css"> * { margin: 0; padding: 0; } ul ...

2019-08-05 15:04:00 908

原创原生js封装选项卡

HTML：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>选项卡</title> </head> <body> <div class="tapBar" id="t1"></div> &...

2019-08-04 19:00:47 144

空空如也

空空如也