- 博客(23)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 css技巧总结以及容易忽略的冷门知识
css技巧总结1.其实css比大家了解的要神奇的多，可以利用css实现凹凸效果：<html> <span class="ao"></span> <span class="tu"></span> </html><style> .ao,.tu { display: inline-block; width: 0; font-size: 14px; line-height: 18p
2021-08-26 16:26:51
221
原创 CSS居中方式大全
水平居中的几种方式1.使用inline-block 和 text-align实现 .content{ width: 900px; height: 500px; background: pink; text-align: center; //这里的text-align：center子元素会继承该属性 //我们的目的是将元素居中而不是文本居中 }
2020-09-08 16:24:48
315
原创 两个并列inline-block元素互相影响问题
我不知道大家有没有遇到过这个问题，就是两个inline-block元素，如果是空的两个inline-block元素，那么就不会影响，如我们所想的显示。但是当我们往其中一个添加内容时，就会发生不可思议的一幕！元素错位了，可是为什么没有内容时，不会相互影响呢？这时我们在想肯定是内容影响的，所以我们给两个div都加上内容。可以看到两个元素都回到了我们想让它呈现的位置。那为什么inline-block元素的位置会受到其内容的影响呢？我们可以查到这样一句话inline-block元素可以将对象呈递为内
2020-09-04 17:54:38
1134
3
原创 element-UI非radio按钮单选Table表格(highlight-current-row),头部背景颜色更换以及默认某行不可选中不可高亮
1.首先大家现在查阅所有资料都可能无法找到关于highlight-current-row单选表格中的问题，这也是我在开发并且秃头的过程中踩过的好多坑，拿出来给大家分享分享。首先并不是radio单选表格，而是这种带色块的单选表格2.也就是配置highlight-current-row属性即可实现单选。之后由current-change事件来管理选中时触发的事件，它会传入currentRow，oldCurrentRow。如果需要显示索引，可以增加一列el-table-column，设置type属性为inde
2020-09-03 16:15:12
2817
原创 element-UI单选框表格默认选中某一行高亮状态,点击某一行获取表格的行数(表格数据下标)以及setCurrentRow方法无法选中问题解决
一.单选框表格默认选中某一行高亮状态1.首先，element ui-----table添加表格属性highlight-current-row，官方解释为是否要高亮当前行，其次添加 ref=“multipleTable”， <el-table :data="tableData3" @row-click="handle" ref="multipleTable" :header-cell-style="{backgroun
2020-08-25 13:37:43
9579
5
原创 element-ui表格中的复选框默认选中状态、禁用状态以及默认选中不可取消状态
一. 实现表格多选框1.首先要想在表格中实现多选：需要手动添加一个el-table-column，设type属性为selection即可；默认情况下若内容过多会折行显示，若需要单行显示可以使用show-overflow-tooltip属性，它接受一个Boolean，为true时多余的内容会在 hover 时以 tooltip 的形式显示出来。<el-table ref="multipleTable" :data="tableData3" tooltip-effect="da
2020-08-12 16:41:29
11645
3
原创 关于Vue使用第三方组件(Element Ui等)+scoped属性样式不生效问题
Vue引用了第三方组件，需要在组件中局部修改第三方组件的样式，而又不想去除 scoped 属性造成组件之间的样式污染。此时只能通过 >>>，穿透 scoped。有些Sass 之类的预处理器无法正确解析 >>>。可以使用 /deep/ 操作符 ( >>> 的别名)Vue的CSS中如果使用Element UI(获取其他第三方组件)解决办法如下<style scoped>普通穿透.el-table >>> .tbody
2020-06-19 17:52:14
1931
原创 React 新的生命周期钩子
React 的生命周期 API 一直以来十分稳定，但是当 React 团队在引入异步渲染机制的时候，发现之前的生命周期会的使用产生一些问题，所以才会改动生命周期 API。在 React 16.3 中，为下面三个生命周期钩子加上了 UNSAFE 标记:UNSAFE_componentWillMountUNSAFE_componentWillReceivePropsUNSAFE_compon...
2020-04-02 21:18:55
189
原创 GitHub 正式收购 npm
GitHub 正式收购 npm3 月 14 日，业界便有消息称 GitHub 计划收购广受欢迎的开源 JavaScript 包管理服务 npm，如今看来该笔收购已经正式完成。npm 全拼为 Node Package Manager，是 JavaScript 软件包管理器。自打十年前首次发布以来便深受好评，目前已经是全世界最大的开发者生态系统了。截至目前，npm 已经为超过 1200 万名开发者...
2020-03-18 22:02:21
181
原创 React Hook useEffect缺少依赖项：“列表”
reactjs react-hooks一旦运行下面的代码，就会出现以下错误： useEffect(()=>{ httpSuccess(['get','/crm/homemenu'],data => setList(data)) },[list])React Hook useEffect缺少依赖项：“列表”。 要么包含它，要么删除依赖项数组react-hook...
2020-03-11 18:39:31
2349
原创 JS 详解 Cookie、 LocalStorage 与 SessionStorage
基本概念CookieCookie 是小甜饼的意思。顾名思义，cookie 确实非常小，它的大小限制为4KB左右。它的主要用途有保存登录信息，比如你登录某个网站市场可以看到“记住密码”，这通常就是通过在 Cookie 中存入一段辨别用户身份的数据来实现的。localStoragelocalStorage 是 HTML5 标准中新加入的技术，它并不是什么划时代的新东西。早在 IE 6 时代，就...
2020-03-10 21:26:35
148
原创 三大主流框架优缺点概要
1.Angular js1.Angular一般意义上是指Angular v2及以上版本。它是一种前端应用框架，使用TypeScript语言。第一个版本实际使用Javascript，因此被称为AngularJS。2.作为最早的版本，AngularJS于2009年开始开发，于2010年发布初始版本。由于Angular 和 AngularJS开发语言不通，Angular JS仍在维护，1.7.5 版...
2020-03-09 22:32:06
844
转载 Cheerio
简介cheerio是jquery核心功能的一个快速灵活而又简洁的实现，主要是为了用在服务器端需要对DOM进行操作的地方 让你在服务器端和html愉快的玩耍var cheerio = require('cheerio'), $ = cheerio.load('<h2 class = "title">Hello world</h2>');$('h2.ti...
2020-01-08 20:23:02
312
原创 JS运行机制
1. 引言首先 talk is cheap，show me the code！console.log(1) setTimeout(() => { console.log(2) },1000)console.log(3)运行结果显而易见是：1 3 2因为我们的setTimeout做了延时处理啊！那么下面这行代码呢？console.log(1) ...
2019-12-20 21:02:44
117
原创 JS作用域
一.程序中的一段源代码在执行前都会编译为以下三个步骤;1.分词/词法分析就是把语句拆分成单个单个的词法单元。[ var ， a ，= ， 2， ；] 判断它们是否具有意义[' var ', ' a' ,' = ' , '2 ', ';']2.解析/语法分析将词法单元（数组）转换成由元素逐级嵌套的AST（程序语法结构的树）3. 代码生成将AST转化成可执行代码（机器指令）二.理...
2019-12-20 20:56:32
124
原创 Javascript -第一篇基础
Js书写过程1.实现布局2.想出对应可以实现的原理3.了解js语法，并且写出对应的代码且无BUG元素不显示（隐藏）1.display:none2.visibility:hidden3.opacity:04.width/height =05.拿空白div元素遮挡6.定位7.margin设置负值5,6，7,一般为不规范使用JS获取DOM元素的方法通过ID获取（getEle...
2019-12-20 20:47:39
339
原创 Vue项目中实现图片懒加载
对于图片过多的页面，为了加速页面加载速度，所以很多时候我们需要将页面内未出现在可视区域内的图片先不做加载， 等到滚动到可视区域后再去加载。这样子对于页面加载性能上会有很大的提升，也提高了用户体验。实现方法(使用vue的vue-lazyload插件)1.安装插件npm install vue-lazyload --save-dev2.在入口文件main.js中引入并使用import la...
2019-12-19 15:11:43
514
原创 React或Vue报错: 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\nodemon.ps1，因为在此系统上禁止运行脚本
在用脚手架搭建vue或者react项目时，提示 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\nodemon.ps1，因为在此系统上禁止运行脚本如图:这是你笔记本禁止运行脚本，解决办法1.管理员身份打开2.输入set-ExecutionPolicy RemoteSigned3.选择Y 或者A ，就可以解决...
2019-12-17 14:10:46
1770
原创 TypeError: Assignment to constant variable
以下为异常以下为源码常变量赋值原因： const定义了变量且存在初始值。 下面又给tableJoin赋值，则报错了解决：const 改为 let注： const定义变量必须赋初始值，let不需要赋初始值例如：const num 错误写法const num = 0 正确写法let num / let num = 0 两种写法皆正确...
2019-12-16 20:21:56
1505
原创 Node Error ： Cannot set headers after they are sent to the client
Node Error ： Cannot set headers after they are sent to the client问题原因在请求时 ，才会出现这种报错，一定是因为，浏览器请求一次之后，服务器后台返回了两次或以上的响应解决办法清理多余次数响应；每次响应后立马return掉函数router.get('/',function(req,res,next){ Go...
2019-12-11 19:10:37
496
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人