lilyheart的博客

跳转链接

filter过滤数组中null,undefined

1、容器查询@container：容器查询依据的是元素的父元素或者祖先祖先元素的大小。容器查询的属性有三个，分别是：使用浏览器，需要手动在页面开启设置。级联层：适用场景当我们需要覆盖组件原来的样式来应用我们自己的样式时，以前一般会用优先级更高的样式名覆盖，或者ID选择器或者嵌套多层或者!important来实现，而级联层可以很好的解决这个问题，如下：多个级联层的优先级顺序为越写在后面的优先级越高。2、伪类选择器:has() ：也可以叫做父类选择器，接受一个选择器组作为参数，通过它可以

<div class="scrolllist" id="s1"> <a class="abtn aleft" href="#left" title="左移"></a> <div class="imglist_w"> <ul class="imglist"> <li> <a href="#"><img src="images/t1.png"/><span>下载</span&.

控制台报这个错的话，先排查html代码中是否使用了xxx.length，代码中是这样写的，<el-table> <el-table-column label="操作" align="center" width="330"> <template slot-scope="scope"> <el-button v-show="scope.row.children.length>0" size="mini" ...

let colorList = ['red','green','yellow'];

...

https://nodejs.org/uk/blog/release/v10.23.1/

我们在下载安装包的时候，会遇到同版本的不同类型下载版本，这不同版本应该怎么选择呢，我有遇到这种情况，因此记录下来：

草稿1.永远不要把 v-if 和 v-for 同时用在同一个元素上，带来性能方面的浪费（每次渲染都会先循环再进行条件判断）如果避免出现这种情况，则在外层嵌套template（页面渲染不生成dom节点），在这一层进行v-if判断，然后在内部进行v-for循环<template v-if="isShow"><p v-for="item in items"></template>如果条件出现在循环内部，可通过计算属性computed提前过滤掉那些..

基础选择器标签选择器、类选择器、ID选择器、通配选择器属性选择器[attr]：指定属性的元素；[attr=val]：属性等于指定值的元素；[attr*=val]：属性包含指定值的元素；[attr^=val]：属性以指定值开头的元素；[attr$=val]：属性以指定值结尾的元素；[attr~=val]：属性包含指定值（完整单词）的元素（不推荐使用）；[attr|=val]：属性以指定值（完整单词）的元素（不推荐使用）；组合选择器相邻兄弟选择器：A+B；普通兄弟

脚后跟

h官方

1.修改谷歌浏览器滚动条的样式：包含7个属性：::-webkit-scrollbar滚动条整体部分，可以设置宽度啥的 ::-webkit-scrollbar-button滚动条两端的按钮 ::-webkit-scrollbar-track外层轨道 ::-webkit-scrollbar-track-piece内层滚动槽 ::-webkit-scrollbar-thumb滚动的滑块 ::-webkit-scrollbar-corner边角 ::-webkit-resizer...

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;原生JavaScript封装选项卡插件&lt;/title&gt; &lt;style&gt; * { m

&lt;div&gt; &lt;select id="first" onchange="setSecond(this)"&gt; &lt;option value="en"&gt;en&lt;/option&gt; &lt;option value="zh"&gt;zh&lt;/option&gt; &l

方法一：1.安装两个依赖： npm install -S file-saver xlsx npm install -D script-loader2.项目中新建一个文件夹（名字自起）：里面放置两个文件Blob.js和 Export2Excel.js，3.在.vue文件中　　 写这两个方法：其中list是表格的数据export2Excel() {　　　　　　require.ensure([], () => {　　　　　　　　cons

vue父子组件通信props，$ emit , vuex , provide/inject , $ attrs/$ listeners，$root , $parent, $refs, eventBusvue为什么不兼容ie8因为ie8没有实现Object.defineProperty()input的input事件会自带event参数，如何同时绑定其他参数@input="(event)=>{handleInput(event,‘加参数’)}"js实现简单的双向绑定<b

VSCode的应用商店搜索any-rule，安装成功后按下F1（Mac下fn+F1），输入关键词搜索，如“手机”，会有正则表达式喔。更加详细的可点链接https://any86.github.io/any-rule/火车车次/^[GCDZTSPKXLY1-9]\d{1,4}$/手机机身码（IMEI）/^\d{15,17}$/必须带端口的网址/^((ht|f)tps?:\/\/)?[\w-]+(\.[\w-]+)+:\d{1,5}\/?$/网址（URL，支持端口和".

之前的项目，隔了一段时间没有再改，今天因要移代码，启动了下代码，报如下错误：因之前代码一直没有问题，上网搜了下有两种方法：1. 回退低版本npm install -D babel-loader@7 babel-core babel-preset-env2.更新到最高版本:npm install -D babel-loader @babel/core @babel/preset-env webpack最终，选第二种方法经测验可行，项目正常运行，猜想是一些依赖更新了...

.login-container { background: url(/static/img/pic.e0485801.png) 200px no-repeat,linear-gradient(90deg, #10ad89 0%, #1ca4be 100%);}在做登录页面时，UI给的背景图是分为背景渐变 和背景图片，在一个元素标签上展示，实践过以上写法可以实现。从网上搜索时，搜到的结果是，1.渐变属性与图片属性中间用逗号隔开； 2.渐变属性要在图...

判断对象中是否包含某个属性名1.indexOf 可以判断数组是否包含某个值，返回该值对应的下标；对于不存在的值，返回-1；ES6还提供了其他几种判断对象是否包含属性名的方法：2.in：属性名 in 对象（判断属性名是否存在对象中存在，返回一个布尔值）；var obj = { name:'张三', age:22, sex:'male' };console.log('name' in obj); /trueconsole.log('p

经纬度正则验证

在web请求中可能涉及到ajax的get请求，参数为中文的情况。在Chrome或者Firefox下，请求正常，但IE下返回结果不对。通过比对发现，在IE浏览器下的请求参数出现了乱码。最近，使用vue-cli3构建的项目，在IE中测试，发现前端发送get请求带中文的参数时，请求发送成功，但是接口没有返回数据，尝试了各种方法（包括在给请求头中'cache-control': 'no-c...

说到跨域的问题，我们先来理清同源和同源策略的知识，同源：指协议、域名、端口三者都相同。同源策略(same origin policy)：是一种约定，它是浏览器最核心也是最基本的安全功能，缺少它浏览器的正常功能都可能会受到影响。Web是构建在同源策略之上的，浏览器只是针对同源策略的一种实现。像<script>,<img>,<iframe>,<li...

最近总结了有关前端面试的相关试题，废话不多说，大家对照着把每个点的相关知识理解下，面试基本没问题：CSS盒模型flex布局 CSS单位 CSS选择器 bfc清除浮动 层叠上下文 常见页面布局 响应式布局 CSS预处理，后处理 CSS3新特性（animation和transition的相关属性，animate和translate） display有哪些取值 相邻的两个...