貢獻者508
粉絲0
文娛妹導讀 自動化測試能力建設過程中，自動化框架選型、框架設計核心和思路、自動化能力平台接入，是自動化測試能力建設過程中重要環節。文章分享優酷APP自動化測試能力建設過程中的經驗 本系列文章將陸續發佈，感興趣的朋友持續關注！ 前言 隨着移動端版本迭代的加快，快速測試，快速反饋已經是一個常態化的流程，週期內版本發佈頻率的增加，各項測試的時間正在急劇縮短，且迴歸性的任務不斷充斥當中，
昵稱 阿里巴巴文娛技術
PC+大屏適配 可適配 1400px以上的屏幕 查看演示 項目地址 設置設計稿-轉換rem 我們的設計稿是3840px寬度，所以widthOfDesignLayout設置3840 module.exports = { plugins: { autoprefixer: {}, "@njleonzhang/postcss-px-to-rem": {
昵稱 羊先生
什麼是viewport ? viewport是用户網頁的可視區域，也可叫做視區。手機瀏覽器是把頁面放在一個虛擬的窗口(viewport)中，通常這個虛擬的窗口比屏幕寬，這樣就不用把網頁擠到很小的窗口中，用户可以通過平移和縮放來看網頁的不同部分。 下圖為常見一些設備瀏覽器默認viewport寬度： css中的1px不等於設備的1px 在css中經常使用px做單位，PC端瀏覽器中的1px往往都
昵稱 前端知識搬運工
據説移動端click有個延時300ms響應的機制，目的是為了區分單擊、雙擊。如果300ms內再次點擊，則判定為雙擊，移動端的雙擊用於縮放頁面；否則為單擊，執行click的事件處理函數。 取消click延時響應的3種做法： 設置視口標籤，禁用縮放頁面功能，瀏覽器也會相應取消對雙擊的響應。 利用touch系列事件包裝一組監聽器，只有touch持續時間小於某個值才歸為點擊（大於就是長按或者拖
昵稱 BENCJL
本文完整版：《7 款最棒的 React 移動端 UI 組件庫 - 特別針對國內使用場景推薦》 優秀的 React UI 移動端組件庫和模版框架，幫我們節省開發時間，提高開發效率，統一設計語言。更棒的是內置的功能複雜，我們自己很難處理的常用組件，比如表格、表單、富文本編輯器、時間日期選擇器、實時拖拽組件等，再進一步，還有幫我們把組件的輪子裝好的 React admin 後台管理系統。本文推薦 7 款
前言 現在的消費者越來越依賴移動設備來訪問內容和服務，這比以往任何時候都要求更高。當他們權衡您網站上的體驗時，他們不僅將您與您的競爭對手進行比較，還會在使用完後對您的應用進行評級。 但是很多網站給用户帶來的體驗並不太好，以致造成潛在客户流失，所以，性能是留住用户的關鍵。 Pinterest 將感知等待時間減少了 40%，這將搜索引擎流量和註冊量增加了 15% 。 原文(國外)：htt
昵稱 wxp686
字符串或串(String)是由數字、字母、下劃線組成的一串字符。 字符串 字符串就是一系列字符。在Python中，用引號括起的都是字符串，其中的引號可以是單引號， 也可以是雙引號，如下所示: "This is a string." 'This is also a string.' 這種靈活性讓你能夠在字符串中包含引號和撇號: 'I told my friend, "Python is my
昵稱 弗拉德
🧨放假了特意給大家坐火車打發時間寫了這篇工具收集類的小文, 讓大家輕輕鬆鬆學知識, 😊"鐵皮飯盒"祝大家十一快樂, 吃開心玩開心! 新手階段的前端面臨的最大問題就是: "😥這個咋做?", 這個階段的前端自己實現交互功能基本是不可能的, 那怎麼體現價值呢? 我給個建議: "不會寫還不會用嗎?", 其實js發展這麼多年,常見的功能在github上都是可以找到的, 下面我就給大家拿出我收藏多年的"
昵稱 鐵皮飯盒
使用drawImage()給煙花加背景 如圖所示，但缺點是煙花上升的那條虛線被掩蓋了，希望大神可以解決。 代碼如下 先在2d上下文下面(50行左右)創建一個img實例 // 設置背景圖 img = new Image(); img.src = "images/timg2.jpg"; 這時候如果我們直接讓圖像加載，會發現圖像在瀏覽器打開時慢慢的褪去，重新變成黑色背景。 原因
昵稱 沒有女朋友的棄坑
比如我們現在的需求如下。 有一個函數MyObj，支持如下功能： 可以通過MyObj()的方式返回一個對象，這個對象和new MyObj()是等價的 MyObj本身是一個對象，可以通過MyObj.doit()的方式調用其上的方法或屬性 為了實現需求，第一反應是： var MyObj=function(){ return new MyObj(); }; 然後在My
昵稱 zxl20070701
開發環境 Angular8.1.0，ng-zorro-antd：~8.0.2，前端容器nginx：1.10.1，瀏覽器 IE11。 1、頁面打不開 // 問題： IE11 index.html文件打開後，頁面空白 // 解決： 更改tsconfig.json文件： { "compileOnSave": false, "compilerOptions": { "baseUrl": "
昵稱 風晴雪sheep
將Vue組件包裝為本Web組件。 由於Angular支持使用自定義Web組件，因此能夠使用Vue組件（包裝為Web組件）。 對於Angular，如果自定義Web組件是由Vue生成的，那麼它就沒有區別（對於所有Angular都知道，它們可以是本機HTML元素） 我們使用vue-custom-element來來進行包裝 demo地址：這裏使用element-ui作為組件導入angular使用
昵稱 霧島聽風
大家好，我是沐華。最近面了一些前端，發現每次問到安全相關的問題，一些面試者只能説上來 XSS、CSRF、中間人攻擊，就沒了，於是寫了這篇文章，總結了前端安全相關的點，給大家查缺補漏 瀏覽器 XSS XSS 攻擊是一種代碼注入攻擊，通過惡意注入腳本在瀏覽器運行，然後盜取用户信息。本質上其實是因為網站沒有過濾惡意代碼，與正常代碼混在一起之後，瀏覽器沒有辦法分辨哪些是可信的，然後導致惡意代碼也被執行 結
昵稱 沐華
XSS（Cross-Site Scripting）攻擊是前端安全中的一個重要問題，它發生在攻擊者能夠注入惡意腳本到網頁中，這些腳本在用户瀏覽器中執行時可以獲取用户的敏感信息，例如會話令牌、個人信息等。防禦XSS攻擊通常涉及以下幾個策略： 1. 輸入驗證： 對用户提交的數據進行嚴格的驗證，確保只有預期的字符和格式被接受。 使用正則表達式或預定義的白名單模式來過濾無效字符。 限制字符串長度以防
昵稱 天涯學館
引言 隨着互聯網的普及和數字化辦公的推進，PDF（Portable Document Format）文件已成為信息交換的重要載體。然而，PDF文件的安全性問題也日益凸顯，尤其是跨站腳本攻擊（Cross-Site Scripting, XSS）的威脅。XSS攻擊通過在PDF文件中嵌入惡意腳本，當用户打開文件時，腳本會在其瀏覽器中執行，可能導致敏感信息泄露、會話劫持等嚴重後果。因此，高效檢測PDF文件
昵稱 霸氣的馬克杯
前言上篇文章中有提到CSS值的處理過程，但如果想要確定一個元素的最終樣式值可以不需要這麼多步。實際上我們寫的任何一個標籤元素無論寫沒寫樣式，它都會有一套完整的樣式。理解這一點非常重要‼️比如：一個簡單的p標籤 打開瀏覽器控制枱，選中元素，切換到computed選項，勾選show all，這裏就能夠看到元素的所有CSS樣式，儘管你什麼樣式也沒寫，它們也是有默認值的。任何標籤都是
昵稱 kuailedehuanggua
早在今年4月份的時候，JetBrains為其多款IDE發佈了2024年度首個大版本更新：2024.1。 説時遲，那時快，這不JetBrains年度第二個大版本更新2024.2馬上又要來了。 不僅如此，這次官方還正式宣佈：在即將到來的2024.2版本中，將為所有JetBrains IDE啓用全新默認UI。 這也意味着之前搞了好幾年中間也放出來預覽和Beta的新UI，現在也官宣隨這次新版全面默認開啓
昵稱 CodeSheep
大家好，我是前端之虎陳隨易。 這是我的個人網站 https://chensuiyi.me。 出大事了 看到了一篇前端社區開源扛把子 Anthony Fu 的帖子。 經過一番瞭解，出大事了！ 知名 VSCode 主題 material-theme 倉庫清空了！ 連帶着所有提交的歷史紀錄，統統沒了。。。 背景知識 在進一步的對這個事情報道之前，根據我查到的資料，我們先對 material-theme
昵稱 前端之虎陳隨易
有沒有想過，當你需要對 API 進行測試或快速查看網站內容時，有哪些工具可以派上用場呢？ 這時，你會發現 cURL 是你的好幫手。cURL，簡而言之，是一個功能強大的命令行工具，使得我們可以通過各種網絡協議與服務器進行交流，無論你是編程領域的新手還是資深開發人員，cURL 都是你工具箱裏必不可少的一件利器。 cURL 簡介 cURL 的神奇之處在於它對廣泛的協議如 HTTP、HTTPS 和 FTP
昵稱 Apifox
我們在做前端開發的時候，曾遇到一些非常炫酷的宣傳頁。例如每一個蘋果產品的主頁面。我們會發現，這樣炫酷的頁面，總是跟隨我們鼠標滾輪的操作，在頁面中響應不同的事件。 一、瀏覽器的不同 我們都知道，需要在前端頁面中監聽到鼠標滾輪的事件，不同瀏覽器內核提供的方法是不同的。所以，每當我們需要監聽鼠標滾輪事件，就需要先判斷使用終端是用的什麼瀏覽器。 在前端，我們可以通過window.navigator.us
昵稱 愛米
從全大寫到駝峯：程序員必會的 6 種英文字母大小寫轉換場景！ 你有沒有在 Code Review 時，因為一行全小寫的常量名被同事無情 diss？ 有沒有因為數據庫字段是snake_case（小寫下劃線），而前端接口卻要求 camelCase（駝峯），加班寫正則替換或者貼代碼寫映射關係？ 別慌，這些“大小寫修羅場”其實一條在線指令就能解決。今天我用 6 個高頻場景，帶你把「英文字母大小寫轉換」從手
昵稱 舒米勒
序 作為一名前端開發者，我的工作早已不再是“寫代碼”那麼簡單。 如今，每天早上打開電腦的第一件事，不是翻需求文檔，而是喚醒我的 AI 編程搭檔 —— GitHub Copilot 正在生成組件骨架，Cursor 的聊天面板裏堆滿了優化建議，而本地終端已經跑起了 Vite 服務。我還沒動手，項目進度條就已經走了 30%。 但這並不意味着更輕鬆。相反，AI 越聰明，我對“工作環境”的要求就越高。 因為
昵稱 阿樂去買菜
Prettier 和 ESLint 是兩個互補的工具，它們共同確保代碼的風格一致性和質量。Prettier 負責格式化代碼，而 ESLint 則執行更復雜的靜態分析和規則檢查。 Prettier 作用： 自動化代碼格式化，確保代碼的縮進、括號、引號、換行等樣式一致。 不需要配置太多的規則，因為Prettier有一套默認的代碼風格。 支持多種編程語言，包括JavaScript、TypeS
昵稱 天涯學館
eslint報錯：ESLint: Unexpected empty method 'default 禁止出現空函數 (no-empty-function) 錯誤代碼示例： const props = defineProps({ data: { type: Object, default: () = {} // 報錯 Unexpected empty method 'defa
昵稱 得鹿夢魚
