收藏 / 列表

integrated_product_development 頭像

IPD產品研發管理 - 如何通過TR技術評審管控IPD開發風險？

作為產品開發全流程的技術風險管控實踐，TR（Technical Review，技術評審）自然是IPD流程中不可或缺的一環。 接下來我們需要明確：TR評審是什麼？ 一般TR評審是團隊對技術方案、設計輸出、驗證結果做的系統性審查，主要確保產品的技術路線合規、性能達標、可製造性可控，避免因技術問題導致開發返工、成本超支或上市延期。 一、TR評審在IPD中有什麼作用？ 在IPD中，TR評審貫穿產品開發的

觀點 , segmentfault , 程序員 , 後端 , 前端

aqiongbei 頭像

aqiongbei - javascript中的動態集合NodeList&HTMLCollection

不知道你有沒有在控制枱見到過類似這樣的輸出 我們會發現，同樣都是獲取元素的代碼，為啥一個是NodeList，一個是HTMLCollection。 那麼這倆是啥？又有啥區別，本篇文章我們就聊聊這個。 NodeList NodeList對象是節點的集合(類數組)。通常是由屬性，如Node.childNodes 和 方法（如document.querySelectorAll） 返回的

dom , 前端 , Javascript

evilboy 頭像

瘋狂的技術宅 - 超越 Cookie：當今的客户端數據存儲技術

超越 Cookie：當今的客户端數據存儲 作者：Adam Giese 翻譯：瘋狂的技術宅 原文：https://blog.logrocket.com/be... 未經允許嚴禁轉載 當 cookie 被首次引入時，它是瀏覽器保存數據的唯一方式。之後又有了很多新的選擇：Web Storage API、IndexedDB 和 Cache API。那麼 cookie 死了嗎？我們來看看這些在瀏

indexeddb , cookies , storage , cookie

jianzhuangdeyaling 頭像

用户bPdeUmS - PostCSS 插件系統：如何使用 PostCSS 插件優化 CSS 工作流

PostCSS 是一個功能強大的 CSS 處理工具，廣泛應用於現代前端開發中。它本身並不是一個 CSS 預處理器，而是一個工具集，可以通過插件系統來處理、優化、和增強 CSS 代碼。PostCSS 的核心非常輕量，但插件系統卻讓它極具擴展性，可以實現自動添加瀏覽器前綴、轉換現代 CSS 特性、支持變量、嵌套、甚至可以檢查和修復代碼質量等功能。 本文將專注於如何使用 PostCSS 插件優化 CSS

postman , postcss , typescript , 前端 , Javascript

liuyuxuan6666 頭像

LYX6666 - 阿里雲Linux服務器SSH啓用密鑰對連接

前言 當SSH啓用密鑰對之後就會禁止密碼連接，這種情況下安全性會大大加強。 而像阿里雲這種雲服務供應商則把這個流程變得非常簡單。 在買服務器的時候就可以自動配置，我們要做的就是知道怎麼連接它。 創建實例的注意事項 在ECS購買頁面，選擇Linux或Freebsd之後，下面就可以選擇密鑰對連接： 此時如果沒有密鑰對就創建一個： 點擊確認後，會下載私鑰文件，並且密鑰對列表多了一條數據：

rsa , SSH

daimaxieshen 頭像

瓏墨 - JavaScript 引擎如何工作？💭

😘前言：要了解 JavaScript 引擎，你必須瞭解當我們編譯和執行代碼時它的內容。一旦你完全閲讀了這篇文章，你就可以寫出一段優秀的代碼。這篇文章是關於JavaScript引擎的，它將幫助你瞭解JavaScript引擎的性能及其最有價值的功能，嘎嘎嘎，看下面😍。 一、什麼是 JavaScript 引擎？🧐 JavaScript引擎是一個程序，有助於將JavaScript代碼轉換為較低級別的

瀏覽器原理 , challenge , 前端 , html5 , Javascript

zxc7563598 頭像

蘇琢玉 - 寫博客寫代碼都適用：推完就自動部署的 GitHub Webhook 工具

前陣子，我看到有人在吐槽自己寫博客很麻煩——寫麻煩、託管麻煩，推完 GitHub 之後還得去服務器上手動拉代碼部署。雖然我以前在做類似的東西，但他這麼一提讓我想起這件事，我就想着，不如把自己一直隨便用的小玩意整理一下，順便分享給大家。 於是就有了這個小項目：一個輕量級的 GitHub Webhook Listener，用 Go 寫的，可以幫你在推送代碼後自動觸發部署。 什麼是 Webhook W

自動部署 , github , 自動化部署 , 博客

qfifteen 頭像

十五 - 受夠了團隊代碼風格不統一？7千字教你從零搭建代碼規範體系

