博客 RSS 訂閱

suporka - underscore 誕生記(一)—— 基本結構搭建

1. 簡介 underscore 是一款成熟可靠的第三方開源庫,正如 jQuery 統一了不同瀏覽器之間的 DOM 操作的差異,讓我們可以簡單地對 DOM 進行操作,underscore 則提供了一套完善的函數式編程的接口,讓我們更方便地在 JavaScript 中實現函數式編程。 jQuery 在加載時,會把自身綁定到唯一的全局變量 $ 上,underscore 與其類似,會把自身綁定到唯一的

underscore , 前端 , Javascript

收藏 評論

ConardLi - 一名【合格】前端工程師的自檢清單

開篇 前端開發是一個非常特殊的行業,它的歷史實際上不是很長,但是知識之繁雜,技術迭代速度之快是其他技術所不能比擬的。 winter在他的《重學前端》課程中提到: 到現在為止,前端工程師已經成為研發體系中的重要崗位之一。可是,與此相對的是,我發現極少或者幾乎沒有大學的計算機專業願意開設前端課程,更沒有系統性的教學方案出現。大部分前端工程師的知識,其實都是來自於實踐和工作中零散的學習。 這樣是一個非常

程序員 , 知識體系 , 前端 , Javascript

收藏 評論

遲不子 - 使用 mint-ui 開發手機移動端 switch 等組件採坑記錄

需求 需要使用 mint-ui switch 等組件 引入mint-ui,但是不想全部引用,按需引入 官方文檔之快速入手篇 記錄下爬坑之旅: 1.npm install mint-ui --save 2.npm install babel-plugin-component //需要安裝這個插件 3.修改 babel.config.js 文件 module.exports = {

mint-ui

收藏 評論

RainBow - rem適配移動設備

前言 移動端 rem 適配方案回顧總結 如何使用 rem rem 單位的計算參考 html 的根節點 font-size進行計算,根節點的字體變化,佈局參考的 rem 頁面也會相應進行縮放,此為 rem 佈局的本質。 1. 動態改變 html 的 font-size 值 幾乎在每個瀏覽器都將 html 的 font-size 初始化 為 16px , 我們動態改變的話可以暫時將 16px 設置為

mobile , browser , Css

收藏 評論

Alan - LocalStorage

先來幾道面試題 1、a.meituan.com 和 b.meituan.com 這兩個域能夠共享同一個 localStorage 嗎? 2、在 webview 中打開一個頁面:i.meituan.com/home.html,點擊一個按鈕,調用 js 橋打開一個新的 webview:i.meituan.com/list.html,這兩個分屬不同webview的頁面能共享同一個 loc

sessionstorage , localstorage , cookie

收藏 評論

大步點點 - Laravel10個有用的用法

1. 在find方法中指定屬性 User::find(1, ['name', 'email']); User::findOrFail(1, ['name', 'email']); 2. Clone一個Model 用replicate方法可以克隆一個Model $user = User::find(1); $newUser = $user-replicate(); $newUser-save();

laravel , eloquent

收藏 評論

LichKing24 - Vue項目構建持續集成阿里雲CDN

CDN加速是Web應用性能優化和用户體驗提升的至關重要的一環,當一個項目構建部署時,就需要考慮到如何高效的去完成相關資源的CDN部署。 本文以一個基於 vue-cli3 構建的項目實例,來簡單講解如何配合Teamcity,自動進行阿里雲CDN資源部署和持續集成。 項目構建 vue-cli3 默認支持將項目以 test、development、production 三種模式構建,其中 product

web性能優化 , webpack , cdn , ci , vue-cli

收藏 評論

LichKing24 - Web應用性能優化隨筆

優化思路是什麼? BIG QUESTION: 當我們談到一個web應用的性能優化,應該從哪些方面去考慮? 思路就是,當我們去訪問一個web應用的時候,都做了哪些操作?對應這些操作的,就是我們所能進行的優化的模塊! 瀏覽器請求DNS服務器,獲取IP地址; 建立TCP連接; 瀏覽器發出詳細請求,通常為HTTP(s)、WebSocket之類; 服務器響應請求,並返回數據; 瀏覽器渲染返回的數

web性能優化

收藏 評論

