原创 jquery源碼學習筆記:自執行匿名函數剖析

(function( window, undefined ) { // code })(window); 1.自執行匿名函數寫法的好處:防止變量名衝突 2.自執行匿名函數的其他多種寫法: ~ function() {}

原创 怎麼在頁面裏引入bootstrap的css和js文件呢?

怎麼在頁面裏引入bootstrap的css和js文件呢? 這是一個nodejs+express工程 在npm install之後或使用npm install bootstrap命令安裝bootstrap之後,怎麼在views

原创 Vue.js實踐:一個Node.js+mongoDB+Vue.js的博客內容管理系統

項目來源 以前曾用過WordPress搭建自己的博客網站,但感覺WordPress很是臃腫。所以一直想自己寫一個博客內容管理器。 正好近日看完了Vue各個插件的文檔,就用着Vue嘗試寫了這個簡約的博客內容管理器(CMS)。 完成

原创 如何優化你的JS代碼

JS代碼的執行效率往往直接影響了頁面的性能,有的時候,實現同樣的功能,不同的JS代碼往往在效率上相差很多,有的時候僅僅是由於我們的書寫習慣導致的,當然在高級點的瀏覽器中,它們大多都已經幫我們優化了,但是在中國,萬惡的IE6仍然大量

原创 當只定義position:absolute時,top,bottom,left,right都不指定,left,top默認值?

當只定義position:absolute時,top,bottom,left,right都不指定,則left,top值與原文檔流位置一致。即跟當它static時的位置一樣,但是不佔位。 點贊 收藏 分享

原创 Flex 佈局教程:語法篇

網頁佈局(layout)是CSS的一個重點應用。 佈局的傳統解決方案,基於盒狀模型,依賴 display屬性 + position屬性 + float屬性。它對於那些特殊佈局非常不方便,比如,垂直居中就不容易實現。 200

原创 Flex 佈局教程:實例篇

上篇文章介紹了Flex佈局的語法,今天介紹常見佈局的Flex寫法。 你會看到,不管是什麼佈局,Flex往往都可以幾行命令搞定。 我只列出代碼,詳細的語法解釋請查閱《Flex佈局教程:語法篇》。我的主要參考資料是Landon

原创 sublime編輯器Ctrl+E快捷鍵無效

出現此情況有兩種原因,一種沒有安裝Emmet,另一種就是安裝出現了問題 安裝Emmet 首先下載package control 過程如下: (1) 打開sublime, (2) 按Ctrl+`,調出命令框 (3) 在框中根據sublim

原创 jquery源碼學習筆記1

1.constructor <script type="text/javascript"> function Person(){ } Person.prototype.name = "lisi"; Person.prototype

原创 微信小程序-問題:不在以下合法域名列表中

遇到一個問題, https://api.douban.com/v2/movie/in_theaters :不在以下合法域名列表中,截圖如下: 原因:我使用了AppID(小程序ID),所以,對開發者要求更嚴格, 找到設置-服務

原创 vue腳手架vue-cli

關於vue.js vue.js是一套構建用戶界面的 輕型的漸進式前端框架。它的目標是通過儘可能簡單的 API 實現響應的數據綁定和組合的視圖組件。使用vue可以給你的開發帶來極致的編程體驗。 關於vue-cli Vue-cli

原创 node.js 使用ejs模板引擎時後綴換成.html

將 app.set('view engine', 'jade'); 換成 //將引擎修改爲html var jade = require('jade');//在app.js的頭上定義jade app.engine('html',j

原创 chrome調試for js

1.代碼格式化 一般情況下上線前 js 文件在都會壓縮一下, 壓縮的 javascript 幾乎沒有可讀性, 幾乎無法設定斷點. 在 Sourse 面板下面打開一個壓縮的js文件,會有個 Pretty print 按鈕(這種符號

原创 相等和全等

alert(1 == '1'); //true,相等對的是值,類型不用比較 alert(1 === '1'); //false,全等還需要比較類型 alert(1 == true); //true ,1會隱式轉換爲布爾值,t

原创 代碼

App.vue <template> <div id="app" class="h-100"> <router-view></router-view> </div> </template> <script> export