原创 8種常見數據結構及其Javascript實現

做前端的同學不少都是自學成才或者半路出家,計算機基礎的知識比較薄弱,尤其是數據結構和算法這塊,所以今天整理了一下常見的數據結構和對應的Javascript的實現,希望能幫助大家完善這方面的知識體系。 1. Stack(棧) Stack的

原创 DOM變動事件的用法

原文鏈接:https://blog.csdn.net/flyingpig2016/article/details/53677679   DOM2級的変動事件是爲XML或html的DOM設計的,

原创 移動端手勢事件及長按事件模擬

H5原生事件中爲移動端增加了3個觸控事件,touchstart、touchmove、touchend;但是我們在實際使用手機時有長按和手勢動作,但是原生並沒有給我們封裝類似的事件,所以我們需要模擬實現。 (function () {

原创 js實現雙向數據綁定

<div class="app"> <input type="demo" shawn-model="demo" spellcheck="true"> <p shawn-text="sha"></p> <p sha

原创 vue mint-ui 使用介紹

npm 安裝 推薦使用 npm 的方式安裝,它能更好地和 webpack 打包工具配合使用。 npm i mint-ui -S CDN 目前可以通過 unpkg.com/mint-ui 獲取到最新版本的資源,在頁面上引入 js 和 c

原创 JavaScript 編碼小技巧+ES6新增功能

三元操作符 如果使用if...else語句,那麼這是一個很好節省代碼的方式。 Longhand: const x = 20;let answer;if (x > 10) { answer = 'is greater'

原创 object-fit 用法

  該 object-fit CSS 屬性指定替換元素的內容應該如何適應到其使用的高度和寬度確定的框。 初始值 fill  適用於 替換元素  遺傳 是  媒體 視覺  計算值 按規定  動畫類型 離散的  爲了規範 通過正規的語法定義的

原创 vuex入門

如果你在使用 vue.js , 那麼我想你可能會對 vue 組件之間的通信感到崩潰 。 我在使用基於 vue.js 2.0 的UI框架 ElementUI 開發網站的時候 , 就遇到了這種問題 : 一個頁面有很多表單 , 我試圖將表單寫成

原创 angularJS自定義指令各配置項詳解

指令詳解 一個指令的定義應當是如下這個樣子: code: angular.module('myApp', []) .directive('myDirective', function (UserDefinedService)

原创 AngularJS操作DOM——angular.element

addClass()-爲每個匹配的元素添加指定的樣式類名after()-在匹配元素集合中的每個元素後面插入參數所指定的內容,作爲其兄弟節點append()-在每個匹配元素裏面的末尾處插入參數內容attr() - 獲取匹配的元素集合中的第一

原创 你知道URL、URI和URN三者之間的區別嗎?

這是一個經典的技術爭論,許多人都會自問:URL、URI,很可能還有URN,它們之間的區別是什麼。雖然,現在我們簡單地把 URN 和 URL 都看做 URI,但嚴格來說URI可以進一步劃分爲URL、URN或者這兩者的組合,所以瞭解這三者之

原创 自定義滾動條

var scroll = 0; $(".tel").click(function () {     if ($(this).hasClass("open")) {         $(this).removeClass("open")

原创 移動端touch事件影響click事件以及在touchmove添加preventDefault導致頁面無法滾動的解決方法

移動端touch事件影響click事件以及在touchmove添加preventDefault導致頁面無法滾動的解決方法 這兩天自己在寫一個手機網頁,用到了觸屏滑動的特效,就是往右滑動的時候左側隱藏的菜單從左邊劃出來。 做完之後在手機原生

原创 【Vue】詳解Vue生命週期

www.cnblogs.com 2017-07-16 22:26 (這裏的紅邊圓角矩形內的都是對應的Vue實例的鉤子函數) 在beforeCreate和created之間,進行數據觀測(data observer) ,也就是在這個時候

原创 js Blob對象介紹

什麼是Blob?Blob是一種JavaScript的對象類型。HTML5的文件操作對象,file對象就是Blob的一個分支或說一個子集。 Blob 存儲大量的二進制數據,Blob自己本身的屬性有兩個,分別是:size 和 type ,在