博客 RSS 訂閱

codehunter 頭像

codehunter - 關於模板解析的經典實踐

概要：摘錄的jquery的模板的部分代碼，整理一下解析模板的思路。重點在正則的用法的掌握。 分析代碼內容 script (function(){ var cache = {}; var tag_start='!--'; var tag_end='--'; this.tmpl = function tmpl(str, data){ var strTemp = str.repla

模板引擎 , 正則表達式 , Javascript

收藏 評論

ronffy 頭像

小賊先生 - immer.js 實戰講解文檔

文章在 github 開源， 歡迎 Fork 、Star 前言 Immer 是 mobx 的作者寫的一個 immutable 庫，核心實現是利用 ES6 的 proxy，幾乎以最小的成本實現了 js 的不可變數據結構，簡單易用、體量小巧、設計巧妙，滿足了我們對JS不可變數據結構的需求。 無奈網絡上完善的文檔實在太少，所以自己寫了一份，本篇文章以貼近實戰的思路和流程，對 Immer 進行了全面

react , immutable-js , Javascript

收藏 評論

estelle_59c3801a5b3b0 頭像

estelle - 用ActionScript與JavaScript實現Flash與網頁的交互

Flash與網頁交互效果圖 Flash有強大的繪圖功能、圖形功能，能夠與網頁的參數傳遞聯繫起來，配合後端的服務器語言，能夠收到很大效果。不過這樣編程比較麻煩，要調試Flash，然後要放到服務器上調試。 一、Flash部分 1、首先，新建一個ActionScript3.0的Flash，新建之後就保存為webPage.fla，這次的Flash無須這麼大的尺寸，否則網頁中會有很多的留白，設置大小

actionscript , Javascript

收藏 評論

djz1234 頭像

大桔子 - 阿里雲服務器部署 nodejs + mongodb + nginx 反向代理 + https配置 ssl證書

感謝 Scott 老師，Scott老師的慕課網教程 https://coding.imooc.com/clas... 1. 購買阿里雲服務器及域名 2. 終端連接阿里雲服務器（mac環境） ssh root@39...* 輸入密碼（購買時的密碼） 如果出現這個問題的解決方案：root@39.106.220*.*: Permission denied (publickey,gs

ssl證書 , node.js , mongodb , proxy-pass , Nginx

收藏 評論

dreamans 頭像

dreamans - Symfony4中文文檔: 路由

路由 漂亮的URL是任何嚴謹的Web應用程序所必須的. 這意味着像 index.php?article_id=57 這樣醜陋的URL要被 /read/intro-to-symfony 所取代. 具有靈活性更加重要. 如果你需要將 /blog 更改為 /news , 需要做些什麼? 你需要搜索並更新多少鏈接才能做出這種改動? 如果你使用的是Symfony的路由, 更改將是很簡單的. 創建路由 路由是

php , symfony

收藏 評論

bbqzhiyoufanshu 頭像

BBQ只有番薯 - mocha

這篇文章百分之99都是照着mocha官網的內容來寫的。就是個掃盲文，如果你想獲得關於mocha更深層次不為人知的內容，還是別浪費你寶貴的十幾分鍾了，馬上叉掉。不為啥的，我就做個筆記，方便以後複習。 mocha(抹茶)是一款javascript測試框架，支持在node和瀏覽器端運行。它比QUnit更完善，可擴展性更強。在官網上，對它的描述就是簡單，可擴展，有趣。（有趣是什麼鬼） 使用 // 1 np

mocha , 單元測試 , Javascript

收藏 評論

dreamans 頭像

dreamans - Symfony4中文文檔: 創建你的第一個Symfony頁面

創建你的第一個Symfony頁面 創建一個新頁面 - 無論是HTML頁面還是JSON端點 - 分為兩步: 創建一個路由: 路由（route）是一個指向你的頁面URL（比如/about）, 同時它映射到一個控制器. 創建一個控制器: 控制器（controller）是你為了構造頁面而寫的功能. 獲取傳入的request請求信息並用它創建一個Symfony Response對象, 該對象可以包含H

php , symfony

收藏 評論

wenwenjie 頭像

雞蛋炒番茄 - Immutable.js 源碼解析 --Map 類型

上一片文章介紹的是 List 結構。那對於 Map 結構又要如何處理，沒有 List 結構的索引，那怎麼辦呢？ 我們把鍵名變為哈希值就可以啦~ HAMT：Hash Arrey Mapped Trie 。這個結構就是Map中所用到的。 immutable中的hash計算核心代碼如下: function hashString(string) { // This is the hash from J

immutable-js , 前端 , Javascript

收藏 評論

wenwenjie 頭像

雞蛋炒番茄 - Immutable.js 源碼解析 --List 類型

一、存儲圖解 我以下面這段代碼為例子，畫出這個List的存儲結構： let myList = []; for(let i=0;i1100;i++) { myList[i] = i; } debugger;//可以在這裏打個斷點調試 let immutableList = Immutable.List(myList) debugger; console.log(immutableList.s

immutable-js , 前端 , Javascript

收藏 評論

jiangchen_587dca8d8937e 頭像

將臣 - 前後端分離的項目微信 js-sdk 自定義分享鏈接

最近有點記不清微信 sdk 操作步驟了，藉着項目做到自定義分享鏈接的模塊，重温記錄下過程心得。 前後端分離的項目，綁定域名、獲取 appId 等操作就由後端同事完成，這裏只記錄前端所需的工作。 自定義分享鏈接過程 開發工具 只需微信 web 開發者工具，通過它可以非常容易地定位問題：它會打印所引用的 appId、接口是否可用等；也能點擊模擬分享。無需一次次拿起手機測試。 js-sdk 引入方式

微信 , vue.js , mobile

收藏 評論

staven 頭像

staven - 問道Angular——Angular刷新當前頁面

onSameUrlNavigation   從angular5.1起提供onSameUrlNavigation來支持路由重新加載。、   有兩個值'reload'和'ignore'。默認為'ignore'   定義當路由器收到一個導航到當前 URL 的請求時應該怎麼做。 默認情況下，路由器將會忽略這次導航。但這樣會阻止類似於 "刷新" 按鈕的特性。 使用該選項可以配置導航到當前 URL 時的行為。

angular5 , angualr , angular6 , Javascript

收藏 評論

ruidoc 頭像

楊成功 - 【webpack】vue2.5 + webpack3 常用loaders彙總

從零開始搭建vue+webpack環境，坑很多，各種plugins和loader眼花繚亂，最關鍵的是很多loader隨着webpack4升級也是大改造，新版本在webpack3上直接用不了。下面關鍵記錄些東西和版本 1. webpack webpack@3.12.0 webpack-dev-server@2.9.1 webpack負責vue工程的構建，webpack-dev-server實

vue.js , webpack3

收藏 評論

dengj 頭像

dejavu - Phalcon控制器

Phalcon 控制器 使用控制器(Using Controllers) Actions是控制器中用於處理請求的方法。默認情況下，控制器中所有公共方法都映射到Actions，能夠通過URL訪問。Actions負責解釋請求並創建響應，響應通常以視圖形式呈現，或通過其他方式創建。 當訪問類似http://localhost/blog/posts/show/2015/the-post-title的URL

php , phalcon

收藏 評論

invalidnull 頭像

註銷 - 如何創建一個新浪微博應用以及獲得Access token

前提條件是您得先有一個新浪微博帳號。 打開網頁http://open.weibo.com/wiki/%E... 點擊新手引導-開發者頁面： 會自動跳轉到頁面：http://open.weibo.com/develop... 點擊按鈕”創建應用“： 選擇創建的應用類型： 維護該新浪微博應用的相關信息： 創建成功後，得到應用的url：http://open.wei

oauth2.0 , access-token , oauth , 微博 , weibosdk

收藏 評論

dreamans 頭像

dreamans - Symfony4中文文檔: 安裝和設置Symfony框架

安裝和設置Symfony框架 要創建新的Symfony應用程序, 首先確保使用的是PHP7.1 或更高版本並且已經安裝Componser. 如果未安裝, 請首先在系統上全局安裝Componser. 如果你想使用虛擬機（VM）, 請查看Homestead 通過運行以下命令來創建新項目: $ composer create-project symfony/website-skeleton my-pro

php , symfony

收藏 評論

invalidnull 頭像

註銷 - SAP Cloud for Customer使用移動設備訪問系統的硬件要求

如果用平板電腦的話，推薦的設備列表： Android Samsung Galaxy Tab S2○ Processor: 2 x quad-core CPU -- 1.9 and 1.3 gigahertz (GHz)○ Memory: 3 gigabytes (GB)○ Storage: 32 gigabyte (GB) internal flash memory●iOS iPad Air 2○

mobile , mobile-web-design , sap , cloud , abap

收藏 評論

fortnight 頭像

Fortnight - 小談Angular SSR項目的國際化

特別聲明，本文由Fortnight_許帥博原創，受限於作者能力，文章或存在不足，歡迎大家指出。如需轉載，煩請註明出處。 前言 近日，我一直負責的項目已經成長到了一個較為穩定的狀態，因此早前被擱下的國際化問題又重新提了出來，為此，我對ngx-translate這個庫做了一些瞭解，但看完後我感到有些頭疼，因為項目中的出現的文案文本都需要替換為語言包文件中對應的鍵名，這是個繁瑣枯燥，又必須細心的工作。儘

angular5 , ssr , typescript , i18n

收藏 評論

invalidnull 頭像

註銷 - Docker鏡像的目錄存儲講解

我們成功安裝完docker後，執行命令行sudo docker run hello-world, 如果是第一次執行，則會從遠程拉取hello-world的鏡像到本地，然後運行，顯示hello world。 以ubuntu系統為例，本地鏡像存儲於目錄/var/lib/docker文件夾下： 相關目錄介紹如下。 /var/lib/docker/image/overlay2：存儲鏡像管理數據的目錄，

docker-compose , docker-images , proxy-pass , virtualbox , Docker

收藏 評論

invalidnull 頭像

註銷 - 使用JavaScript將當前頁面保存成PDF，支持圖片和文字的保存

前端開發的朋友們可能會遇到這個需求：將您負責開發的網頁的全部內容，包括文字和圖片，一起保存成一個PDF文件。如果採用屏幕截圖的話，默認Windows操作系統的截圖按鈕無法完整截取超過一屏幕的屏幕內容。 我在網上找了一段時間，蒐集到了一些解決方案，在這裏分享給廣大程序員。 這個解決方案包含了兩個步驟，將前端頁面轉化為PDF: 1. 遍歷當前網頁的DOM結構，收集所有DOM樹上每個節點的元素信息及相應

pdf導出 , pdf , javascript繼承 , javascript專題系列 , Javascript

收藏 評論

invalidnull 頭像

註銷 - 使用JavaScript給對象修改註冊監聽器

我們在開發一些大型前端項目時，會遇到這樣一種情況，某個變量上有個字段。我們想知道是哪一段程序修改了這個變量上的字段。比如全局變量window上我們自定義了一個新字段_name，我們想知道到底有哪些程序給這個字段賦了值。 一行行地調試肯定太費時間了。如果window這個變量的_name字段被程序賦值時，能執行我們自己實現的一個監聽器，這樣不就方便多了麼？ 監聽器的實現很簡單: html scrip

object.defineproperty , javascript原型 , javascript專題系列 , object , Javascript

收藏 評論

invalidnull 頭像

註銷 - 100行代碼讓您學會JavaScript原生的Proxy設計模式

面向對象設計裏的設計模式之Proxy（代理）模式，相信很多朋友已經很熟悉了。比如我之前寫過代理模式在Java中實現的兩篇文章： Java代理設計模式(Proxy)的四種具體實現：靜態代理和動態代理 Java動態代理之InvocationHandler最簡單的入門教程 其實和Java一樣，JavaScript從語言層面來講，也提供了對代理這個設計模式的原生支持。我們用一個不到100行代碼的例

js異步編程 , 代理 , design-pattern , proxy-pass , Javascript

收藏 評論

invalidnull 頭像

註銷 - Java代理設計模式(Proxy)的四種具體實現：靜態代理和動態代理

在多模態模型的架構上，ChatGPT 的繪圖能力主要依賴以下幾個核心組件： 跨模態編碼器（Cross-Modal Encoder）： 跨模態編碼器的作用是將文本和圖像的特徵進行對齊。GPT 可以將用户輸入的文本描述轉換為文本特徵表示，然後利用跨模態編碼器將這些特徵映射到圖像特徵空間。這種方式確保模型能夠理解描述性語言中不同細節是如何與圖像特徵對應的。

JDK , 代理 , design-pattern , proxy-pass , JAVA

收藏 評論

invalidnull 頭像

註銷 - JavaScript的語音識別

有沒有想過給您的網站增添語音識別的功能？比如您的用户不用點鼠標，僅僅通過電腦或者手機的麥克風發佈命令，比如"下拉到頁面底部”，或者“跳轉到下一頁”，您的網站就會執行對應命令。聽起來很酷對麼？然而為了實現這個功能，必須得讓您網站的JavaScript腳本能夠識別到這些語音輸入。 這裏介紹一個開源的JavaScript語言輸入庫，名叫annyang。 Github地址：https://github.

語言檢測 , sap , javascript原型 , Javascript

收藏 評論

eternalsky 頭像

紅白 - 在格式化的場景下，React input 的光標的處理辦法

今天要來説的是有關於有數值格式化的場景中，React input 光標的一些異常的表現和對應的處理辦法。故事要從一個 issue 説起，有用户反映在使用 NumberField 組件輸入時安卓下會出現光標位置異常，導致連續輸入會達不到期望的結果。具體表現是什麼樣的呢？ 圖1 安卓下不期望的輸入行為 可以看到，在安卓手機下每次格式化發生的時候，本來應該一直在最後的光標會錯格一位，導致連續輸入出現問

mobile , Javascript

收藏 評論