小李同學 - immutable.js在react項目中的簡單使用

immutable.js immutable可以將一個對象轉為一個不可更改的對象。對 Immutable 對象的任何修改或添加刪除操作都會返回一個新的 Immutable 對象。 fromJS header/store/reducer.js import { fromJS } from 'immutable'; const defaultState = fromJS({

immutable-js

收藏 評論

大步點點 - Laravel 9個不經常用的小技巧

1. 更新父表的timestamps 如果你想在更新關聯表的同時,更新父表的timestamps,你只需要在關聯表的model中添加touches屬性。 比如我們有Post和Comment兩個關聯模型 ?php namespace App; use Illuminate\Database\Eloquent\Model; class Comment extends Model {

php , laravel , eloquent

收藏 評論

壞掉的牙 - 關於php數據庫事務的一個坑

在使用php的PDO擴展的時候發現的一個問題,在事務開啓之後,如果php與mysql之間的連接斷開了,會導致php直接記錄一個warning的異常,而不是直接拋出一個Exception 流程如下: /** * 一個用户財產變更的場景下 */ try { // 1. 開啓事務 /** * 2. 變更用户財產,增加財產變更的流水記錄 */ // 3

pdo , MySQL , php

收藏 評論

雪之夢技術驛站 - 關於寫作那些事之github告訴我構建失敗,然後呢?

The page build failed for the master branch with the following error 問題描述 看到這封郵件,一臉懵逼,本地運行 gitbook 服務是正常渲染的,控制枱並沒有任何報錯,誰知道推送到 github 時就報錯了! 登錄到 github 網站查看網站源碼已經同步過來了,但是靜態網站無法同步,本地實在找不到任何報錯信息,這讓我如何是好

github , gitbook , jekyll

收藏 評論

MLeo - 加速你的博客永無止境-七牛雲存儲

將自己的靜態博客直接部署到七牛雲存儲,由七牛雲託管運行,你説快不快,還沒有註冊七牛雲的看這裏,七牛雲註冊邀請:https://portal.qiniu.com/signup?code=3l7cpouzlru4y,哈哈! 一、創建七牛雲存儲 登錄進入管理中心,菜單進入:對象存儲=新建存儲空間,設置好空間名稱就可以直接創建,完成後會分配一個測試域名,有效期只有30天,當然可以自定義域名,長期使用 二

七牛雲存儲 , blog , jekyll

收藏 評論

嗚啦啦啦火車笛 - forEach、map、filter、find、sort、some等易錯點整理

  最近手頭上做了一個很大的後台管理項目,前端對複雜數據的處理要求頗高,也確實讓自己發現了很多之前被忽視的細節。在此特整理出來,希望不熟悉的朋友們們以後可以繞開我踩的這些坑。本文初衷在於幫助大家梳理一些數組操作上的重點和易錯點,希望也能幫助和提醒大家,我會盡可能寫的幽默些,加深大家的記憶。水平有限,真心無限。希望大家喜歡,請不要吝嗇你們的贊,謝謝 一、常用方法解析   説起數組操作,我們肯定第一反

find , foreach , filter , map , Javascript

收藏 評論

木子 - jQuery,zepto源碼的簡單實現記錄

本文記錄jQuery,Zepto對js的一些封裝庫的知識,我希望從本文開始去深入學習js這門語言,以及在面向對象,原型上封裝的使用。讓自己在js方面有能夠有一定進步。共勉 jQuery庫 簡單的jQuery庫的實現 需要先了解閉包,立即執行函數以及JavaScript原型的概念 (function(window) { var jQuery = function(selector) {

zepto , jquery , Javascript

收藏 評論

月半小夜曲 - Seajs的配置

下載 在cmd命令窗口通過npm install saejs下載 seajs的npm下載指令查找方法如下 下載完成後,生成一個node_modules目錄,seajs核心文件放在node_modules\seajs\dist下,如下圖所示 引入seajs 新建index.html文件,將sea.js和index.html放在同一級目錄 在index.htm

seajs , seajs配置

收藏 評論

凌楓 - CSS選擇器的分類

《PHP 面試問答》 結合實際 PHP 面試,系統的彙總面試中的各種各樣的問題,嘗試提供簡潔準確的答案。如果你在 PHP 面試中遇到問題,歡迎提 Issues 交流。包含網絡協議、數據結構與算法、PHP、Web、MySQL、Redis、Linux、安全、設計模式、架構、自我介紹、離職原因、職業規劃、準備問題等部分 基本規則 通過 CSS 可以向文檔中的一組元素類型應用某些規則 利用 CSS,

css選擇器 , php , 面試 , Css

收藏 評論

灰色v碰觸 - Laravel 框架 Model 對象轉 json 字符串丟失更新

場景還原 UserModel class UserModel extends Model { public function role() { return $this-belognsTo(RoleModel::class , 'role_id' , 'id'); } } 出錯的程序 $user = UserModel::with('role')-find(

php , laravel , eloquent

收藏 評論

ligulalei - vue+vux scrollTop 實現定位到具體dom

先看一下最終的運行效果。 項目背景介紹: 技術棧: vue+vux+nodejs 需求:對汽車品牌列表可以按照字母進行索引定位 在開發中實現這種需求,心想還不是小菜一碟,作為一個飽經bug的程序員,別的我就不吹了,最起碼Ctrl+C用的還是蠻不錯的。 雖然我的複製能力MAX,但最起碼的功能點還是要先梳理一下。 要實現這個功能統共分兩步, 第一根據點擊找到

vue.js , vux

收藏 評論

guyan0319 - GO 匿名函數和閉包

匿名函數:顧名思義就是沒有名字的函數。很多語言都有如:java,js,php等,其中js最鍾情。匿名函數最大的用途是來模擬塊級作用域,避免數據污染的。 今天主要講一下Golang語言的匿名函數和閉包。 匿名函數 示例: 1、 package main import ( "fmt" ) func main() { f:=func(){ fmt.Println("hello

匿名函數 , 閉包 , go

收藏 評論

王大冶 - 理解 CSS 佈局和 BFC

個人專欄 ES6 深入淺出已上線,深入ES6 ,通過案例學習掌握 ES6 中新特性一些使用技巧及原理,持續更新中,←點擊可訂閲。 點贊再看,養成習慣 本文 GitHub https://github.com/qq44924588... 上已經收錄,更多往期高贊文章的分類,也整理了很多我的文檔,和教程資料。歡迎Star和完善,大家面試可以參照考點複習,希望我們一起有點東西。 為了保證的可讀

程序 , bfc , Css , 前端

收藏 評論

念兮 - 企業級lambda表達式,讓你對lambda有更好的理解

導讀 Java從jdk1發展到今天,方法的形參類型可以是基本變量,可以是jdk自帶的類型,也可以是用户自定義的類型,但是,方法能不能作為形參來傳遞?我們希望java能夠像其他編程語言,可以採用函數式編程思想,換句話説,是將方法當做對象來看,但其在jdk1.8之前都沒有這樣做。 Java為什麼在jdk1.8之前沒有這樣做?正如我們所知道的,Java自面世以來,便以對象的方式立足。什麼都是對象, 對象

匿名函數 , lambda , JAVA , Javascript

收藏 評論

leo_su - fastcgi與cgi有什麼不同

前言 現在的CGI基本沒人使用,不安全以及性能極其低下,越來越多的使用web內置擴展、fastCGI。例如微軟iis的ISAPI,apache的php模塊,nginx的php-cgi。CGI、內置模塊、fastcgi這三種性能最好的要屬於fast_cgi速度最快,但是需要額外的進程。解析來看看CGI和FASTCGI有什麼不同. CGI方式介紹: cgi在2000年或更早的時候用得比較多

php , php-fpm , Nginx , cgi

收藏 評論

豬九咩 - 前端單元測試的基礎內容

對於沒有接觸過單元測試的前端人員來説,想要系統的瞭解它,可能會比較困難,因為東西比較零散,會毫無頭緒。所以,我理了一下單元測試要用到的工具和需要知道的概念,幫助系統的理解。 什麼是單元測試 單元測試(unit testing),顧名思義,是指對軟件中的最小的可測試單元進行檢查和驗證。一個function、一個模塊都是一個單元。一般來説,一個單元測試是用於判斷某個特定條件(或者場景)下某個特定函數的

mocha , karma

收藏 評論