前言 此篇文章主要講解如何來搭建一套代碼規範體系，主要內容為：通過 ESLint + Prettier + Stylelint 實現代碼風格規範、格式化，通過 EditorConfig 實現 IDE 編碼風格規範化 本文約 7k 字，主要內容分為 7 個大章節，內分多個小章節。請耐心讀完，相信你應該有所收穫 本文也是《通俗易懂的中後台系統建設指南》系列的第四篇文章，該系列旨在告訴你如何來構建一個優

vue.js , 代碼規範 , 前端

haixiudezhusun 頭像

高德開放平台 - 高德智能手錶解決方案，助力榮耀手錶5 Ultra開啓智慧出行

6月12日，高德開放平台推出了全新的智能手錶解決方案，憑藉其海量數據與多品類地圖服務的深度融合，為智能穿戴設備帶來了全新的可能性。 這一解決方案不僅覆蓋了全國超過7000萬的POI數據以及海外超過1.2億的POI數據，還實現了全球200多個國家和地區的地圖、搜索、定位和導航服務，滿足了用户在智能守護、運動出行等場景下的多樣化需求。同時，該方案支持多樣化的地圖模板和個性化元素配置，助力開發者快速定製

地圖開發 , 地圖api , 人工智能 , 後端 , 前端

waweb 頭像

哇喔WEB - TypeScript中如何使用Object、object和{}？

Object、object和{}（對象類型） 不知道是不是有很多兄弟和我一樣，在進行typescript的前端項目開發時，總是不能很好地使用對象類型；有時會定義為Object，有時又會定義為object，但是大多時候我們會混淆兩者。 就拿我個人而言，對於對象我都下意識的定義為object，運氣好呢編譯通過了（開心😄），運氣差點呢vscode還有提示修復能，一鍵修復也是記極好了。但是，咱也不是完

object , typescript , 前端

buddhad666 頭像

buddha - vscode正則替換

舉個例子： 替換前 Access-Control-Allow-Credentials: true Access-Control-Allow-Origin: https://movie.douban.com Cache-Control: must-revalidate, no-cache, private Connection: keep-alive Content-Encoding: br

regexp , visual-studio-code

jhcan333 頭像

JHCan333 - 代碼 review 介紹

一、為什麼要review 1、提高代碼質量 這是代碼 Review 的初衷，也是代碼 Review 最直接的價值。Reviewers 根據各自的經驗，思考方式，看問題的角度給代碼提出各種可能的改進意見，從而形成更好的代碼以及產品質量。 我們知道產品問題越晚提出解決它的代價就越大，參與進去的人、要走的流程都會越來越多。代碼 Review 可以説是早期解決問題最有效的途徑之一了，在代碼 Review

規範化 , 程序員 , 前端

landyliu 頭像

前端哇發哈 - 大話css預編譯處理（一）通讀介紹篇

一、什麼是css預編譯處理？ CSS 預編譯處理，從字面上理解，就是預先編譯處理CSS。它擴展了 CSS 語言，增加了變量、Mixin、函數等編程的特性，使 CSS 更易維護和擴展。CSS預編譯的工作原理是提供便捷的語法和特性供開發者編寫源代碼，隨後經過專門的編譯工具將源碼轉化為CSS語法。 CSS預編譯器幾乎成為現如今開發CSS的標配，它從以下幾個方面提升了CSS開發的效率： 增強編程

sass , less , stylus , Css , 前端

grapecity 頭像

葡萄城技術團隊 - TV 端 APP 界面設計：原則、模式與實用指南（上） | 葡萄城技術團隊

TV 端 APP 界面設計：原則、模式與實用指南（上） UX · 設計 · 電視 · 靈感 電視界面設計是個獨特、有趣卻常被忽視的領域。幾十年來，它在演進與創新中不斷髮展，卻始終受限於自身的傳統遺產。讓我們跟隨米蘭（Milan）的視角，探索那些決定電視操控邏輯的歷史、獨特屬性與不可撼動的規則。 電視已佔據我們的客廳數十年。我們觀看、交互、操控它，卻很少有人專門為它做設計。此前，電視設計也一直不在我

app

laomao_5902e12974409 頭像

來了老弟 - 前端base64圖片下載報錯(已解決！！！)

前端下載base64格式圖片時，報錯：Not allowed to navigate top frame to data URL，代碼如下： a href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAIUlEQVQ4jWMUXfH6PwOVABO1DBo1bNSwUcNGDRs1DAcAAJNsAs1

base64 , 前端

user_p5fejtxs 頭像

林一一 - 面試 | 你不得不懂的 JS this 指向

推薦閲讀地址 掘金 前言：大家好，我是林一一，這是一篇關於 this 指向的文章。this 是 JS 中一個特別重要的一個知識點，this 難嗎？好像挺簡單的。看完下面這一篇文章，還不會的話，你別來找我。手動狗頭🐕。 思維導圖 this 的指向 執行函數前有 '.' 點操作符的話，函數體中的 this 就指向前面的對象，沒有就指向 window，嚴格模式下指向 undefined。這句話特

面試 , this的用法 , 前端 , Javascript

dunizb 頭像

杭州程序員張張 - 使用CSS ::marker的自定義項目符號

