博客 RSS 訂閱

huaguzheng 頭像

huaguzheng - 在 create-react-app 創建的項目中自定義 Service Worker 緩存策略

在使用 create-react-app 創建的項目中，已經自帶有一個 serviceWorker.js 文件，為項目打包後的資源文件提供了離線緩存，我們只需要開啓或關閉這項特性。一般情況下，默認的緩存配置和策略已經夠用，但是在我們項目中遇到了如下需求 項目打包後的資源需要做離線緩存 對於某些遠程資源(非項目內)也需要能夠緩存 及時更新，用户不需要關閉當前 tab 頁也能訪問到最新版本

service-worker , workbox , create-react-app

收藏 評論

huangruorumeng 頭像

恍若如夢 - 樣式篇 - CSS基礎總結

層疊樣式表 (Cascading Style Sheets，縮寫為 CSS），是一種 樣式表 語言，用來描述 HTML 或 XML（包括如 SVG、MathML、XHTML 之類的 XML 分支語言）文檔的呈現。CSS 描述了在屏幕、紙質、音頻等其它媒體上的元素應該如何被渲染的問題。 CSS 是開放網絡的核心語言之一，由 W3C 規範 實現跨瀏覽器的標準化。CSS節省了大量的工作。 樣式可以

css3 , css技巧 , Css , HTML , 前端

收藏 評論

invalidnull 頭像

註銷 - 基於jQuery的前端開發框架，在企業級開發領域裏已經涼了嗎？

On 2017-03-28 I visited a local customer who have been using our CRM on-Premise since 2010. The reason for this visit is that they have finished some reorganization and there are some new business pro

jquery-ajax , saprfc , sap , abap , jquery

收藏 評論

jwchan1996 頭像

飄香豆腐 - Electron 踩坑記錄（一）

場景描述 構建 pc 客户端，採用 electron-vue 腳手架進行快速搭建環境。 功能點在 web 端全部正常，移植代碼到 electron 時出現問題的功能點有： 1. rtmp 流媒體的播放 2. ant-design-vue UI 框架部分組件失效 🔥 播放器使用的是 vue-video-player，播放 rtmp 流需要使用 flash 技術。 electron 引用

Flash , ant-design , electron , rtmp

收藏 評論

powerful_simon 頭像

小謳 - 小程序重構 [cnode社區]：mpvue + 開源api，現已上線！

歡迎關注前端小謳的github，閲讀更多原創技術文章 閒暇時光表浪費，由於技術棧一直用的vue，因此用 mpVue 開發了小程序版本的 cnode 社區，api 也都是官網開源的。有人會問 “mpvue不是已經停止維護了嘛？”——的確是的，而且使用起來有很有坑。但這是我第一次寫小程序，找個最相近的語言最適合——無論選擇哪種技術棧，產品要完整做出來才行。小程序現已上線，後續還將逐步嘗試在tar

vue.js , node.js , 小程序 , mpvue , Javascript

收藏 評論

weilan_592e563d27438 頭像

微瀾 - [golang聖經]查找重複的行(程序無響應?)

go聖經裏有一段查找重複的行的代碼,發現輸入無反應不會打印重複行數據 // Dup1 prints the text of each line that appears more than // once in the standard input, preceded by its count. package main import ( "bufio" "fmt" "o

input , go

收藏 評論

113p 頭像

113資訊網 - 「緊急通知」寶塔面板漏洞 linux正式版7.4.2

根據寶塔官方消息，正式版7.4.2出現嚴重漏洞 安裝了寶塔面板的服務器，通過IP:888/pma即可直接進入數據庫後台，對數據庫進行任何的修改和刪除。 目前官方已經緊急通知了所以使用寶塔面板的用户，並且在官方論壇，QQ羣，公眾號發佈了寶塔面板的升級通知，緊急修復了現在的bug 在這裏呢，建議大家在放行端口方面，只需要放行所需要的端口如80,443不開放其他端口，可以很大程度地提升網站的安全（113

lnmp , 寶塔

收藏 評論

ironpandaaa 頭像

鐵熊 - 創客教育中常見的視覺識別攝像頭介紹

近年來，創客教育、人工智能教育在中小學日漸普及。從目前中小學教育的應用層面來説，主要包含了視覺和聽覺等幾個領域的人工智能教學。因此，攝像頭模塊或傳感器，作為視覺領域必不可少的教具，也被應用的越來越多。市面上越來越多的廠家或機構，也開發了許多視覺攝像頭相關的硬件。筆者作為一名創客愛好者以及中小學創客教育從業者，從自己的角度，為大家梳理了一些常用的攝像頭模塊，並做一些簡單的介紹。因筆者水平有限，以及

教育 , 開源硬件 , 攝像頭 , 人工智能 , 創客

收藏 評論

aqiongbei 頭像

aqiongbei - 如何理解fn1.call.call(fn2)的結果

問題復現 有這麼一道題： function fn1(){ console.log(`fn1 ${this}`) } function fn2(){ console.log(`fn2 ${this}`) } fn1.call(fn2);// fn1 function fn2(){console.log(`fn2 ${this}`)} fn1.call.call(fn2);//

call , ecmascript-6 , 前端 , Javascript

收藏 評論

ohaha 頭像

哦哈哈 - egg.js 原理解析

Egg.js 介紹 基於Koa的企業級三層結構框架 Egg.js 的結構 三層結構 信息資源層 暴露給外面的接口，後端對其他服務的暴露，包含 視圖、接口； 業務邏輯層 重複的業務邏輯處理放在裏面，實現核心的業務控制也是在這一層實現。 數據訪問層 重點負責數據庫訪問，完成持久化功能 項目結構 Egg-Dome ├──app ├────controller #路由對應的加載文件 ├

node.js , node-mysql , eggjs , 全棧工程師

收藏 評論

wenjinhua 頭像

前端子金 - h5 video踩坑記錄

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

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

收藏 評論

chenqiwen 頭像

陳其文 - chrome iframe cookies設置失敗

前言 新版Chrome增加了一個功能 SameSite，可以禁止iframe設置cookies。 如果我們在iframe中需要登錄驗證，那就比較麻煩。可以通過禁用這個功能解決。 例子 瀏覽器控制枱提示： A cookie associated with a cross-site resource at http://58.211.78.91/ was set without the `SameSi

chrome , iframe跨域 , cookies

收藏 評論

_raymond 頭像

Raymond - 瞎折騰：在html中使用 require/exports 或 import/export

本文又名 : 解析 require/exports 或 import/export 為 html 可識別的代碼 Uncaught ReferenceError: require is not defined 我一點也不想部署 webpack/gulp，僅僅只想在單個html中使用 require/exports 或 import/export # 正文前的簡略科普 require/exp

browserify , babel , 前端

收藏 評論

dlingling 頭像

Dlingling - 【flash】html中使用flash

最近看別人的一些代碼，裏面用到了flash，之前沒有用過，這次就學習了下～ !--[if IE] object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0

Flash , html5

收藏 評論

zhaixiamantianxing_5f3166da427dc 頭像

摘下滿天星 - 程序設計流程圖、項目管理流程圖模板分享

程序設計流程圖 遵循這種方法的程序設計,就是結構化程序設計。相應地,只要規定好三種基本結構的流程圖的畫法,就可以畫出任何算法的流程圖。程序設計流程圖,流程圖是一款網絡圖繪製軟件,新穎小巧,功能強大,可以很方便的繪製各種專業的業務流程圖/程序流程圖/數據流程圖/網絡拓撲圖,操作簡單,一鍵繪製.分析問題，對於接受... 訂單處理流程圖 1.用户下單 用户下單的環節,是指前台顧客即會員瀏覽商城網站進行

項目管理 , 開發流程 , 流程圖 , 產品設計 , 程序設計

收藏 評論

liu_namepea 頭像

我的名字豌豆 - 如何使用rem或viewport進行移動端適配?

 在開發移動端界面時，移動端適配一直是一個比較頭疼的事情，常見的移動端適配有viewport適配，rem適配，百分比適配等等，在這裏我們只介紹viewport適配和rem適配。看完這篇文章相信你應該會實戰操作移動端對於不同手機大小的適配問題了。 一：rem適配  rem是指相對於根元素的字體大小(font-size)的單位，根標籤的font-size=1rem。其可以稱作為相對單位，也就是説我們可

less , 移動端適配 , rem , viewport , 前端

收藏 評論

huaweiclouddeveloper 頭像

華為雲開發者聯盟 - 構造、析構期間被調虛函數發生的慘案，長教訓！

最近有個問題出現長達一個月，經過兩次修改未能解決，大致場景如下： 一個多態對象Children被註冊回調（m_observer對象位於基類Base中），正好在析構函數裏面回調，導致crash。 class Base { // ... protected: std::shared_ptrObserver m_observer; } class Children: public Ba

code , bug , 組合模式 , 回調函數 , 多態

收藏 評論

liu_namepea 頭像

我的名字豌豆 - call、apply、bind函數詳解

 我們都知道call,apply,bind函數都是為了改變this的指向，那麼對於三種函數有什麼相同點有什麼不太點或者有什麼應用呢？下面我們來進行介紹 call與apply函數  在javascript種，call,apply的出現是為了改變函數體內部this的指向，下面我們來看一個栗子，並從中進行分析。 var a = "我是window的小a"; var obj =

call , apply , bind , Javascript

收藏 評論

powerful_simon 頭像

小謳 - 解決 mpvue 經典 bug：同路由切換時，上次的數據會保留

關注前端小謳，閲讀更多原創技術文章 由於一直在用vue技術棧，因此初次開發小程序嘗試使用【mpvue】。儘管聽聞框架已停止維護，為了上手迅速，不顧可能存在的眾多bug，毅然用起來。 果不其然，一個大bug出現了：同一路由切換時，上一次的頁面數據會保留 項目實戰bug：mpvue重構cnode社區 github用户已在mpvue的issues給出相關原因： 參考眾多答案後，用“

vue.js , 小程序 , mpvue , 前端 , Javascript

收藏 評論

lihaixing 頭像

lihaixing - 詳解函數作用域

一、變量提升 1、變量 var 表示是變量 存在提前申明 同時也會和window存在映射機制(只存在於全局變量和window之間) console.log(a); // undefined 沒報錯，變量提升了 console.log(window.a, 'a' in window) // undefined true var a = 5; console.log(a); // 5 consol

函數 , 作用域 , 前端 , Javascript

收藏 評論

diyxiaoshitou 頭像

diyxiaoshitou - info There appears to be trouble with your network connection

使用 npx create-react-app 項目名 新建項目時，報錯； yarn add v1.22.4 info No lockfile found. [1/4] 🔍 Resolving packages... info There appears to be trouble with your network connection. Retrying... info There app

react , create-react-app , 前端

收藏 評論

ascent 頭像

指尖改變世界 - Java 常用函數式接口 —— Consumer接口

JDK提供了大量的函數式接口，方便我們開發的時候無需自己編寫接口，這些接口都比較通用，學會他們並且在工作中使用，不僅方便的解決問題，而且十分優雅。 1、接口概述 Consumer 接口也比較簡單，只有兩個方法，一個是抽象方法，一個是默認方法： @FunctionalInterface public interface ConsumerT { void accept(T t);

function , JAVA , stream

收藏 評論

rxliuli 頭像

rxliuli - 使用 React Hooks 結合 EventEmitter

使用 React Hooks 結合 EventEmitter 吾輩的 blog 原文在: https://blog.rxliuli.com/p/43...，歡迎來玩！ 場景 EventEmitter 很適合在不修改組件狀態結構的情況下進行組件通信，然而它的生命週期不受 react 管理，需要手動添加/清理監聽事件很麻煩。而且，如果一個 EventEmitter 沒有使用就被初始化也會有點麻煩。 目

react , hooks , event

收藏 評論

cscw 頭像

cscw - 基礎篇：JAVA資源之IO、字符編碼、URL和Spring.Resource

1 JAVA.IO字節流 LineNumberInputStream和StringBufferInputStream官方建議不再使用，推薦使用LineNumberReader和StringReader代替 ByteArrayInputStream和ByteArrayOutputStream 字節數組處理流，在內存中建立一個緩衝區作為流使用，從緩存區讀取數據比從存儲介質(如

亂碼 , spring , 字節流 , JAVA , 後端

收藏 評論