博客 RSS 訂閱

joytime 頭像

joytime - Html—BFC

背景 BFC，即Block Format Context，塊級格式化作用域，我們先不管它的目的是什麼，先來了解下格式化作用域的相關類型。 格式化作用域的類型 文檔流中的行內元素和塊級元素，都屬於格式化作用域，所以格式化作用域有兩種類型： 塊級格式化作用域 行內格式化作用域 格式化作用域的作用 格式化作用域，規定了當前節點內部的文檔流不受外界文檔流的影響。 （原因很簡單啊，因為除了正常

bfc

收藏 評論

awbeci 頭像

Awbeci - React項目集成Immutable.js

1、前言 本文章項目的依賴包及其版本如下： Package Name Version antd ^3.16.6 connected-react-router ^6.4.0 customize-cra ^0.2.12 immutable ^4.0.0-rc.12

react , redux-saga , redux , immutable-js , redux-persist

收藏 評論

awbeci 頭像

Awbeci - Immutable.js Object Formatter使用

1、什麼是Immutable.js Object Formatter? Immutable.js Object Formatter 是一款格式化immutable.jsChrome插件，極大方便開發人員操作immutable.js。 2、到chrome 網上應用店安裝 3、啓用之後，點擊設置 4、啓用Enable custom formatters 5、查看代碼已經被格式化 參考：

immutable-js , chrome-devtools

收藏 評論

yidingyaodidiao 頭像

yidingyaodidiao - JavaScript 數組展開(扁平化)和underscore的 flatten

原文地址 數組展開就是將嵌套的數組扁平化（轉換為一維的）eg: const arr=[[[1, 2], [1, 2, 3]], [1, 2]] = [1, 2, 1, 2, 3, 1, 2] console.log(flatten(arr)) //[1,2,1,2,3,1,2] 1、判斷每一項是否是數組，然後遞歸 const arr=[[[1, 2], [1, 2, 3,"a"]], [

數組 , 面試 , underscore , Javascript

收藏 評論

pengloo53 頭像

魯鵬 - 全棧開發入門實戰：後台管理系統

本文首發於 GitChat 平台，免費 Chat，鏈接：全棧開發入門實戰：後台管理系統 感謝你打開了這篇 Chat，在閲讀之前，需要讓你瞭解一些事情。 第一，本 Chat 雖然免費，不代表沒有價值，我會將個人全棧開發的經歷敍述給你，希望對你有一些幫助； 第二，文中所使用的技術棧並非最新，也並非最優。後台管理系統更多是 2B 端的產品，通常是業務優先。本 Chat 的目的是為了讓你能夠快速上

express , node.js , MySQL , sequelize , ejs

收藏 評論

saucxs 頭像

鬆寶寫代碼 - javascript深入理解-從作用域鏈理解閉包

一、概要 紅寶書（P178）對於閉包的定義：閉包就是有權訪問另外一個函數作用域中變量的函數。 MDN，對於閉包的定義：閉包就是指能夠訪問自由變量的函數。 那麼什麼是自由變量？自由變量就是在函數中使用，但既不是函數參數arguments，也不是函數的局部變量的變量，就是説另外一個函數作用域中的變量。 閉包組成？閉包 = 函數 + 函數能夠訪問的變量 文章首發地址於sau交流學習社區：https://

閉包 , javascript專題系列 , 作用域鏈 , Javascript

收藏 評論

landy8530 頭像

landy8530 - 關於如何提高程序員工作能力的一些想法

引言：最近一直在思考一個問題，就是工作這麼多年了，到底怎麼樣才能更好的提高自己的工作能力呢？這是一個綜合性的問題，昨日也和前同事老高有過一次簡單的交流，他得出的結論是：業務+技術+人脈。今天我要從以下幾方面闡述一下我自己個人的想法，各位讀者可以在評論區談談自己的想法。謝謝！（本文由筆者在簡書原創同步而來，並且有做略微修改） 1. 目前的工作 目前在一家外企上班，工作彈性，非常爽，就是工資可憐。獨立

我的編程之路

收藏 評論

