基於javascript實現的快速排序
function quickSort(arr){ //如果數組只有一個數,就直接返回; if(arr.length<1){ return ar
關於Vue.js一些問題和思考學習筆記(1)
前言本文不是Vue.js的教程,只是一邊看官網Vue的教程文檔一邊記錄並總結學習過程中遇到的一些問題和思考的筆記。1、vue和avalon一樣,都不支持VM初始時不存在的
關於Vue.js一些問題和思考學習筆記(2)
前言本文非vue教程,僅為學習vue過程中的個人理解與筆記,有說的不正確的地方歡迎指正討論1、computed計算屬性函數中不能使用vm變量在計算屬性的函數中,不能使用V
Vue2實現組件props雙向綁定
Vue學習筆記-3 前言Vue 2.x相比較Vue 1.x而言,升級變化除了實現了Virtual-Dom以外,給使用者最大不適就是移除的組件的props的雙向綁定功能。以
Vue.js組件tree實現省市多級聯動
小穎在上一篇隨筆中寫了兩級的tree,下面給大家再分享一下用<ul><li>標簽實現省市多級聯動。調用示例:<template><
詳解基於javascript實現的蘋果系統底部菜單
(不好意,先前發布的是有誤的分析。現在的這個沒問提了!!!)昨天看到了“妙味課堂”的一個蘋果菜單的DEMO。根據裡面提到的“勾股定理”。我自己分析了一下代碼。如下:先來一
Javascript之面向對象--方法
JavaScript面向對象是近年來比較火的一個概念了,由於小弟才疏學淺,雖然做過不少的web項目,看了網上很多深奧的資料和教程,還是對他們深奧的理論一知半解,前段時間看
JavaScript制作彈出層效果
先給大家展示下效果圖,效果圖如下所示:1.引用相關easyui.min.js,easyui-lang-zh_CN.js 等js 文件;2.前台代碼 <input t
Javascript之面向對象--封裝
第一步:做一個“手機的類var MobilePhone = (function(){ …………})()第二步:考慮這個類,裡需要那些類的私有屬性,這裡我想定義的是實
Javascript之面向對象--接口
接口:對實現某一種任務、功能,目的等,所規定的一些原則。程序中的接口:規定好有幾個方法,方法名是什麼。(因程序中要完成任務,都是通過函數或者說方法去實現的。)javasc
Vue.js第四天學習筆記(組件)
在這篇文章之前小穎分享過小穎自己寫的組件:Vue.js組件tabs實現選項卡切換效果和Tree升級版(實現省市多級聯動)先給大家看下小穎寫了一個簡單的組件示例:組件:&l
巧用Javascript的邏輯運算符
domObj.onkeydown = function(e){ if(e){ e.…… }else{ event.…… }}上面例子:如果是火狐浏覽器執行if裡面的語句,
搭建Bootstrap離線文檔的方法
雖然現在不聯網的情況很少,但在本機上搭建一份Bootstrap離線文檔以備不時之需也是很有必要的。廢話不多說,如果你也有同樣的想法,可以參照以下步驟來做:若你還沒有安裝過
Vue.js路由組件vue-router使用方法詳解
使用Vue.js + vue-router 創建單頁應用是非常簡單的。只需要配置組件和路由映射,然後告訴 vue-router 在哪裡渲染即可。一、普通方式基本例子:&l
有關suggest快速刪除後仍然出現下拉列表的bug問題
寫suggest的時候,有時我們快速刪除輸入框的文字後,但是suggest下拉列表還有出現,導致的原因是因為ajax異步請求造成的。雖然我們把輸入框的內容都刪
JavaScript 計算笛卡爾積實例詳解
JavaScript實現笛卡爾積注意:本文中所說的集合是指數學上的集合,不是es6裡的Set。整體思路如下: 用戶傳入一個二維的數組,每個子數組都是一個要進行笛卡爾積計
探討跨域請求資源的幾種方式(總結)
跨域請求資源的幾種方式,具體如下:1.什麼是跨域2.JSONP3.proxy代理4.cors5.xdr由於浏覽器同源策略,凡是發送請求url的協議、域名、端口三者之間任意
淺談js中幾種實用的跨域方法原理詳解
這裡說的js跨域是指通過js在不同的域之間進行數據傳輸或通信,比如用ajax向一個不同的域請求數據,或者通過js獲取頁面中不同域的框架中(iframe)的數據。只要協議、
JavaScript中清空數組的方法總結
方式1,splicevar ary = [1,2,3,4];ary.splice(0,ary.length);console.log(ary); // 輸出
學習vue.js中class與style綁定
關於vue.js中class與style綁定的練習代碼,分享給大家,供大家參考:html:<!DOCTYPE html><html lang=en>