現在，在使用 ul 或 ol 時自定義數字或項目符號的顏色，大小或類型很簡單。 感謝CSS ::marker，我們可以更改內容以及項目符號和數字的某些樣式。 瀏覽器兼容性 當Chromium 86發佈時，::marker 將在桌面和Android的Firefox、桌面Safari和iOS Safari以及基於Chromium的桌面和Android瀏覽器中得到支持。有關更新，請參見MDN的瀏覽器兼

css技巧 , Css , 前端

zhongkejin 頭像

中關村科金 - MobPush標籤推送新範式，精準觸達就得這麼玩

在當今競爭激烈的數字市場，運營人員常常面臨“推送點擊率低”、“會員轉化率差”、“新用户留存差”等困境。這些問題的背後，是傳統的推送策略已不再能滿足用户多樣化、個性化的需求。為助力APP打破常規，提升用户體驗，增強用户粘性。近日，MobPush智能消息推送系統標籤推送能力全面升級，通過更智能、更精準的推送工具，助力運營人員實現精準觸達，提升轉化和留存，推動業務增長。這不僅是產品功能的迭代，更是運營思

sdk , 前端

qianxiaqingkong 頭像

蘭俊秋雨 - Charles使用教程

背景 Charles 是一個 HTTP 和 SOCKS 代理服務器。代理請求和響應使 Charles 能夠在請求從客户端傳遞到服務器時檢查和更改請求，以及從服務器傳遞到客户端時的響應。 抓包 PC端抓包 1、選擇菜單中的Proxy - Mac OS X Proxy 2、確保 Charles 處於 Start Recording 狀態。 移動端抓包 1、手機和電腦在同一個網絡： 2、電腦

charles , 前端

wenjinhua 頭像

前端子金 - h5 video踩坑記錄

筆者近來在用h5 的video來開發視頻，下面來聊一聊是怎麼一步一步填坑的。 一些在開發中的注意點，都在代碼裏的註釋進行描述 基本需求 禁止全屏 是否自動播放 播放器尺寸的設置 播放完畢時回到初始狀態 1. 禁止全屏 webkit-playsInline={true} // ios x5-playsInline ={true}// android playsInline ={tr

視頻 , h5播放器 , 兼容性 , 前端 , Javascript

data_ai 頭像

數據庫知識分享者 - 好好的“代碼優化”是怎麼一步步變成“過度設計”的

有一天Review師妹的代碼，看到一行很難看的代碼，畢竟師妹剛開始轉JAVA，一些書寫小習慣還是要養成，所以錙銖必較還是有必要的，於是給出了一些優化思路的建議，以及為什麼要這麼做。建議完後，我並沒有停下”追求極致“的腳步，隨着不斷的思考，發現這段代碼的優化慢慢變得五花八門起來了，完成了一次“代碼優化”到“過度設計”的典型思考過程，這過程中涉及了很多Java的語法糖及設計模式的東西，很典型，能啓發思

code , 雲計算 , 阿里雲 , 代碼優化 , 代碼質量

heqiliao_5cf8819257e40 頭像

何棄療 - 微信小程序onShow的坑點

最近，公司小程序項目功能更新，部分功能複測，讓某些兼容性問題再次暴露在我的面前，特此發出來給暫未遇到這個問題的開發者，提供一些思路。 onShow表現 這個事件鈎子，在頁面重新顯示的時候觸發，無論是否重新加載，對於一些數據更新和獲取，提供了穩定的處理方案。但是，假如當前頁面有選擇圖片上傳的功能或者文件上傳，選擇文件後，頁面會進入onShow鈎子，且這種情況安卓是必然觸發，IOS系統，身邊設備有限，

生命週期 , 小程序 , 前端

tongchuangyongyi 頭像

同創永益 - 從被動響應到主動防禦——IT 應急演練平台 v3.0.1 重構企業安全免疫系統

在數字化浪潮席捲全球的今天，企業正面臨着前所未有的風險挑戰：某銀行因系統故障導致 2 小時交易中斷，損失超 5000 萬元；某能源集團因災備系統失效，數據恢復耗時長達 72 小時...... 這些慘痛教訓背後，暴露的是傳統應急體系 "重預案、輕實戰" 的致命短板。 在當今數字化時代，企業面臨着複雜多變的IT環境，應急事件的響應能力成為企業穩定運營的關鍵。為了幫助企業更好地應對各種挑戰

it , 數字韌性 , 前端

carloslab 頭像

Carlos - React 的單向數據流

React 的單向數據流 React 的單向數據流（One-way Data Flow）指的是組件中的數據流動是自上而下的，也就是説，父組件可以通過 props 向子組件傳遞數據，而子組件不能直接修改父組件的狀態。數據只能沿着組件樹從父組件流向子組件，任何需要更新的數據必須由父組件通過狀態提升或者回調函數來處理。 單向數據流的優點 可預測性強： 由於數據流動是單向的，數據從父

react , 全棧工程師 , 前端