前端開發 - 網站分類

JavaScript中的innerHTML，innerHTML，value屬性

一，innerHTML innerHTML在javaScript中具有雙向功能，一是可以從指定的元素對象中獲取內容，二是可以把自定義內容插入到指定的元素對象中去。定義和用法: innerHTML屬性用于設置或返回指定標簽之間的HTML內容 Object.innerHTML = "HTML";// ...

Vue 繪制echarts 詞云和 Highcharts 詞云

#echarts繪制詞云方法 echarts官網第一步安裝echarts依賴，通過npm獲取echarts,npm install echarts --save,具體操作可以看echarts官網; 第二步安裝echarts詞云插件，npm install echarts-wordcloud --s ...

webuploader批量導入文件

第一步：引入文件 <link href="~/Content/JS/webuploader.css" rel="stylesheet" /><script src="~/Content/JS/webuploader.js"></script> 第二步： ...

JS實現點擊圖片放大、關閉效果

實現效果：點擊圖片在彈出層顯示大圖，點擊大圖或空白區域關閉大圖，圖片高度寬度根據窗口大小判斷 html代碼 <td width="350"> <img class="pimg" height="100" width="100" src="http://or7y3wqnj.bkt.clouddn.c ...

Web性能優化之瘦身秘笈

Web 傳輸的內容當然是越少越好，最近一段時間的工作一直致力于 Web 性能優化，這是我近期使用過的一些縮減 Web 體積的手段這些手段主要是為了減少 Web 傳輸的內容大小，只有干貨 CSS 🐛刪除無用的樣式在使用 UI 庫的時候，UI 庫提供的樣式并不是所有的都會使用到例如一個 butt ...

Layui 源碼淺讀（模塊加載原理）

Layui 模塊加載原理基礎解析，適合使用Layui的新手觀看 ...

es6 快速入門系列 —— 迭代器 (Iterator) 和生成器 (Generator)

其他章節請看： es6 快速入門系列迭代器 (Iterator) 和生成器 (Generator) 試圖解決的問題 let colors = ['red', 'blue', 'green', 'yellow'] for(let i = 0, len = colors.length; i < l ...

Svelte 3：反思響應式編程

注意：原文發表于2019-4-22，隨著框架不斷演進，部分內容可能已不適用。原文：Svelte 3: Rethinking reactivity 作者：Rich Harris 翻譯：前端子魚聲明：轉載請指明本文出處。終于，塵埃落定。歷經數月之后，這幾天來我們喜不自勝：我們宣布 Svelte ...

純生js實現Element中input組件的部分功能（慢慢完善）并封裝成組件

現在實現的有基礎用法、可清空、密碼框，參考鏈接：https://element.eleme.cn/#/zh-CN/component/input HTML代碼：想要測試哪個組件，直接將對應組件解開注釋即可，標紅的js和css記得修改成你自己的位置。 <!DOCTYPE html> <html> <h ...

前端面試遇到的問題

最近一場面試，發現了自己很多的問題，為此做個總結。非常感謝此次的面試。嘿嘿! 一、閉包中的問題下列代碼存在幾個變量沒有被回收？ var i = 0; var i = 1; var add = function () { var i = 3; return function () { i++; co ...

Coposition 詳解

LifeCycle Hooks 在新版的生命周期函數，可以按需導入到組件中，且只能在setup()函數中使用. import { onMounted, onUnmounted } from 'vue'; export default { setup () { onMounted(()=>{ // } ...

Svelte 碼半功倍

你未注意到的最重要的指標。注意：原文發表于2019-04-20，隨著框架不斷演進，部分內容可能已不適用。所有代碼都有 BUG，你寫的越多，BUG 越多，這很合情合理。同時，寫的越多，費時越多，留給其他事情的就更少，比如代碼優化、功能完善或者去戶外瀟灑而不是蜷縮在筆記本面前。其實眾所周知，項目 ...

uni-app中封裝統一請求函數（轉載）

封裝統一請求函數有利于項目的維護整體功能簡單實用，但小編遇到一個巨坑，項目中在vue文件使用跳轉方法，url參數輸入 "/" 后工具提示的路徑為 "/pages/login/login", 但是在外部js文件中使用uni跳轉的api，快捷提示的路徑為 "/pages/login/login.vue ...

js實現element中可清空的輸入框（2）

接著上一篇的：js實現element中可清空的輸入框（1）繼續優化，感興趣的可以去看看喲，直通車鏈接：http://www.jsfhjj.com/qcq0703/p/14450001.html 實現效果如下圖：https://element.eleme.cn/#/zh-CN/component/ ...

UNI-APP封裝全局登錄檢查函數

封裝的函數主要用于檢查用戶是否登錄封裝一個全局函數在main.js文件下定義checkLogin全局函數,代碼的注解都在代碼塊里面參數說明：backpage, backtype 2個參數分別代表：backpage : 登錄后返回的頁面backtype : 打開頁面的類型[1 : redirect ...

JavaScriptBOM操作

BOM（瀏覽器對象模型）主要用于管理瀏覽器窗口，它提供了大量獨立的、可以與瀏覽器窗口進行互動的功能，這些功能與任何網頁內容無關。瀏覽器窗口的window對象是BOM的頂層對象，其他對象都是該對象的子對象。 1.1使用window對象 window對象是BOM的核心，代表瀏覽器窗口的一個實例。在全局作 ...

Virtual DOM 簡直就是揮霍

徹底澄清“Virtual DOM 飛快”的神話。注意：原文發表于2018-12-27，隨著框架不斷演進，部分內容可能已不適用。近年來，如果你有使用過 JavaScript 框架，那么你可能聽說過“Virtual DOM 飛快”，甚至認為比真實的 DOM 還要快。令人震驚的是，這種說法竟然深入人 ...

SpringBoot實現文件/圖片的上傳與下載

導入依賴（pom.xml）  <dependency> <groupId>commons-io</groupId> <artifactId>commons-io</artifactId> <version>2.6</version> </dependen ...

React Context 理解和使用

寫在前面 ? 鑒于筆者學習此內容章節 React官方文檔時感到閱讀理解抽象困難，所以決定根據文檔理解寫一篇自己對Context的理解，文章附帶示例，以為更易于理解學習。更多內容請參考 React官方文檔 ? 如果您覺得文章對您有幫助，可以點擊文章右下角**【推薦】**一下。您的鼓勵是筆者創作的最大 ...

01-mac flutter環境搭建

mac flutter環境搭建安裝國內鏡像 export PUB_HOSTED_URL=https://pub.flutter-io.cn export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn 下載flutter 下載flutt ...