原创 側邊工具條實現 scss+requirejs(4)註冊jq插件

註冊成爲jquery插件 BackTop.js // 在BackTop.js 中註冊插件 $.fn.extend({ backtop: function(opts){ //使用

原创 連等運算賦值以及對象之間的賦值

var a = {n:1}; var b = a; a.x = a = {n:2}; alert(a.x);// --> undefined alert(b.x);// --> {n:2} 說到這個結果,我真是不甚理

原创 SASS 製作七色卡

七色卡是慕課上的實戰,慕課的代碼加上我自己的理解做的。 效果 HTML <body> //用js動態生成一個模板。 //因爲需要7個ul以及每個ul包含20個li標籤,當時考慮了是用js只生成li還是整個

原创 freecodecamp 算法部分刷題筆記

字符串反轉 Array.join Array.reverse Array.split function reverseString(str) { str = str.split(' ').reverse(); for(

原创 random-quote requirejs+scss實戰

題目來自FCC的https://www.freecodecamp.cn/challenges/build-a-random-quote-machine 代碼地址:https://github.com/OMGAGIRL/stop

原创 側邊工具條實現 scss+requirejs(2)

使用requirejs 封裝插件 添加一個scrollTo 的模塊,完成回到頂部的按鈕,但是對功能進行一些擴展,不再只是回到頂部,而是根據用戶傳參進行操作 對jquery,extend函數的解釋說明 // 通過define定義

原创 JavaScript中變量和函數的提升學習

在JavaScript中變量和函數的聲明會提升到最頂部執行。但是匿名函數不會提升。 函數的提升高於變量的提升。 函數內部如果用var聲明瞭相同名稱的外部變量,函數將不再向上尋找。 不同 <script> 塊中的函數互不影響。

原创 css概念與簡單的選擇器

css引入 外鏈 進行文件緩存 嵌入(style) 內聯 選擇器 屬性選擇器 input[disabled]{color:blue} input[type="password"]{color:red}   [cla

原创 側邊工具條實現 scss+requirejs(1)

慕課上的一個案例,剛剛學完scss然後找到了這個課程複習一下。順便老師教了一下requirejs的使用。這可是我的第一個組件啊,拖了好久好久哦。 三種html的佈局以及優缺點: + 第一種是用雪碧圖,通過改變hover的定位來改

原创 佈局

佈局方法 float/position/inline-block/table/flex/grid 居中 水平居中 行級元素:text-align:center 塊級元素:margin:auto 垂直居中 單行文字:lin

原创 css細節屬性

font metrics baseline mean line line-height 是兩條baseline的間距 inline-block 對齊的是inline-block內的最後一行字的baseline 圖片對齊

原创 CSS Grid Layout Module

CSS Grid Layout Module 什麼是Grid 定義:根據元素按列或行對齊排列,但是和table不同的是,格網裏面的內容可以定位自己的位置 flexbox是一維佈局,他只能在一條直線上放置你的內容區塊;而grid是

原创 字符串常量不可修改,數組可修改的原因

一般情況下,想要獲得字符串str=”kuai lai xiu gai wo”中的某個字符可以通過類似數組方式獲得,str[i],但是卻不可以通過str[i] = ‘xx’來修改。除非切割字符串或者轉換爲數組。 var str =

原创 SCSS實現響應式佈局

參考文章 比較簡單的分欄響應式佈局 實例演示 官方文檔 中文文檔 map函數詳解 我的github實現地址 代碼演示 alpha1.0 當要完成響應式佈局時,純手寫方法一般是如下,缺點是,如果要修改斷點,或者修改屬性值的時

原创 SASS&&SCSS起步

今天開始的安裝sass倒是特別順利,但是在開始寫css的第一步的時候可能是我比較笨吧,沒有能領悟到各種教程的暗示明示,最後終於在百度文庫裏面找到了很簡單的,連我這種偏弱智兒童都能明白的良心教程。尷尬的冷笑(^__^) 記一下學習