shipskunkun 頭像

遲不子 - 記錄移動端開發1像素邊框問題， stylus代碼轉成less

需求： 需要解決1像素問題: 物理像素是設備像素的2倍，在手機上預覽，1px邊框會變成2px 參考cube-ui的mixin.styl 中1像素解決方案，如下： border-1px($color = #ccc, $radius = 2PX, $style = solid) position: relative ::after content: "" pointer-ev

less , stylus

收藏 評論

snailiu 頭像

SnaiLiu - 【Clojure】re-frame for SPA

re-frame介紹 re-frame是一個幫助我們快速開發WEB單頁面應用的框架，是一個基於數據驅動的框架。其主要流程是如下的一個永無止境大循環： dispatch——事件分發 事件來源：用户輸入、用户點擊、定時器、遠程調用響應等。事件作為一個數據被投入到類似於事件總線的隊列，其數據結構為： [event-id event-arg1 event-arg2 ...] re-frame事件分發函數

react , 單頁面應用 , clojurescript

收藏 評論

fe_gu_yue 頭像

孤月 - 單頁應用的部署方案

本文同步發佈於我的個人博客上 - 單頁應用的部署方案 本文主要簡單講一下單頁應用的開發及部署方法，默認你懂一些服務端知識及nginx知識，如果有任何可以在下方評論留言。 單頁應用 SPA（單頁應用）可以説是這幾年前端領域的一個技能棧了。 單頁應用不同與傳統的多頁面應用，顧名思義，單頁應用整個應用架構中只有一個實際頁面運行，再借助於H5的History API或hash路由來實現前端路由，從而實現了

vue.js , 單頁面應用 , Nginx

收藏 評論

gl115124 頭像

NaturalGao - Lumen 報錯提示 實例不了 Response 類的問題

今天使用Lumen的時候，用到了Response類，很奇怪提示：Target [Illuminate\Contracts\Routing\ResponseFactory] is not instantiable. 大概就是説實例不了Response 類，那怎麼解決呢？我們以一個全新的Lumen項目來説 1.我在web.php寫了個路由 ?php /* |--------------------

lumen , php , laravel , databaes

收藏 評論

yang_5c8f63fe0d5aa 頭像

HappyCodingTop - VUX的安裝使用

VUX的安裝使用 npm i vux -S 安裝 vux-loader npm i vux-loader -D vux是使用的less 安裝less npm i less less-loader -D 在build/webpack.base.conf.js中 添加配置 const vuxLoader = require('vux-loader') const webpa

vux

收藏 評論

mixtualyue 頭像

Mixtual悦嵐 - turtle雪花小案例

環境：python3 第三方庫：turtle import turtle import time 創建畫筆，類似遊標 t = turtle.Pen() 封裝畫出單個雪花的函數 def snow(): 循環6次是因為雪花是六邊形 for _ in range(6): 雪花每個杈上有4個花骨朵，所以循環兩次，每次畫出兩個花骨朵 for _ in range(2): 雪花杈上到起點的距離 t.fo

python3.5

收藏 評論

aconfuseboy 頭像

aConfuseBoy - webpack5多頁面腳手架

webpack5,webpack4,webpack3多頁面腳手架 移步webpack5多頁面腳手架 移步webpack4多頁面腳手架 移步webpack3多頁面腳手架 適用於多個靜態頁面的顯示, 如官網 項目地址: https://github.com/WangZhenHao/webpack-multiple-page 示例： 1.2.0 修改html-wbepack-plugin插件：添

webpack3 , 多頁面應用 , webpack5 , webpack4

收藏 評論

windysay 頭像

WindySay - laravel vs lumen 執行對比

環境 centos7 + docker(alpine3.7) 1核 內存2G php7.1.17 開啓opcache 性能監控tideways_xhprof composer 使用生產環境命令進行安裝 composer install --no-dev --optimize-autoloader --prefer-dist 統一執行 v

lumen , php , laravel

收藏 評論

tingzhong666 頭像

tingzhong666 - 一款自動wxss轉換的cli

對小程序進行原生開發時，我不喜歡寫wxss，我喜歡寫stylus。 於是開發了這個命令行工具：wxss-transform 可以將目錄a進行處理，再輸出到目錄b 這裏的處理就是，將stylus和css文件轉換為wxss 並且啓動後，會一直監聽a目錄 項目地址：https://github.com/tingzhong6... 安裝 npm i -D|-g wxss-transform 使用 npx

node.js , stylus , Css , Javascript

收藏 評論

newdriver_59a8bb2914c26 頭像

newDriver - MUI在項目中使用時遇到的問題的個人總結

picker 添加年插件問題總結 取消按鈕點擊事件無法獲取 可以獲取到取消按鈕標籤和確定按鈕標籤 但是隻能獲取去頂按鈕事件,取消點擊事件無法獲取 通過判斷picker的display狀態也不能確認此事件 lable標籤無法綁定事件 這時需要添加一個單獨全選按鈕時 可以在herder內添加一個按鈕 調用同一picker會保存一部分數據不清除 可以在picker.dis

mui , 兼容性問題 , html5

收藏 評論

suporka 頭像

suporka - underscore 誕生記（二）—— 鏈式調用與混入（mixin）

上篇文章講述了 underscore 的基本結構搭建，本文繼續講鏈式調用與混入。 如果你還沒看過第一篇文章，請點擊 “underscore 誕生記（一）—— 基本結構搭建” 鏈式調用 在 JQuery 中，我們經常使用到鏈式調用，如： $('.div') .css('color', 'red') .show(); 那麼在 underscore 中，是否支持鏈式調用呢？答案是支持的，只不過

underscore系列 , underscore , Javascript

收藏 評論

leancloud 頭像

LeanCloud - 如何防範服務器入侵

Vitaliy Kolesov 原作，授權 LeanCloud 翻譯。 加固服務器並不難，但有很多例行操作需要進行時，有可能會遺忘。以我為例，剛買的服務器就在兩週內被人入侵了。有天早上我收到幾封來自第三方的郵件，説我服務器上有東西在嘗試入侵他們的服務器。所以，我需要快速解決這個問題。 如何查找漏洞 我碰到的情況比較簡單，我執行了以下命令： cat /var/log/auth.log | grep

服務器 , 服務器端 , 服務器安全加固 , 黑客 , 漏洞

收藏 評論

charlesqian18 頭像

CharlesQian18 - 第二章 使用VUX建立日曆

首先我們打開vux的官網查看相關文檔 傳送門：https://doc.vux.li/zh-CN/ 1.根據官網文檔進行配置 安裝VUX npm install vux --save 2.配置VUX 在webpack.base.conf.js最後加入以下代碼 // 原來的 module.exports 代碼賦值給變量 webpackConfig， //即將原來的module.exp

vue.js , vux

收藏 評論

gomi 頭像

Gomi - JavaScript基礎學習——面向對象部分(屬性類型)

前言 JavaScript發明之始，從技術上來講就是一門面向對象的語言，但在ES6之前，JS的很多特性和傳統的面嚮對象語言有所不同，比如沒有類的概念（ES6有了class）。今天結合《JS高編》第六章開始回顧和深入學習面向對象部分,包括對象、原型、原型鏈、繼承等部分。 一、理解對象 談JS的對象之前，先複習一下面向對象的基礎概念和特點吧。 面向對象OOP（Object-oriented pr

面向對象編程 , javascript原型 , oop , Javascript

收藏 評論

xiaomu_5bb65d66676b8 頭像

Muze - 使用CSS裁剪圖片以適應div

通過css的object-fit: cover;屬性來裁剪圖片。 屬性參考： object-fit 效果如下： CSS控制圖片不變形 完整的網頁代碼如下： !DOCTYPE html html lang="zh-CN" head meta charset="utf-8" titleCSS控制圖片不變形/title /he

css選擇器

收藏 評論

suporka 頭像

suporka - underscore 誕生記（一）—— 基本結構搭建

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

underscore , 前端 , Javascript

收藏 評論

conardli 頭像

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

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

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

收藏 評論