自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(22)
  • 资源 (3)
  • 收藏
  • 关注

原创 <router-view> can no longer be used directly inside <transition> or <keep-alive>

[Vue Router warn]: <router-view> can no longer be used directly inside <transition> or <keep-alive>.

2021-12-20 11:21:23 3221

原创 Nginx只允许域名访问网站,禁止使用IP访问80,443端口

在nginx.conf配置文件中编辑server { listen 80 default; listen 443 default_server; server_name _; return 403; ssl_certificate ***.pem; #随便找个pem ssl_certificate_key ***.pem; ssl_protocols TLSv1.1 TLSv1.2 TLSv1.3; ssl_ciphers E

2021-01-27 22:21:22 544

原创 vue封装element-ui的el-checkbox实现嵌套多选组件

vue封装element-ui的el-checkbox实现嵌套多选组件要实现的效果如何使用<multi-check-list :dataList="dataList" :isCheckAll='true' @change="handlerDataCheck"></multi-check-list>import MultiCheckList from './multiCheckList.vue';data() { return { dataList:[{

2021-01-11 17:38:59 3845 18

原创 美化网站的实用 CSS3 技巧

美化网站的实用 CSS3 技巧黑白图像.desaturate { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);}页面顶部阴影::before { content: ""; position: fix

2020-12-05 18:56:18 140

原创 修改浏览器滚动条默认样式

修改浏览器滚动条默认样式浏览器默认滚动条太宽,太丑,自定义浏览器滚动条样式,打造属于自己的滚动条风格组成滚动条主要有3部分组成,修改这3部分就能自定义滚动条::-webkit-scrollbar //滚动条整体样式::-webkit-scrollbar-track //外层轨道::-webkit-scrollbar-thumb //滚动条内部滑块/* 滚动条整体部分 */#wrapper::-webkit-scrollbar { width: 8px; height: 8px;}

2020-12-05 18:08:34 376

原创 SQL查询日期的方法

--今天的所有数据select * from 表名 where DateDiff(dd,datetime类型字段,getdate())=0--昨天的所有数据select * from 表名 where DateDiff(dd,datetime类型字段,getdate())=1--7天内的所有数据select * from 表名 where DateDiff(dd,datetime类型字段,getdate())<=7--30天内的所有数据select * from 表名 where

2020-11-06 15:28:20 840

原创 JS随机生成字符串的方法

const randomStr = (len) => { let str = "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"; let result = ""; while(len) { let index = Math.floor(Math.random() * str.length); result += str[index]; --len; } return result;}

2020-11-06 15:18:06 363

转载 解决Incorrect table definition; there can be only one auto column and it must be defined as a key

是因为设置的自增长字段不是主键

2020-09-13 23:11:21 501 2

转载 整理 node-sass 安装失败的原因及解决办法

文章出处node-sass 安装失败的原因npm 安装 node-sass 依赖时,会从 github.com 上下载 .node 文件。由于国内网络环境的问题,这个下载时间可能会很长,甚至导致超时失败。这是使用 sass 的同学可能都会遇到的郁闷的问题。解决方案就是使用其他源,或者使用工具下载,然后将安装源指定到本地。解决方法一:使用淘宝镜像源(推荐)设置变量 sass_binary_site,指向淘宝镜像地址。示例npm i node-sass --sass_binary_site=htt

2020-07-09 22:14:53 9837 2

原创 git如何解决fatal refusing to merge unrelated histories

refusing to merge unrelated histories这是因为远程仓库已经存在代码记录了并且那部分代码没有和本地仓库进行关联,我们可以使用如下操作允许pull未关联的远程仓库旧代码:git pull origin master --allow-unrelated-histories然后我们可以push代码了...

2020-06-30 22:52:44 147

原创 CSS中的BFC是什么?

什么是BFC块格式化上下文(Block Formatting Context)是一个独立的渲染区域,简单来说就是一个独立的盒子,并且这个盒子里的布局不受外部影响,也不会影响到外部元素BFC布局规则内部的Box会在垂直方向,一个接一个地放置。 Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠 每个元素的margin box的左边, 与包含块border box的左边相接触(对于从左往右的格式化,否则相反)。即使存在浮动也是如此。 BF

2020-06-26 19:31:51 489

转载 什么是微格式?在前端构建中应该考虑微格式吗?

微格式建立在已有的、被广泛采用的标准基础之上的一组简单的、开放的数据格式(microformats.org官方定义)。是把语义嵌入到HTML以便有助于分离式开发而制定的一些简单约定,是兼顾人机可读性设计的数据表达方式,对Web网页进行语义注解的方法。这种方法依托于标准的Web页面写作技术,例如,XHTML,这样引入语义信息对浏览器等所有现存的Web技术冲击最小。采用Microformat的 Web页面,在XHTML文档中给一些标签(Tag)增加一些属性(attribute),这些属性对信息的语义

2020-06-26 16:22:56 470

原创 一篇文章搞定JS原型链

学习JS的过程中,对原型对象和原型链是其中的重点和难点,花费了不少的时间才整明白这个知识点,如果下文有任何的错误和不足请指正!原型链是JS实现继承的一种方式,每个构造函数都有一个原型对象prototype属性,这个属性是一个指针,指向一个构造函数,而每个实例对象都有一个私有的属性(proto)指向它的构造函数的原型对象,这个原型对象也有一个自己的私有属性__proto__也是指向一个对象的原型对象,直到为null。function fun1() { this.a = 1; this.b

2020-06-12 23:59:36 164

原创 JS实现bind方法

bind()是在ECMAScript5中新增的方法,用于将一个函数绑定到一个对象,成为其方法,还可以用于构造函数。const obj = { sum:20, getSum: function() { return this.sum; }};const getSum = obj.getSum;console.log(getSum()); //undefined上面代码输出了undefined,getSum()执行时内部的this指向了window,而window并没有su.

2020-06-12 00:23:12 181

原创 babel不识别对象展开运算符时报错

babel不识别对象展开运算符时报错对象展开运算符时需要安装一个插件npm install --save-dev babel-plugin-transform-object-rest-spread然后在 .babelrc文件中配置{ "presets": [ ["es2015","stage-3"] ], "plugins":["transform-object-rest-spread"]}...

2020-06-08 22:15:18 1615

转载 JavaScript 的 4 种数组遍历方法: for VS forEach() VS for/in VS for/of

出处:JavaScript 的 4 种数组遍历方法: for VS forEach() VS for/in VS for/of 译者:Fundebug我们有多种方法来遍历 JavaScript 的数组或者对象,而它们之间的区别非常让人疑惑。Airbnb 编码风格禁止使用 for/in 与 for/of,你知道为什么吗?这篇文章将详细介绍以下 4 种循环语法的区别:for (le...

2019-03-11 11:06:22 223

转载 【转载】Git 提示fatal: remote origin already exists 错误解决办法

来源:https://blog.csdn.net/top_code/article/details/50381432使用git 添加远程github仓库的时候提示错误:fatal: remote origin already exists解决办法:1、先删除远程 Git 仓库$ git remote rm origin2、再添加远程 Git 仓库$ git remo...

2019-01-10 17:32:27 178

原创 JavaScript的slice、splice和split方法的区别

avaScript中slice、splice和split方法我有时候会搞混,傻傻分不清楚,所以想做下笔记sliceslice方法可以用在数组和字符串数组 array.slice(start, end)该方法对数组进行部分截取,接收两个参数,start是从数组索引0开始,end(可选)就是数组中一个元素的位置值(索引)+1,并且返回一个副本var arr = [1, 2...

2018-11-13 23:34:18 294

原创 阿里飞冰官网 Icework 一个集成框架 构建前端工具

阿里飞冰官网 Icework 一个集成框架 构建前端工具

2018-09-17 16:38:25 3433

原创 JavaScript中数组常用方法之join、push、concat、pop、shift的理解

join()把数组的所有元素通过指定的分隔符进行分隔成字符串不指定分隔符时,默认以英文逗号(,)分隔var colors = ["red","green","blue","orange"]console.log(colors.join()) // red,green,blue,orangeconsole.log(colors.join('-')) // red-g...

2018-08-07 23:17:20 860

原创 JavaScript的call()和apply()的理解

回忆录记得有一次面试,面试官问我,js怎么实现继承?我并没有思考,直接脱口而出,可以使用call()和apply()可以实现继承,他笑了笑就没有然后了....后来他问你还有什么要问的吗?我说我想知道js怎么实现继承,希望能得到你的指点然后他说原型链,你的js基础还很差...所以想再学习一遍,加深印象,希望能得到各路前辈的指点前言文档中是这样介绍的,call()和a...

2018-07-22 23:37:06 452

原创 我该不该写博客?

我该不该写博客?围绕这个话题,想了很久,两年前注册的账号,至今没发过一篇文章;当初注册一个账号心想也是为了写下东西,记录下来,但是种种原因吧,又没心思去写,也没有花精力在写博客上;也想着写了之后感觉没什么用,同时写出来之后也怕被人笑话。认识的一个朋友他是写小说的,偶尔也跟他交流一下,有时候就会有想写点东西的冲动,不过写着写着,词穷了,总是表达不出来自己内心所想的东西,又放弃写了。从这一个方...

2018-07-19 23:08:18 999 2

最新FE素材网模板源码

最新FE素材网模板源码,会员更新,积分金币下载,会员签到送积分,推广赚佣金等功能,完美箭筒自适应移动设施,带支付宝充值。这套模板适合虚拟物品销售,网页模板销售,虚拟素材销售等行业用,整站带数据,带安装文档。模板整体页面干净清晰,简洁。模板功能强大,注册时采使用邮件验证激活账号,下载模板时通过邮件通知使用户下载的模板信息。下载模板根据会员级别进行优惠,高级会员打折的方式。功能强大的不能再强大了

2018-11-22

Bootstrap3后台原创模板[AlphaAdmin]

【已更新】ALPHA后台管理系统模板基于Bootstrap3、JQuery写的,全套通用模板,包含Select2插件、Date插件等。可到https://www.idevst.com预览再下载

2018-08-13

gbk/utf8编码互转

GBK,UTF-8编码文件互转

2016-10-16

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除