- 博客(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 3389
原创 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 762
原创 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 4074 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 183
原创 修改浏览器滚动条默认样式
修改浏览器滚动条默认样式浏览器默认滚动条太宽,太丑,自定义浏览器滚动条样式,打造属于自己的滚动条风格组成滚动条主要有3部分组成,修改这3部分就能自定义滚动条::-webkit-scrollbar //滚动条整体样式::-webkit-scrollbar-track //外层轨道::-webkit-scrollbar-thumb //滚动条内部滑块/* 滚动条整体部分 */#wrapper::-webkit-scrollbar { width: 8px; height: 8px;}
2020-12-05 18:08:34 425
原创 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 928
原创 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 421
转载 解决Incorrect table definition; there can be only one auto column and it must be defined as a key
是因为设置的自增长字段不是主键
2020-09-13 23:11:21 549 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 9964 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 177
原创 CSS中的BFC是什么?
什么是BFC块格式化上下文(Block Formatting Context)是一个独立的渲染区域,简单来说就是一个独立的盒子,并且这个盒子里的布局不受外部影响,也不会影响到外部元素BFC布局规则内部的Box会在垂直方向,一个接一个地放置。 Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠 每个元素的margin box的左边, 与包含块border box的左边相接触(对于从左往右的格式化,否则相反)。即使存在浮动也是如此。 BF
2020-06-26 19:31:51 532
转载 什么是微格式?在前端构建中应该考虑微格式吗?
微格式建立在已有的、被广泛采用的标准基础之上的一组简单的、开放的数据格式(microformats.org官方定义)。是把语义嵌入到HTML以便有助于分离式开发而制定的一些简单约定,是兼顾人机可读性设计的数据表达方式,对Web网页进行语义注解的方法。这种方法依托于标准的Web页面写作技术,例如,XHTML,这样引入语义信息对浏览器等所有现存的Web技术冲击最小。采用Microformat的 Web页面,在XHTML文档中给一些标签(Tag)增加一些属性(attribute),这些属性对信息的语义
2020-06-26 16:22:56 531
原创 一篇文章搞定JS原型链
学习JS的过程中,对原型对象和原型链是其中的重点和难点,花费了不少的时间才整明白这个知识点,如果下文有任何的错误和不足请指正!原型链是JS实现继承的一种方式,每个构造函数都有一个原型对象prototype属性,这个属性是一个指针,指向一个构造函数,而每个实例对象都有一个私有的属性(proto)指向它的构造函数的原型对象,这个原型对象也有一个自己的私有属性__proto__也是指向一个对象的原型对象,直到为null。function fun1() { this.a = 1; this.b
2020-06-12 23:59:36 198
原创 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 224
原创 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 1769
转载 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 257
转载 【转载】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 217
原创 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 333
原创 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 956
原创 JavaScript的call()和apply()的理解
回忆录记得有一次面试,面试官问我,js怎么实现继承?我并没有思考,直接脱口而出,可以使用call()和apply()可以实现继承,他笑了笑就没有然后了....后来他问你还有什么要问的吗?我说我想知道js怎么实现继承,希望能得到你的指点然后他说原型链,你的js基础还很差...所以想再学习一遍,加深印象,希望能得到各路前辈的指点前言文档中是这样介绍的,call()和a...
2018-07-22 23:37:06 485
原创 我该不该写博客?
我该不该写博客?围绕这个话题,想了很久,两年前注册的账号,至今没发过一篇文章;当初注册一个账号心想也是为了写下东西,记录下来,但是种种原因吧,又没心思去写,也没有花精力在写博客上;也想着写了之后感觉没什么用,同时写出来之后也怕被人笑话。认识的一个朋友他是写小说的,偶尔也跟他交流一下,有时候就会有想写点东西的冲动,不过写着写着,词穷了,总是表达不出来自己内心所想的东西,又放弃写了。从这一个方...
2018-07-19 23:08:18 1021 2
最新FE素材网模板源码
2018-11-22
Bootstrap3后台原创模板[AlphaAdmin]
2018-08-13
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人