向着光芒的女孩

自学web前端3年,坚持瑜伽6年,是个有毅力的性格温柔但是充满力量的程序媛~...

自定义博客皮肤

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

【资源总结】前端资源收集

前端摸索过程插件学习与解决方法记录下来:一:前端资源 1.软实力 1.1:开发人员的必备技能 http://blog.csdn.net/powertoolsteam/article/details/71514615 1.2:掌握这个套路,80%的问题你都能靠自己解决 http://blo...

2017-04-26 21:55:11

阅读数 775

评论数 0

【技术】js中的setTimeout的this指向window对象

研究了一上午发现setTimeout的使用jquery的$(this)总是赋值不上,后来打印了一下,发现原来setTimeout里使用this指向的是window。 var testThis={ a:function(){ console.log(this); //{a: ƒ, b: ƒ}...

2019-08-27 18:41:16

阅读数 20

评论数 0

【技术】webpack警告The 'mode' option has not been set

WARNING in configuration The 'mode' option has not been set, webpack will fallback to 'production' for this value. Set 'mode' option to 'development'...

2019-08-21 14:53:02

阅读数 33

评论数 0

【CSS】用CSS画某个突出列表的书签/标签

有的时候某些列表需要标签突出,与其他列表的区别,可以用CSS来实现,思路如下: (1)通过border-width的不同方向来呈现出缺口三角, 水平方向: 父容器的height为伪类after的border-width的一半,缺口方向的边框颜色透明(border-right-color:trans...

2019-07-30 17:02:12

阅读数 22

评论数 0

【CSS】html发生意外换行时可能需要这样设置

word-break : break-all; 通过使用 word-break 属性,可以让浏览器实现在任意位置的换行。

2019-07-24 15:31:38

阅读数 16

评论数 0

【技术】静态服务器serve

npm install -g serve # -s 参数的意思是将其架设在 Single-Page Application 模式下 # 这个模式会处理即将提到的路由问题 serve -s dist 优点:给来测dist服务器特别方便,发布前的测试,或者给产品测试验收,而你还需要开发环境的服务器敲...

2019-06-21 17:05:49

阅读数 102

评论数 0

【跨域】nuxt.js axios 前端跨域接口调不通

在调试后端接口遇到这样的跨域报错提示: Access to XMLHttpRequest at ‘http://192.168.xxx.xxx:xxx/xxxx’ from origin ‘http://localhost:8010’ has been blocked by CORS polic...

2019-06-06 14:33:51

阅读数 184

评论数 0

【兼容性】element-ui 火狐浏览器select搜索条件无匹配时界面不友好

element-ui 版本: 2.9.1 1.搜索没数据时火狐浏览器: 2.搜索没数据时谷歌浏览器: 原因:主要是因为火狐浏览器和谷歌浏览器默认的overflow:scroll显示的滚动条的高度不一样 可以如下方式优化CSS: /*修复火狐浏览器 显示问题*/ .el-scrollbar...

2019-05-31 15:36:23

阅读数 132

评论数 0

【CSS】flex布局平分三等分中间间距相等且两端对齐

思路: 通过display:flex,再将子元素设置flex:1,再包一层,通过设置padding来设置中间间距,可以达到想要多效果 padding-right(第1个盒子):padding-left(第2个盒子):padding-right(第2个盒子):padding-left(第3个盒子)=...

2019-05-29 22:54:55

阅读数 1045

评论数 0

【技术】nuxt中引入wow和animate.css随页面滚动出现动画

安装 cnpm install wowjs --save-dev 安装成功后:“package.json "wowjs": "^1.1.3" 2.nuxt.config.js中引入 css:[ '~/assets/css/animat...

2019-05-28 19:17:13

阅读数 191

评论数 2

【技术】js和css的大小写转化

1.javascript 转大写: var str="Hello world!"; str=str.toUpperCase(); 转小写: var str="Hello world!"; ...

2019-05-22 18:42:33

阅读数 47

评论数 0

【技术】CSS设置链接鼠标(失效)不能点样式

css关键代码: <style type="text/css"> .add-link{ color: #358753; } .link-notallowd{ opacity: .6; cursor: not-a...

2019-05-13 17:03:48

阅读数 64

评论数 0

【技术】通过css实现按钮hover时背景色从左慢慢移动到右边

按钮鼠标移动上去时,新背景色从左到右滑过去,思路: 1.正常情况下: 通过伪类before和after,让按钮多两层的技巧容器大小跟按钮一样大,且在按钮的下面,刚开始宽度为0 2.鼠标移动过去: button的真正的背景色设置为透明,然后给最下面一层的颜色是以前的背景色,z-index:-2,wi...

2019-05-10 14:34:36

阅读数 785

评论数 0

【工具】sourcetree从某个提交新建git分支

1.选择提交版本右键后选择分支 2.填写分支名称 3.最后一步新建好后自动切换到新分支,本地就可以回到以前的代码了

2019-05-09 12:32:38

阅读数 94

评论数 0

【技术】通过js将css动态插入到head头部

通过js动态将css放在head中: var style = document.createElement("style"); style.type = "text/css"; style.innerHTML="body { background-...

2019-05-08 16:27:41

阅读数 301

评论数 0

【技术】textarea不同浏览器行高不一样

1.谷歌浏览器: rows height 1 21 2 36 测试版本: 2.火狐浏览器 火狐: rows height 1 42 2 61 测试版本: 明显可以看到,火狐的行高比较大,所以尽量不要去通过设置rows的值去设置高度与其他元素对...

2019-05-06 15:30:59

阅读数 90

评论数 0

【浏览器】谷歌浏览器标签页固定后取消不了

每次进来之后,之前设置的固定标签页被打开,还取消不了。

2019-05-05 10:23:37

阅读数 115

评论数 0

【技术】html中为什么两个按钮默认有间距

按钮之间默认有空隙,输入框和按钮间有间隙,是因为行内元素在源代码中如果通过回车换行会自动产生一个空格。

2019-04-30 17:57:09

阅读数 279

评论数 0

【操作系统】win10查看IP

1.查看本机IP快捷键: 开始键(win键)+R cmd ipconfig 2.查看是否手动设置了IP (1)打开“网络和Internet”设置 (2)滚动条往下滑,打开 网络共享中心 (3)点击以太网 (4)点击属性 (5)点击Internet协议版本 4(TCP/IPv4) (6...

2019-02-02 12:04:37

阅读数 691

评论数 0

【技术】js将数组转换为大写——遍历将每一项都转换一下

数组直接用 .toUpperCase() 方法会报错 .toUpperCase() 我们遍历一下: var tempArr=['Hello','World']; for(var i=0;i<tempArr.length;i++){ tempArr[i]= t...

2019-01-31 11:59:38

阅读数 574

评论数 0

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