博客 RSS 訂閱

Afterward - React系列 --- virtualdom diff算法實現分析(三)

React系列 React系列 --- 簡單模擬語法(一) React系列 --- Jsx, 合成事件與Refs(二) React系列 --- virtualdom diff算法實現分析(三) React系列 --- 從Mixin到HOC再到HOOKS(四) React系列 --- createElement, ReactElement與Component部分源碼解析(五)

virtual-dom , Javascript

收藏 評論

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

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

indexeddb , cookies , storage , cookie

收藏 評論

易大師 - JavaScript的call/apply/bind方法/函數原生實現

call/apply/bind方法簡介 在JavaScript中,函數中this的指向往往在調用時才可確定,而JavaScript提供了call/apply/bind方法讓我們得以顯示綁定函數的this指向。 它們的第一個參數是一個對象,它們會把這個對象綁定到調用他們的函數內的this。因為你可以直接指定 this 的綁定對象,因此我們稱之為顯式綁定。 //用例 var a = { q: 1

call , apply , bind , Javascript

收藏 評論

OBKoro1 - js基礎-面試官想了解你有多理解call,apply,bind?

函數原型鏈中的 apply,call 和 bind 方法是 JavaScript 中相當重要的概念,與 this 關鍵字密切相關,相當一部分人對它們的理解還是比較淺顯,所謂js基礎紮實,繞不開這些基礎常用的API,這次讓我們來徹底掌握它們吧! 目錄 call,apply,bind的基本介紹 call/apply/bind的核心理念:借用方法 call和apply的應用場景 bind的應

call , apply , 面試 , bind , Javascript

收藏 評論

陳緒 - ubuntu下vim安裝YouCompleteMe教程

ubuntu16.4下vim安裝YouCompleteMe教程 YouCompleteMe 是vim代碼提示插件 1 首先檢查vim版本 vim --version 如下所示 VIM - Vi IMproved 7.4 (2013 Aug 10, compiled Nov 24 2016 16:44:48) Included patches: 1-1689 Extra patches: 8.0

youcompleteme , ubuntu16.04 , vim , 安裝使用 , Ubuntu

收藏 評論

fizz - golang orm之gorose 2.0版本正式發佈

關於gorose 2.0 gorose, 最風騷的golang orm, php版本的laravel eloquent. 經過幾個月的重構和打磨, 再加上近一個月的預覽版測試和改進, gorose 2.0正式版終於與我們見面了. 新版本做出了重大改動和升級, 完全重構了基礎架構和實現方式, 下面, 我們一起來看看gorose 2.0的特點吧 gorose 2.0特點 1. 全新架構 g

orm , laravel , 數據庫 , eloquent , go

收藏 評論

import_hello - BeautifulSoup 使用指北 - 0x03_搜索解析樹

GitHub@orca-j35,所有筆記均託管於 python_notes 倉庫。 歡迎任何形式的轉載,但請務必註明出處。 參考: https://www.crummy.com/softwa... 概述 BeautifulSoup 中定義了許多搜索解析樹的方法,但這些方法都非常類似,它們大多采用與 find_all() 相同的參數: name、attrs、string、limit 和

網頁爬蟲 , beautifulsoup , Python

收藏 評論

kira - 前端開發團隊的工具鏈

彙集前端開發團隊中經常使用的好工具,分享給大家! 注:都是開源工具 sentry:推薦指數5顆星⭐️⭐️⭐️⭐️⭐️ 推薦理由:開源的代碼異常監控和上報平台,搭建安裝簡單,操作和使用都簡單,支持很多種開發語言的監控上報,提供了快速上手demo,bug異常無需用户主動上報反饋即可知曉,還提供豐富的用户操作信息,提供日常bug郵件通知,週報統計,支持source map 源碼解析,跟蹤非常方便,快速

前端工程化 , 開發工具 , 前端工具 , 前端 , Javascript

收藏 評論

Kyle - XMLHTTPRequest屬性、方法、事件大全&詳解。

XMLHTTPRequest屬性、方法、事件整理大全。 xhr 對象的方法 open(method:string, url:string, async?:boolean=true, username?:string, password: string) 用於創建 HTTP 請求,但請求並未發送。 method, 請求類型,如 GET 、POST 等,大小寫不敏感。

