以爱之名
这人生啊
父母辈的一些人，从来不喜欢任何人干涉自己甚至决定自己的事，也从来不接受任何人对自己所做决定的指指点点，觉得全世界都是错的，只有自己才正确，说是时间会证明一切的。可能即使明知道被骗，也绝不低头。那为什么他们却那么喜欢替子女做决定呢？ 他人以爱之名给自己的劝诫不会听，自己却以爱之名限制子女的行动。己所不欲，却好施于人。一旦挑明这个道理，就以生养之恩去要挟，殊不知被要挟的对象也是有血有肉有思想、自力更生的成年人了啊，他们不是智障，不是听话的玩偶，更不是也不该是父母的附属品。当子女反抗之后，往往父母们软硬兼施。大部分子女都会因为一顶孝字帽选择了妥协，而一小部分则在亲情的拉扯挣扎中选择了人格独立。于是他... ...
阅读全文
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、 ... ...
阅读全文
vue 事件中的 native 在 父组件 中给 子组件 绑定一个 原生的事件
VUE
.native - 监听组件根元素的原生事件。 通俗点讲：就是在父组件中给子组件绑定一个原生的事件，不加'. native'事件是无法触 发的。例如：在组件中使用 ele 组件，绑定一个 click 事件<el-dropdown-item @click="logout" divided> <!-- 添加 click 事件-->
<span style="di... ...
阅读全文
css 实现输入框错误 晃动效果
前端网站 JS&CSS
网上去找个晃动的样式 放到我们 login的 css 文件 style.scss 中:.shake {
animation: shake 800ms ease-in-out;
}
@keyframes shake {
10%, 90% { transform: translate3d(-1px, 0, 0); }
... ...
阅读全文
Vue 项目浏览器内 Console 中显示 [HMR] Waiting for update signal from WDS 解决方案
VUE Element
现象（ F12）：解决方法：1， 不用管它，啥也不影响，只是一条提示~2， 如果有强迫症，实在要解决按照上面提示，依次找到 node_modules > webpack > **hot ** > log.js，打开 log.js 文件，注释这段话module.exports = function(level, msg) {
if (shouldLog(level)) {
if... ...
阅读全文
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属性的组件的每个样式选择器后添加一个等同与“不重复属性”相同的字段，实现类似于“作用域”的作用，不影响全局如果组件内部还有组件，只会给最外层的组件里的标签加上唯一属性字段，不影响... ...
阅读全文
css 的 box-sizing 布局 如何计算一个元素的总宽度和总高度
JS&CSS 概念原理
CSS 中的 box-sizing 属性定义了 user agent 应该如何计算一个元素的总宽度和总高度。在 CSS 盒子模型的默认定义里，设置一个元素所设置的 width 与 height 只会应用到这个元素的内容区（content-box）。如果再设置这个元素的 border 边框 或 padding 内边距 ，那么这个盒子的实际宽度和高度为： width + border + padding。这样就可能会超出 父盒子1. box-sizing 的设置box-sizing 属性可以被用来调整这些表现:content-box 是 默认值如果你设置一个元素的宽为 100px，那么... ...
阅读全文
npm 多版本环境变量配置
NODE
设置环境变量，以后用 npm14 代替默认的 npmalias node14=d:/node14/node
alias npm14=d:/node14/npm
alias vue14=d:/node14/vue... ...
阅读全文
