403跨域错误 CORS 解决汇总 No 'Access-Control-Allow-Origin' header is present on the requested resource
前端网站
CORS:全称"跨域资源共享"(Cross-origin resource sharing)。跨域是由浏览器同源策略引起的,是指页面请求的接口地址,必须与页面的 url 地址(即请求接口的 页面 url)处于同域上(即域名,端口,协议相同)。这是为了防止某域名下的接口被其他域名下的网页非法调用,是浏览器对 JavaScript 施加的安全限制。所谓同源是指"协议+域名+端口"三者相同,如果缺少了同源策略,浏览器很容易受到 XSS、CSFR 等攻击。这里就只讲常见的几种解决防法。无浏览器参与的,不存在跨域问题!跨域解决方案1、 通过 jsonp 跨域2、 ... ...
阅读全文
css 实现输入框错误 晃动效果
前端网站 JS&CSS
网上去找个晃动的样式 放到我们 login的 css 文件 style.scss 中:.shake {
animation: shake 800ms ease-in-out;
}
@keyframes shake {
10%, 90% { transform: translate3d(-1px, 0, 0); }
 ... ...
阅读全文
CSS 之 position 相对定位元素 absolute ,relative,fix 等
前端网站 JS&CSS
position 属性规定元素的定位类型。这个属性定义建立元素布局所用的定位机制。任何元素都可以定位:绝对或固定元素会生成一个块级框,而不论该元素本身是什么类型。相对定位元素会相对于它的正常默认位置进行偏移。static 为 默认值1. relative 演示relative 是相对于 正常位置的 偏移。它并不影响附近的元素。<html>
<head>
<style type="text/css">
* {
padding... ...
阅读全文
input 输入框 在自动填充时 背景颜色问题
前端网站 JS&CSS
Chrome 浏览器下 form 表单,点击 input 输入框选择输入记录自动填充时,输入框背景颜色会改变,这是 chrome 浏览器内置的表单自动填充背景颜色功能。解决方法input:-internal-autofill-previewed,
input:-internal-autofill-selected {
// 自动填充时的字体颜色
-webkit-text-fill-color: #fff;
// ... ...
阅读全文
vue 中 style scope 深度访问方式汇总 (::v-deep)
前端网站 VUE
我们的 vue 组件中 style 有 scope 属性<style scoped>
</style>作用功能:实现组件样式的私有化,样式不对全局造成样式污染,表示当前 style 属性只属于当前模块组件实现原理:添加 scoped属性 的组件,为了达到不污染全局,做了如下处理:给 HTML 的 DOM 节点加一个不重复属性 data-v-xxxxxxx 唯一性标志在添加scoped属性的组件的每个样式选择器后添加一个等同与“不重复属性”相同的字段,实现类似于“作用域”的作用,不影响全局如果组件内部还有组件,只会给最外层的组件里的标签加上唯一属性字段,不影响... ...
阅读全文