原创 回到頂部效果

錨鏈接 優點: 簡單快速、沒有兼容性問題 缺點: 視覺上不夠直觀,用戶體驗不夠好 用JavaScript製作回到頂部效果 當滾動條滾動一定距離的時候,頁面就出現回到頂部的圖標 點擊按鈕滾動條滾動到頂部 主要知識點 DOM操作: docum

原创 Javascript正則表達式

什麼是正則表達式 Regular Expression使用單個字符串來描述、匹配一系列符合某個語法規則的字符串 簡單來說,就是按照某種規則去匹配符合條件的字符串 REGEXP對象 JavaScript通過內置對象RegExp支持正則表達式

原创 uni-app入門(一)--介紹

目錄 框架介紹 開發規範 目錄結構 生命週期 應用生命週期 頁面生命週期 路由 路由跳轉 頁面棧 運行環境判斷 開發環境和生產環境 頁面樣式與佈局 尺寸單位 樣式導入 內聯樣式 選擇器 全局樣式與局部樣式 CSS變量 固定值 Flex佈局

原创 uni-app入門(二)--條件編譯和高效開發技巧

目錄 條件編譯 跨端兼容 條件編譯 API的條件編譯 組件的條件編譯 樣式的條件編譯 pages.json的條件編譯 static目錄的條件編譯 整體目錄條件編譯 HBuilderX 支持 高效開發技巧 使用代碼塊直接創建組件模板 條件編

原创 前端知識點

原文文章:前端工程師手冊  前端知識點 HTML + CSS 對Web標準的理解、瀏覽器內核差異、兼容性、hack、CSS基本功:佈局、盒子模型、選擇器優先級及使用、HTML5、CSS3、移動端 一些自適應或垂直水平居中問題彙總 Nor

原创 Vue核心知識

  VUE實例 vue實例的創建和作用 vue實例的屬性 vue實例的方法 1. vue實例的創建和作用 new Vue({ render: (h) => h(App) //vue在創建Vue實例時,通過調用ren

原创 前端工作過程遇到的問題總結(八)

  目錄 前端實現文件下載功能 前端實現圖片上傳功能 element ui 表單驗證不通過 this.$nextTick(() => {})的作用 JavaScript 判斷對象中是否有某屬性的常用方法 JS根據身份證號碼算年齡 elem

原创 快速上手CSS預處理語言Less--模板(常用的CSS3效果函數及常用顏色搭配)

大佬的文檔:Less定義常用的CSS3效果函數及常用顏色搭配 直接上代碼: 定義圓角及調用 /* 定義圓角 @radius 圓角大小 */ .round(@radius:5px){ border-radius:@radius

原创 前端工作過程遇到的問題總結(七)

目錄   解決瀏覽器Chrome net::ERR_BLOCKED_BY_CLIENT JavaScript對象與JSON字符串的相互轉換 vue 引入iview3.x使用less更換主題的過程報錯解決 詳解vue 兼容IE報錯解決方案

原创 前端的資源、工具函數和文章分享(一)

1.lodash一個 JavaScript 的實用工具庫, 表現一致性, 模塊化, 高性能, 以及 可擴展: 官方文檔 2. Util.js-ES6實現的常用100多個javaScript簡短函數封裝合集:    github地址   s

原创 前端開發知識點--Git

關於git,是我在網上搜集的我常用的git使用的文章: git 拉取遠程分支到本地 Git基本命令和GitFlow工作流 git中如何切換分支,拉取分支,合併分支 git 用不同的郵箱配置不同的ssh (配置config 文件在./ssh

原创 vue-cli3的配置參考

目標瀏覽器 請查閱指南中的瀏覽器兼容性章節 vue.config.js vue.config.js基礎模板(參考文檔): /** * *@2018-10-08 * *@author trsoliu * *@describe vu

原创 前端工作過程遇到的問題總結(六)-Vue篇--(中部)

  vue element隱藏組件滾動條scrollbar使用 原文:vue element隱藏組件滾動條scrollbar使用 在vue Element UI官方文檔上沒有放出滾動條相關的示例說明,但是實際上是有這麼一個組件的,讀者查看

原创 Vue Router的API參考

<router-link> <router-link>組件支持用戶在具有路由功能的應用中(點擊)導航。通過 to 屬性指定目標地址,默認渲染成帶有正確鏈接的 <a> 標籤,可以通過配置 tag 屬性生成別的標籤。另外,當目標路由成功激活時

原创 在vue項目中引入vuex(全局狀態管理器)

目錄   Vuex是什麼? State Getter Mutation Action Module 項目結構 Vuex是什麼? Vuex是一個專爲Vue.js應用程序開發的狀態管理模式。它採用集中式存儲管理應用的所有組件的狀態,並以相應的