原创 挑戰前端基礎120題--HTML5基礎合集一
1. 常見HTML5標籤？常用的是哪幾個？ 標籤有：h1~h6, head,meta, title, link, script,body,header, section,aside,nav,article,dialog,footer,vid
2024-04-25 13:37:42
原创 挑戰前端基礎120題--垃圾回收機制?
1. 什麼是垃圾回收機制？ 簡稱GC，內存管理自動運行，找到不被使用的變量，進行垃圾回收 釋放內存； 補充點：JS變量分爲：全局變量 & 局部變量； 全局變量的生命週期是一直存在直到頁面被銷燬。局部變量一般定義在函數內部，他的生命週期從函數
2024-04-24 13:32:14
原创 挑戰前端基礎120題--JavaScript 中如何實現鏈式調用的函數?
一. 何爲鏈式調用？ 鏈式調用是一種簡化過程的編碼方式，使代碼看起來更加簡潔～它允許你通過在方法調用之間返回對象本身，從而連續地調用多個方法；比較常見的鏈式調用：jQuery, Promise等，通過多次書寫.或()操作來調用。 二. 實現
2024-04-24 13:32:14
原创 bootstrap簡單圖文環繞效果
一． 下載bootstrap-3.3.7 二． 在html頁面引入css,js; eg: <link src="bootstrap-3.3.7-dist/css/bootstrap.min.css"> <scri
2021-01-22 14:05:05
4
原创 jquery自定義進度條與h5原生進度條
介紹一款自定義的進度條 簡單看看實現效果： http://www.sulishibaobei.com/progress/index1.html --js自定義 http://www.sulishibaobei.com/progr
2018-09-07 14:32:08
1
原创 Angular 4+ HttpClient
個人博客遷移至 http://www.sulishibaobei.com 處； 這篇，算是上一篇Angular 4+ Http的後續； Angular 4.3.0-rc.0 版本已經發布🐦。在這個版本中，我們等到了一個令人興奮的新功能 -
2018-09-07 14:32:08
1
原创 Angular 4 自定義組件封裝遇見的一些事兒
你用Angular 嗎？ 一.介紹 說說封裝Angular 組建過程中遇見的一些問題和感悟。用久了Angular,就會遇見很多坑，許多基於Angular開發的框架最喜歡做的事情就是封裝組件，然後複用.....因爲這是最省事的
2018-09-07 14:32:08
2
原创 5分鐘把任意網站變成桌面軟件--windows版
本文源自於segmentfault的一篇專欄文章：https://segmentfault.com/a/1190000012924855 只不過這篇是MAC版本的，所以我試了下windows版的； 當然想看的，可以看官網的地址 https
2018-09-07 14:32:08
原创 Angular 4+ Http
HTTP: 使應用能夠對遠端服務器發起相應的Http調用； 你要知道： HttpModule並不是Angular的核心模塊，它是Angualr用來進行Web訪問的一種可選方式，並位於一個名叫@angual/http的獨立附屬模塊中；也就是
2018-09-07 14:32:08
3
原创 圖片的拖拽，縮放，截圖功能--自寫版
取名字是個困難的事！！ 先看效果：http://www.sulishibaobei.com/canvas/canvas1/text.html 請在谷歌瀏覽器下查看 html代碼： <div class="bg">
2018-09-07 14:32:08
原创 Angular4+路由
路由的作用就是（導航）：會加載與請求路由相關聯的組件，並獲取特定路由的相關數據，這允許我們通過控制不同的路由，獲取不同的數據，從而渲染不同的頁面； 幾種常見的路由配置： Angular路由器是一個可選的外部Angular NgMo
2018-09-07 14:32:08
原创 Css雪碧圖
Css雪碧圖： CSS雪碧 即CSS Sprite，也有人叫它CSS精靈，是一種CSS圖像合併技術，該方法是將小圖標和背景圖像合併到一張圖片上，然後利用css的背景定位來顯示需要顯示的圖片部分。 原理：CSS雪碧的基本原理是把你的網站上用到
2018-09-07 14:32:08
2
原创 Angular 4 設置組件樣式的幾種方式
你用Angular嗎？ 一.介紹 如何只改動最簡單的css代碼，呈現完全不一樣的視圖效果。 第一種：最基本的設置： 圖1 代碼 圖2 界面運行效果圖 平常，想給一個label或者p等標籤添加樣式，我們就是這樣操作
2018-09-07 14:32:07
原创 bootstrap-multiselect 的簡單使用，樣式修改，動態創建option
1.bootstrap-multiselect 顧名思義基於bootstrap，bootstrap基於jquery,所以第一步，引入文件 bootstrap.css/ juery.js /bootstrap.js 引入此三個文件，是常用
2018-09-07 14:32:07
595
原创 顯示隱藏小代碼
類似控制面板的切換。 1. 2. 3. 3個按鈕，點擊第一個按鈕的時候出來下面的div,並且字體變紅，再點擊一次就消失。字體還是紅色。知道切換面板，點擊第二個或者第三個按鈕的時候，又變成最開始狀態，div 消失，字體變黑。 1
2018-09-07 14:32:07