- 博客(13)
- 收藏
- 关注
原创 前端代理跨域
之前在学校最早接触的跨域方式有jsonp跨域再到后来接触到了Node使用cors跨域,这两种跨域方式做起来简单,但是却都需要后端代码支持。尤其是jsonp回调的名称也需要约定并且只支持geyt请求,前后过于耦合。所以公司有些项目会采用nginx跨域的方式,但是前端在本地开发时无nginx配置,如何访问后端资源呢?在package.json中加入如下配置(配置解析:当访问接口有api字段,那么将该接口的访问域名全部代理到target所设置的域名下)// package.json中增加如下配置
2021-06-03 14:50:34 256
原创 Mac使用npm install报错,需使用sudo
1. 首先说下个人的经历,从18年开始实习第一次使用npm,当时用npm install却总是会报一些错误,主要是因为无权限最初的解决方案自然是使用sudo,这个是有效的如果用sudo还不行那么可以在命令最后加上sudo + 命令 + --unsafe-perm如果你还在用上述方法解决npm install失败的问题,那你我过去的三年里可以说是同病相连了上新的解决办法:第一步: 点击最左上脚苹果的图标第二步:选择系统偏好设置第三步:选择安全性与隐私第四步:选择隐私..
2021-05-20 16:02:06 5550 6
原创 隐藏滚动条且分析其中的坑
通过自己的学习掌握隐藏滚动条的方式只有一种,即给滚动元素增加padding那么滚动条会以含padding的区域滚动,那么再在外层嵌套一层元素使用overflow:hidden;即可以隐藏滚动条内容。但是有一个问题,滚动的时候需要处理padding突出一块的问题,即需要在内层元素添加一个padding-right使得希望见到的元素块可以都展示出来。老规矩上代码:<!DOCTYPE html><html> <head> <style>
2020-10-20 21:36:50 180
原创 纯Css实现两个Div占满整屏高度
最初踩坑网上搜教程一堆什么乱七八糟的百分比之类的博客,浪费时间浪费精力话不多说:首先说明业务场景:我需要两个div占满整屏,上边这个div的高度已经确定,那么我需要实现下边这个div自适应充满下边空间。方法一: 使用 calcheight:calc(100vh - 200px);(PS: 这个方法最常见,Css3的新计算属性)方法二: 使用flex<!DOCTYPE html><html><head> <style typ.
2020-08-19 18:46:59 2629
原创 解决安卓line-height偏上
前段时间遇到问题line-height设置了居中但是却没有出现理想的情况,在安卓中整体的内容偏上,那么只好各种渠道去解决最后有了自己的答案总结一下首先说一下谷歌浏览器的font-size值的最小值为12px,如果小于12px的时候那么它还是按照12px来显示那么在安卓也是按照12px来显示,并且当你的块为12px以下的时候才会产生line-height值作用不理想的问题具体为什么小于1...
2019-05-30 11:10:20 3754 1
原创 深入理解浏览器最小渲染单位以及border设置0.5px
# 首先我们讨论一下关于border最小的值的问题上边这张是在安卓手机中的效果,下边这张是在浏览器中的效果明明相同的代码却导致不同的效果,那么老规矩上测试代码,很简单就是暴力测试,可以自己复制试一下,ios中和浏览器的效果一样就不贴图了<!DOCTYPE html><html><head> <title>demo exam...
2019-05-29 20:25:05 2725
原创 你需要了解的Js正则语法
最近忙于面试焦头烂额,状态也不是很好,总觉得基础还是差,无意想起之前一次面试被问到了正则,网上一搜都是手机正则是什么,邮箱正则是什么,那么我来讲一下正则的语法首先上语法[]实现一个字符或某类字符{}数量范围()包含一个表达式\转义^正则开开始$正则结束|或字符*可以出现任意多次,很多或者不出现+可以出现多次或者最少一次.省略匹配一个字符\d数字\...
2019-04-02 13:59:14 126
原创 你理解错了有无var声明的区别
接近毕业年,学习前端也好一段时间了,最近又把js挖出来学了学,什么原型,作用域,执行上下文,但是本文与这些大方面无关,只是讲一个小的知识点,关于var声明的理解;有些博客讲,不带var的变量就相当于是在全局声明一个变量,而本文就是为了推翻这个谬论而产生的,如果你已经明白这句话是错的那么就完全没有必要再看本文章了;老规矩,先上代码,先掌握一个常规小知识 function haha()...
2018-12-24 14:03:26 195
原创 vue的过渡动画无法正常实现
前记:最近在写vue的一个项目要实现过渡的效果,虽然vue动画不是强项,库也多,但是基本的坑还是得踩扎实;建议:先学习vue官方文档的进入/离开 & 列表过渡章节,那么我们来看bug;首先上出现问题的代码<!DOCTYPE html><html><head> <title></title> <...
2018-08-01 10:18:43 6832 2
原创 关于animation和transition的深入学习
前记:最近看了animation和transition最印象深的是这篇博客讲述了两者的区别;https://blog.csdn.net/jdk137/article/details/50474129建议点进去看一下这篇博客,也可以直接看我接下来的文章会提到两者的区别,而更多的是告诉你怎么让两者看起来没有区别;【1】两者的第一点区别,触发条件不同,transition通常和hover等事件配...
2018-05-28 23:42:33 6125
原创 getAttribute()与直接获取节点属性的区别
关于getAttribute,setArribute,setArribute的理解今天温习红宝书,看到264页DOM操作的取得特性,感觉很疑惑之前获取特性一直都是直接获取可是为什么万能的高程书非得搞得这么麻烦弄出getArribute()这样的一个操作方法,所以我专门的去讨论了这三种方法,与直接操作属性的区别;那么让我们先来看我们经常采取的一种获取标签中特性的方式
2017-10-28 16:52:54 17890 3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人