原创 前端面試之道記錄

1.JS分爲哪兩大類?各有什麼特點?如何正確判斷類型? 原始類型 js的原始類型爲string,number,boolean,undefined,null和symbol6種,它們儲存的是值,但是平常使用中會發現1.toSt

原创 V8垃圾回收原理學習

V8根據對象的存活時間將內存分爲兩類新生代(new),和舊生代(old)。 新生代爲存活時間較短,或只經歷過一次垃圾回收的對象。 舊生代爲存活時間較長,經歷過一次以上垃圾回收的對象 回收算法 新生代 新生代中,所屬的內存被分爲

原创 初學者上傳文件到github方法

這裏介紹的是windows下的安裝和使用。 【第一步】建立先倉庫   第一步的話看一般的提示就知道了,在github新建一個repository(谷歌可以解決),都是可視化的界面操作,所以難度不大。或者看這裏:https://he

原创 form提交後仍然是當前頁面的簡單實現

要實現這麼一個功能,在購物車中,用戶點擊結算時先判斷是否登錄,如果沒有登錄,則顯示一個登錄界面 用戶在輸入用戶名和密碼後會將表單提交到指定頁面,而這時候鏈接也是直接跳轉到了登陸後的界面 怎麼才能在點擊“登錄”後仍是當前頁面,並且可

原创 Pjax實現網頁局部刷新

現在很多網站( facebook, twitter)都支持這樣的一種瀏覽方式, 當你點擊一個站內的鏈接的時候, 不是做頁面跳轉, 而是隻是站內頁面刷新。 這樣的用戶體驗, 比起整個頁面都閃一下來說, 好很多。 其中有一個很重要的

原创 react異步setState簡單實現

前言 直接主題,開始前先看一段demo: class Demo{ constructor(props) { super(props); this.state = {count: 0}; } com

原创 CSS3 動畫配合clip屬性創建圓形進度條動畫

這裏先講下clip這個css中很少用到的樣式,在w3chool是這樣描述的 clip 屬性剪裁絕對定位元素。 當一幅圖像的尺寸大於包含它的元素時會發生什麼呢?”clip” 屬性允許您規定一個元素的可見尺寸,這樣此元素就會

原创 bootstrap的Carousel配合dropload.js實現移動端滑動切換圖片

輪播圖可以通過點擊按鈕來跳到上一張或者下一張,在移動端我們常用的就是通過滑動來實現一些時間,那麼如何實現呢。 以下是通過bootstrap的Carousel和dropload.js(移動端上下拉動刷新插件)的實現方法。 HTML

原创 axios源碼學習記錄

axios的混合模式是怎麼實現的?也就是 axios 既可以當函數調用,也可以當對象使用,比如axios({})、axios.get 本身axios就是個函數,對象調用是因爲在axios的原型上掛載了這些方法 2020.1.16更

原创 React Hooks內部分享學習

前言 Hook 是 React 16.8 的新增特性。它可以讓你在不編寫 class 的情況下使用 state 以及其他的 React 特性。 (React-native 0.59,Taro 1.3開始已支持hooks) 類組件的

原创 Bootstrap中的彈出框插件popover.js中的參數title、content不能使用html代碼

加入自定義代碼 <script>     $(".pop").each(function() {   var $pElem = $(this);   $pElem.popover({     html: true,     trigg

原创 Why Domain Sharding is Bad News for Mobile Performance and Users

地址 In this post we’ll review the results of a real-world test with over three million samples showing that domain shard

原创 Linux下執行.sh文件提示No such file or directory

在一個sh文件中執行多個sh文件時只能執行最後一行命令,其他行都提示No such file or directory。這些命令都是在windows下敲的 解決方案: 利用如下命令修改文件格式 set fileformat=unix :

原创 js緩存計算

//Memoized var fibonacci=function(){ var memo=[0,1]; var fib = function(n){ var result=memo[n]; if(typeof r

原创 手機頁面上body不隨遮罩層上內容一起滾動

先定義css .alpha { height: 100%; overflow: hidden; position: relative; } .alpha body { height: 100%;