xmlhttprequest , Ajax , 前端 , Javascript

收藏 評論

ipromise - 深入前端-JavaScript異步編程

JavaScript的執行機制在上篇文章中進行了深入的探討,那麼既然是一門單線程語言,如何進行良好體驗的異步編程呢 回調函數Callbacks 當程序跑起來時,一般情況下,應用程序(application program)會時常通過API調用庫裏所預先備好的函數。但是有些庫函數(library function)卻要求應用先傳給它一個函數,好在合適的時候調用,以完成目標任務。這個被傳入的、後

ecmascript-6 , promise , async , yield , Javascript

收藏 評論

墨者安全 - 如何快速解決網站中存在的Web漏洞?

在大數據快速發展的現今階段,不管多大多小的企業都會存在網絡安全問題。有些人就很疑惑,哪裏會存在問題呢?事實是隻要你的業務是線上的,您有網站就會出現安全問題。其中包括用户隱私信息被不法分子盜取,企業敏感數據被竊取販賣或者重要數據被刪除等,都是會給企業造成致命性的打擊。那麼今天主要分享下網站被攻擊者盯上,我們該如何快速解決網站中存在的Web漏洞? 首先,在我們接觸中,最直接的可能就是通過URL 跳轉

網絡安全 , web服務器

收藏 評論

Jello - vue實例的生命週期和生命週期鈎子

什麼是生命週期 從Vue實例創建、運行、到銷燬期間,總是伴隨着各種各樣的事件,這些事件,統稱為生命週期。生命週期鈎子就是生命週期事件的別名(生命週期鈎子 = 生命週期函數 = 生命週期事件) 生命週期圖示 主要的生命週期函數分類 創建期間的生命週期函數: beforeCreate:實例剛在內存中被創建出來,此時,還沒有初始化好 data 和 methods 屬性 create

鈎子 , vue.js , 生命週期

收藏 評論

陳大魚頭 - 【Hello CSS】第五章-CSS的選擇器與函數

作者:陳大魚頭 github: KRISACHAN 在上一篇的HTML的標籤與語意中簡單的介紹了HTML標籤跟其一些屬性,向各位堅持看到這裏的親表示真誠的感謝。本篇主要會分享一些跟CSS選擇器(CSS Selectors)相關的內容,有興趣的請繼續往下看。 CSS選擇器(CSS Selectors) 啥叫選擇器?簡單來説就是通過一些定義來選中特定的HTML標籤。biu~

css3 , css選擇器 , Css

收藏 評論

Jello - vue項目中安裝和使用vux組件

