innerHTML、outerHTML 和 innerText 、outerText的区别
前端网站 JS&CSS
innerHTML vs outerHTMLinnerHTML 属性设置或返回所有后代的html。outerHTML 属性设置或返回对象本身及其所有后代的html。示例 html 代码<div> hello <b>world</b> </div>获取值设置 outerHTML 设置 innerHTML 设置 XXXhtml 可以插入标签innerText vs outerTextinnerText 和 out... ...
阅读全文
vue 请求拦截器 ios 设置 header 不成功
前端网站 VUE
现在从cookie 中取 token... ...
阅读全文
vue Element 中 el-upload 上传组件中使用自定义上传方法 http-request
前端网站 VUE
关于： 饿了吗 el-upload 组件http-request 参数可以覆盖默认的上传行为，可以调用自己定义的js事件注意点：action="" 但不可以省略http-request 必须以param为参数（ele上面没写）通过 param.file 取得文件api 要增加头 'content-Type': 'multipart/form-data'示例：前端：需要新建 formdata 对象template部分<el-upload
class="avatar-uploader"
... ...
阅读全文
vue cli3 配置了代理跨域无效的解决 proxy 和 baseurl 冲突
前端网站 VUE
不要设置axios的baseUrl， 否则 proxy 不生效，影响解决跨域问题就是这个玩意，在 ENV 中 VUE_APP_BASE_API 设置的，在server 中引用的 ： axios.defaults.baseURL = "http://cct.app.xxxxxxxx.top/";然后就可以了下面介绍一哈如何在vue cli3 中设定代理：与main.js同级新建一个vue.config.js的文件module.exports = {
devServer: {
&... ...
阅读全文
webstorm 设置 vue 开发环境
前端网站 工具软件
首先要 初始化一个 vue 项目 然后用 webstorm 打开下载 webstorm 地址： https://www.jetbrains.com/webstorm/download/other.html1. 基础设置 node 配置设置 webstorm 使用 指定的 node 版本（适用电脑上安装多个node）默认使用 path 设置的那个3. 其他设置指定 terminal； 默认 powershell，这里改成 gitbashtypo in word 拼写检查还可以取消：typo in word（变量名不是单词的时候会有波浪）默认调用函数用显示 参数名字， 不太喜... ...
阅读全文
set cookie 的 domain 详解 一定条件可以实现 共享 cookie
前端网站 概念原理
出于对浏览器cookie的保护，cookie无法设置除当前域名或者其父域名之外的其他domain.，也就是cookie无法跨域设置。1. 在 setcookie 中省略 domain 参数，那么 domain 默认为 当前域名。2. domain参数可以设置父域名以及自身，但不能设置其它域名，包括子域名，否则 cookie 不起作用。cookie 的作用域 : domain本身以及domain下的所有子域名。1. cookie 实验证明假入有如下域名：zydya.comblog.zyday.comone.blog.zyday.coma. 在 zyday.com 域名下设置 cookie总结：当... ...
阅读全文
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;
// ... ...
阅读全文
