博客 RSS 訂閱

wenwenjie 頭像

Nov 24 2018

雞蛋炒番茄 - 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 頭像

Nov 22 2018

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

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

微信 , vue.js , mobile

staven 頭像

Nov 20 2018

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

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

angular5 , angualr , angular6 , Javascript

ruidoc 頭像

Nov 17 2018

楊成功 - 【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 頭像

Nov 16 2018

dejavu - Phalcon控制器

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

invalidnull 頭像

Nov 04 2018

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

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

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

dreamans 頭像

Oct 31 2018

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

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

invalidnull 頭像

Oct 28 2018

註銷 - 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 頭像

Oct 27 2018

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

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

angular5 , ssr , typescript , i18n

invalidnull 頭像

Oct 27 2018

註銷 - 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 頭像

Oct 26 2018

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

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

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

invalidnull 頭像

Oct 23 2018

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

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

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

invalidnull 頭像

Oct 22 2018

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

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

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

invalidnull 頭像

Oct 22 2018

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

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

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

invalidnull 頭像

Oct 22 2018

註銷 - JavaScript的語音識別

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

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

eternalsky 頭像

Oct 22 2018

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

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

mobile , Javascript

invalidnull 頭像

Oct 22 2018

註銷 - 小技巧：如何突破某些網站只能登陸後才能進行文字拷貝的限制

我寫公眾號文章時，經常需要從一些網站的文章上查閲一些資料。比如我想把這個網頁上的一個標題“SAP Fiori 2.0用户體驗設計概念獲紅點大獎”進行拷貝。然而當我按了鍵盤上的拷貝快捷鍵Ctrl C後，卻收到這個提示，告訴我只有登陸後才能夠進行復制操作。可是為了登陸我得先註冊，有點麻煩。如果趕時間的話，可以使用這篇文章的小技巧，達到不用先註冊再登陸，也能任意拷貝網頁文字的效果。下面是詳細步

webpack , javascript專題系列 , HTML , Javascript , Web

invalidnull 頭像

Oct 20 2018

註銷 - 如何用JavaScript實現2+2=5？

我大學畢業找工作時，經常做一些稀奇古怪的面試題。這不，給大家分享一道整蠱的面試題，它其實不能算一道正式的面試題，大家可以用它來捉弄你們那些程序員朋友。題目：如何用JavaScript實現2+2=5？答案如下。新建一個txt文件，然後把後綴名改為.html, 再用瀏覽器打開。 html script g = function () { H = 3 return H + H } f

javascript繼承 , javascript性能 , javascript原型 , javascript專題系列 , Javascript

mataotao 頭像

Oct 16 2018

風徹 - HTTP緩存（Cache-Control、Expires 、ETag）

HTTP緩存 HTTP緩存（ ETag、Cache-Control）——谷歌開發者 HTTP緩存有利於web性能優化 Cache-Control 例子假設我們首頁有一個請求,請求js文件 script src="./main.js"/script 如何讓CSS和JS請求速度加快? 此時打開首頁發現這個文件大小為279KB，使用時間為382ms 如果再次刷新首頁，

etag , cache-control , http緩存 , expires

mataotao 頭像

Oct 15 2018

風徹 - Session

Session Cookie 和 Session 區別與聯繫由於HTTP協議是無狀態的協議，所以服務端需要記錄用户的狀態時，就需要用某種機制來識具體的用户，這個機制就是Session。典型的場景比如購物車，當你點擊下單按鈕時，由於HTTP協議無狀態，所以並不知道是哪個用户操作的，所以服務端要為特定的用户創建了特定的Session，用用於標識這個用户，並且跟蹤用户，這樣才知道購物車

localstorage , cache-control , 前端 , Javascript , session

shen_5bbe318c912ed 頭像

Oct 11 2018

Shen - 高階函數應用 —— 柯里化與反柯里化

閲讀原文前言在 JavaScript 中，柯里化和反柯里化是高階函數的一種應用，在這之前我們應該清楚什麼是高階函數，通俗的説，函數可以作為參數傳遞到函數中，這個作為參數的函數叫回調函數，而擁有這個參數的函數就是高階函數，回調函數在高階函數中調用並傳遞相應的參數，在高階函數執行時，由於回調函數的內部邏輯不同，高階函數的執行結果也不同，非常靈活，也被叫做函數式編程。柯里

高階函數 , currying , Javascript

tiantiantiantianxuexi 頭像

Oct 09 2018

天天天天學習丶 - 第一次vue單頁面應用ios低版本爬坑總結

1.vue打包後iphone 5c ios10.3.3打開報錯,調試時無錯誤. 求解決辦法問題鏈接解決辦法 webpack.prod.conf.js 配置 const UglifyJsPlugin = require('uglifyjs-webpack-plugin') new UglifyJsPlugin({ uglifyOptions: { compress: {

vue.js , webpack-dev-server , 單頁面應用 , babel , Javascript

w3cbest 頭像

Oct 09 2018

佚名 - js模板引擎art template數組渲染的方法

轉載：js模板引擎art template數組渲染的方法 JavaScript 模板引擎作為數據與界面分離工作中最重要一環，越來越受開發者關注，模板引擎種類也是五花八門，我就説幾個安全性高、錯誤處理調試優，執行速度快的有artTemplate(騰訊 14k)、juicer(國外 12k)這倆個，doT除了錯誤處理調試差以外其他的都和這兩個一樣,他有一個優點是小(4k)，扯遠啦。 art-templ

arttemplate , 模板引擎 , jquery , 前端 , Javascript

yangzhoulong 頭像

Oct 02 2018

楊周龍 - 關於exprot 和expert default的區別

首先我們先知道exprot的作用是什麼，exprot是用於導出模塊，通常配合 improt 使用 exprot和exprot default的區別，什麼情況下用exprot，什麼情況下用exprot default。 1.exprot //命名導出，用於導出多個對象示例代碼：在b.js中引入a.js模塊 a.js const a=123 const b=functio

javascript專題系列 , Javascript

1385 1386 1387 1388 1389