vux是一款基於Vue構建的移動UI組件庫(https://doc.vux.li/zh-CN/) 1.使用npm安裝vux npm install vux --save 2.安裝vux-loader(vux2必須配合vux-loader使用) npm install vux-loader --save-dev 3.安裝less-loader(用以正確編譯less源碼,否

vue.js , vux , Javascript

收藏 評論

webpig - 垃圾分類小程序

垃圾分類,從我做起 最近垃圾分類比較火,各大城市紛紛開始實施垃圾分類制度,提高垃圾的資源價值和經濟價值。但是垃圾分類不好記,然後我自己搗鼓了一款垃圾分類小程序,來幫助大家進行垃圾分類。😄 做小程序的同時自己也學習了一波。 小程序(垃圾的小窩) 該程序實現了文字搜索,圖像識別,查看分類等功能,非常具有實用性。下面貼幾張圖: 暫時就貼這幾張圖了,想要了解更多,可以搜索

stylus , typescript , Javascript

收藏 評論

linong - 前端培訓-中級階段(10)- 同源策略(2019-08-15期)

前端最基礎的就是 HTML+CSS+Javascript。掌握了這三門技術就算入門,但也僅僅是入門,現在前端開發的定義已經遠遠不止這些。前端小課堂(HTML/CSS/JS),本着提升技術水平,打牢基礎知識的中心思想,我們開課啦(每週四)。 同源策略是什麼? 同源策略是瀏覽器的一個安全功能,不同源的數據禁止訪問。 所以 lilnong.top 下的 ajax 訪問 51vv.com 數據是會報

script , xmlhttprequest , 同源策略 , Ajax , Javascript

收藏 評論

躲貓貓_007 - 藉助URLOS快速安裝python3網站環境

環境需求 最低硬件配置:1核CPU,1G內存(1+1)提示:如果你的應用較多,而主機節點的硬件配置較低,建議在部署節點時開通虛擬虛擬內存; 生產環境建議使用2G或以上內存; 推薦安裝系統:Ubuntu-16.04、Ubuntu-18.04、CentOS7.X、Debian9X的64位的純淨的操作系統; URLOS安裝 curl -LO www.urlos.com/iu sh iu py

python3.x , uwsgi , Docker , Python , Web

收藏 評論

Jerry - 【Velocity】 (vm)模板引擎

什麼是 Velocity? Velocity是基於Java的模板引擎,它允許頁面設計者引用Java中定義的方法。頁面設計者和Java開發者能夠同時使用MVC的模式開發網站,這樣網頁設計者能夠把精力放在頁面的設計上,程序員也可以把精力放在代碼開發上。Velocity把Java代碼從Web頁面中分離, 使網站可維護性更強,同時也在Java服務器頁面(JSPs)或者PHP中提供了可視化交互的選擇。 一、

模板引擎 , velocity , Javascript

收藏 評論

hefengxian - macOS Mojave 安裝 PHP OCI8/PDO_OCI

前面和網上説的都差不多(和 Linux 編譯安裝類似),去 Oracle 下載如下的安裝包(可以選擇版本,我這裏選擇的是 12.2) instantclient-basic-macos.x64-12.2.0.1.0-2.zip instantclient-sdk-macos.x64-12.2.0.1.0-2.zip instantclient-sqlplus-macos.x64-12.2.

oracle , pdo , php , macos

收藏 評論

唯一丶 - Xdebug 2.9 遠程調試使用指南

前言 在開發過程中,我們最少不了的就是調試,因為 php 不能像 Java 和 C# 那樣與生俱來的優勢,擁有開箱即用的斷點調試,很多時候我們的開發者都是使用的 var_dump 方法來對結果進行輸出,而有的時候需要查看調用棧時,有的開發者甚至都不知道如和下手。(可以 throw 異常 或者 使用 debug_print_backtrace 和 debug_backtrace 來打印調用棧),雖然

xdebug , php , ubuntu16.04 , 調試

收藏 評論

Cribug8080 - css偽類選擇器

查看demo style p:last-child{ background-color: #ccc; } div:not(p){ color: blue; } div p:not(:last-child){ border: 1px solid #ccc; } /style div class="wra

css選擇器 , Css

收藏 評論

ipromise - 深入前端-徹底搞懂JS的運行機制

最近看了很多關於JS運行機制的文章,每篇都獲益匪淺,但各有不同,所以在這裏對這幾篇文章裏説的很精闢的地方做一個總結,參考文章鏈接見最後。本文博客地址 CPU、進程、線程之間的關係 進程是cpu資源分配的最小單位(是能擁有資源和獨立運行的最小單位) 線程是cpu調度的最小單位(線程是建立在進程的基礎上的一次程序運行單位,一個進程中可以有多個線程) 不同進程之間也可以通信,不過代價較大

事件驅動 , 回調函數 , 進程 , 線程 , Javascript

收藏 評論

H57 - slim3使用Eloquent自定義分頁

最近一年私下裏寫東西一直都是在使用 slim 框架,其實説是一直在寫東西,可是到現在真的一點輸出都沒有,不過小技巧倒是學會了不少,自己寫個小驗證器啊什麼的,並且對於框架的一些理解也加深了,最好的是工作中很多都把這些小技巧用到了。 好了,吐槽了這麼多,我又要説句廢話了,寫了一年的東西才寫到分頁你敢信?不過這是真的,寫了一年了,代碼終於累計300行了,可以進入分頁的過程了。 以前用 laravel 的

php , slim , extensions , eloquent

收藏 評論

波羅丁的菠蘿 - css實現二級菜單

不多廢話,先上預覽 https://codepen.io/Ritr/pen/W... 這一次還是使用input type="checkbox"的選中與否來實現展開、收起二級菜單的。 第一步:初始化 默認二級菜單的li高度為0 選擇一級菜單時,將二級菜單高度設置為20px 這樣設置是為了方便我們以後添加動畫效果 html ul class="menu" li class="mai

css技巧 , css選擇器 , Css

收藏 評論