博客 RSS 訂閱

invalidnull 頭像

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

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

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

收藏 評論

invalidnull 頭像

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

風徹 - 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 頭像

風徹 - Session

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

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

收藏 評論

shen_5bbe318c912ed 頭像

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

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

高階函數 , currying , Javascript

收藏 評論

tiantiantiantianxuexi 頭像

天天天天學習丶 - 第一次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 頭像

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

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

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

收藏 評論

yangzhoulong 頭像

楊周龍 - 關於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

收藏 評論

liuxuan_5845129fbf248 頭像

leocoder - 從0到1實現Promise

前言 Promise大家一定都不陌生了，JavaScript異步流程從最初的Callback，到Promise，到Generator，再到目前使用最多的Async/Await（如果對於這些不熟悉的可以參考我另一篇文章《JavaScript異步編程》），這不僅僅是技術實現的發展，更是思想上對於如何控制異步的遞進。Promise作為後續方案的基礎，是重中之重，也是面試時候最常被問到的。 今天我們就一起

promise , mocha , 單元測試 , Javascript

收藏 評論

jane_shen 頭像

Jane_Shen - create-react-app 打包優化（antd、echarts）

我做 react 開發時通常是直接用的 create-react-app。最近想分析一下一個用 create-react-app 開發的項目的打包結果，看看有沒有什麼可以優化的地方。 項目情況 執行 npm run eject 導出配置（單向操作，不可逆）。 項目中使用的一些庫： "dependencies": { "antd": "^3.9.2", "axios": "^0

webpack3 , antd , webpack , echarts , create-react-app

收藏 評論

pengjiyuan 頭像

PengJiyuan - 搭建博客太簡單，這次我們來做一個博客生成工具

文章較長，耐心讀下來我想你肯定會有所收穫 : ) 作為一個技術人員，見到別人那光鮮亮麗的個人博客，心裏總免不了想搭建自己博客的衝動。當然，搭建博客的方式有好多種，但是大體上分這兩種： 服務端數據庫 例如：你可以用 WordPress 搭建自己的博客，你可以利用 PHP 和 MySQL 數據庫在服務器上架設屬於自己的網站。 純靜態頁面 市面上有挺多的免費 靜態文件（HTML）託管機構，

node.js , blog , hexo , jekyll , Javascript

收藏 評論

ryan_595342083ee27 頭像

Ryan - 關於dll打包優化你可能不知道的地方

