原创 工作中的elelemtn的一些小訣竅以及vue中的一些小問題

1.表單驗證可以同時實現blur,change(觸發方式,blur失去焦點,change數據改變) { required: true, message: "嘻嘻嘻嘻嘻",

原创 css中的僞類和僞元素

:before,::before這倆寫法,估計有些人很納悶,這兩者有什麼區別 其實:before,::before這兩種寫法都是等效,只是:befor是CSS2的寫法,::before是CSS3的寫法。雙冒號(::)這是CSS3 規範中的

原创 router-link-active

組件支持用戶在具有路由功能的應用中(點擊)導航。 通過 to 屬性指定目標地址,默認渲染成帶有正確鏈接的 標籤,可以通過配置 tag 屬性生成別的標籤.。另外,當目標路由成功激活時,鏈接元素自動設置一個表示激活的 CSS 類名,就是rou

原创 css實現三角形

css實現三角形的原理就是控制元素的border屬性,如果要顯示一個 向上的三角形,就不要border-top屬性,然後它的相反方向的border-bottom:要比平常的大一倍,具體看如下代碼: <!DOCTYPE html> <ht

原创 js原生.style.width或者.width取不到值

1.元素未設置寬度值。 2.元素設置了寬度值,但,設置在內聯或外聯樣式表中,而非內嵌式的。比如 css代碼 p{ background:pink; } html代碼 <p id="p1">aaaaaa

原创 pc網站的一些自適應的方案

1.可以通過設置一個最小的寬度(例如min-width:1200px),也是就是如果屏幕的寬度小於1200的時候,內容的寬度就是1200,然後出現橫向滾動條 2.設置一個百分比寬度,例如(width:85%;),也是就是如果屏幕的寬度小於

原创 for in 和for of的一些區別以及遍歷數組的一些注意點

ES5的話也可以使用forEach,ES5具有遍歷數組功能的還有map、filter、some、every、reduce、reduceRight等,只不過他們的返回結果不一樣。但是使用foreach遍歷數組的話,使用break不能中斷循環

原创 移動端的rem適配方法---vue中的用法

1.創建一個scss文件 //a.scss文件 @function px2rem($px) { $rem: 37.5px;//蘋果6的設計稿 @return ($px / $rem) + rem; } 2.在vue中配置全局的s

原创 Sass 和 Js 之間變量共享

假設我們在xxx.scss中聲明瞭一個 theme:blue,我們在 js 中該怎麼獲取這個變量呢?我們可以通過 css-modules :export來實現。  // xxx.scss $theme: red; :export {

原创 基於 webpack 的require.context來實現自動加載組件並註冊的全局的功能

require.context: 一個webpack的api,通過執行require.context函數獲取一個特定的上下文,主要用來實現自動化導入模塊,在前端工程中,如果遇到從一個文件夾引入很多模塊的情況,可以使用這個api,它會遍歷文

原创 vue-cli3.0中的vue.config.js

vue.config.js一般的配置  module.exports = { /** * You will need to set publicPath if you plan to deploy your site

原创 v-model綁定出現問題

在vue中的v-model綁定出現問題,一般都是綁定的變量沒有聲明,或者是綁定的變量不是響應式屬性,或者是在其他地方被覆蓋成 了空的,如果不是響應式屬性的話,可以通過Vue.set()方法把它設置成爲響應式屬性。  

原创 axios的在請求頭帶上token簡單封裝

在請求頭帶上token 1.導入axios $ npm install axios 2.在文件中引入 import axios from 'axios'; axios.defaults.headers.post['Content-T

原创 css模塊化

設計原則 a、可複用能繼承要完整 b、週期性迭代 設計方法 a、先整體後部分再顆粒化 b、先抽象再具體 a、可複用能繼承要完整 例圖1   比如拿到這個設計圖,來思考css的模塊設計。 這兩個 可能覺得這兩個地方可做模塊。但是

原创 sass在vue中的一些用法

1.在vue-cli3.0中引入sass 1.1通過npm下載sass npm install sass-loader --save-dev npm install node-sass --sava-dev 1.2在.vue文件中的s