使用DllPlugin可以很大程度提高webpack的構建速度，但是有幾點不注意的話會使得打包的體積較大。 以下以react的配置來説明一下（webpack3） 一、先看一下最簡單的打包 const path = require('path'); const webpack = require('webpack'); const DllPlugin = require('webpack/lib/D

webpack3 , webpack

收藏 評論

zhangxishuo 頭像

張喜碩 - 阿里筆試 字符串轉化為層級對象

問題描述 師姐參加阿里的筆試，也跟着去學學名企的編程題都考什麼？ 如下格式的一個字符串，要轉化成一個有層級關係的對象。 [abc[def[ghi]]] { value: "abc", child: { value: "def", child: { value: "ghi" } } } 分析 實現 /*

阿里巴巴 , 筆試 , Javascript

收藏 評論

acfasj 頭像

acfasj - 後續請求都要帶上 token ?

正經寫文章 平時開發裏，先請求一個 token ，然後後面的請求都要帶上這個 token 來進行認證或者授權，是一個常見的需求 那要怎麼搞呢？還是一個先後，控制異步流程的的問題，就是先拿到 token 再進行後面的請求就好了。相信 promise 大家已經用得很氾濫了： let tokenPromise = new Promise(...) // 拿到 token tokenPromise.the

xmlhttprequest , Ajax , Javascript

收藏 評論

jiasm 頭像

Jarvis - 使用 TypeScript 改造構建工具及測試用例

最近的一段時間一直在搞TypeScript，一個巨硬出品、賦予JavaScript語言靜態類型和編譯的語言。 第一個完全使用TypeScript重構的純Node.js項目已經上線並穩定運行了。 第二個前後端的項目目前也在重構中，關於前端基於webpack的TypeScript套路之前也有提到過：TypeScript在react項目中的實踐。 但是這些做完以後也總感覺缺了點兒什麼 _（沒

mocha , chai , webpack , typescript , Javascript

收藏 評論

kaige 頭像

凱威講堂 - 學習Python的建議

前言 Python是最容易入門的編程語言，沒有之一。如果初學者接觸的第一門語言是C或者C++，對他們來説最難的不是語法，而是容易出現內存泄漏、指針等問題。有時候排查這些問題對初學者的打擊很大，尤其是沒掌握排查BUG技巧時。 如果初學者接觸的第一門語言是Python，學習曲線則會平滑得多，掌握一些基本語法和Python內置的數據結構，已經可以上手寫一些小工具或者小型應用。這對初學者來説，非常重要。因

進階 , 入門 , Python

收藏 評論

1023 頭像

亖混子 - JavaScript系列 事件

一步，一步前進の一步 事件是文檔或者瀏覽器窗口中發生的一些交互瞬間。JS註冊事件處理程序來預訂事件，當事件發生的瞬間來執行相應的代碼，進而實現 JS 和 HTML(即文檔或者瀏覽器窗口) 的交互。 事件流 事件流描述的是從頁面中接收事件的順序。 用手指戳一下屏幕上的同心圓的中心，先點到的是最外圍的大圓，還是最核心的小圓呢？這個就是事件流要處理的本質問題。早起的 IE 和 Netscape

javascript專題系列 , Javascript

收藏 評論

mataotao 頭像

風徹 - 異步與回調/函數的作用域鏈

異步與回調/函數的作用域鏈 異步操作概述--阮一峯的javascript教學 JavaScript 只在一個線程上運行,JavaScript 同時只能執行一個任務，其他任務都必須在後面排隊等待。 這種模式的好處是實現起來比較簡單，執行環境相對單純；壞處是隻要有一個任務耗時很長，後面的任務都必須排隊等着，會拖延整個程序的執行。 JavaScript 語言本身並不慢，慢的是讀寫外部數據

作用域 , 回調函數 , 異步編程 , 作用域鏈 , 異步

收藏 評論

nerohua 頭像

nerohua - whistle--前端調試利器

一、業務場景 前端本地開發的場景中，我們需要頻繁的改動代碼，並需要實時看到效果，並且在一些開發場景中，我們需要將特定的請求代理到特定的IP、本地文件等，所以使用fiddler或whistle等本地、真機抓包調試工具是非常必要的。 二、為什麼使用whistle 在歷史的長河中，我們是使用fiddler+willow再搭配小米wifi 進行本地和真機抓包調試的，無可厚非，fiddler的抓包和代理的功

前端工具

收藏 評論

summerblue 頭像

summerblue - Laravel Eloquent 模型關聯速查表

一張 Laravel’s Eloquent ORM 5.5 的速查表 一對一關聯 展示細節: 在這個展示中，我們有 2 個模型（Owner 和 Car）及兩張表（owners 和 cars）。 商業邏輯： 一個使用者可以擁有一台車。\ 一台車可以有一個擁有者。 關聯圖： 關聯細節： Cars 表必須儲存 Owner ID。 Eloquent 模型： class Owner { p

php , laravel , eloquent

收藏 評論

zhuanglog 頭像

zhuanglog - Ajax全面解析（來自JavaScript高級程序設計）

Ajax的全稱就是Asynchronous JavaScript + XML，它的本意是為了可以在不刷新頁面的情況下異步更新數據。 而實現這一功能的核心就是XMLHttpRequest（XHR），它能夠獲取新數據，並通過DOM操作將新數據插入到頁面當中。 雖然它的名稱中包含有XML，但其實Ajax通信與數據格式沒有關係，Ajax可以返回HTML、XML、json、jsonp、text、script

xmlhttprequest , Ajax

收藏 評論

zhangshilei 頭像

張石磊 - docker - nginx - proxy_pass + proxy_redirect

目的：使項目域名 www.foo.test(/index.php)/controller/action 變為 www.foo.test/project/controller/action，仍然可以正常訪問。（非index.php二級目錄的URL重寫） 背景： Name Command State

php-fpm , proxy-pass , Nginx , Docker

收藏 評論

ray_learn 頭像

ray_learn - Jekyll: 解決Win10系統Code Page錯誤問題

Windows 版本： 10.0 Ruby 版本： 2.5.1 Gem 版本： 2.7.6 Jekyll 版本： 3.8.3 Bundle 版本： 1.16.2 Powershell 版本： 5.1 Code Page: In computing, a code page is a table of values that describes the characte

jekyll

收藏 評論