原创 封裝自己的jquery

本次封裝實現的功能: 1.類名選擇器 和 ID選擇器,例 $( ' .class ')  和 $( ' #id ') 2.給元素添加屬性,例 $( ' .class ') .click( function(){} ) 3.鏈式操作,例 $

原创 es6和es5中的this指向

先看一段代碼:   var name = "window"; var obj = { name: 'obj', //普通函數 one: function(){ console.log(this.name

原创 flex佈局基本屬性用法示例以及常見佈局

在線地址演示:https://suhuixiao.github.io/flex-layout/ 結合圖形進行演示,覺得好的小夥伴可以收藏,需要派上用場的時候直接複製粘貼。 頁面部分截圖:  

原创 快速掌握vuex

vuex是一個專門爲vue.js設計的集中式狀態管理架構。什麼是狀態?可以把它理解爲data中的屬性需要共享給其他vue組件使用的部分,就叫做狀態。簡單的說就是data中需要共用的屬性。 vuex共有5個核心概念:state 、gette

原创 vue-cli工程下組件之間的通信

vue組件之間的通信包括三種: 1.父組件向子組件通信 2.子組件向父組件通信 3.同級組件之間的通信 首先,看一下vue-cli工程的部分目錄:   說明一下:App.vue是父組件,ZiZuJianOne.vue和ZiZuJianT

原创 js代碼實現tab選項卡效果

實現tab選項卡效果貼上代碼: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="

原创 使用vue-cli搭建webpack模板項目

使用vue-cli搭建webpack模板項目 第一步:nodejs下載、安裝以及環境配置 1.登錄nodejs 官網:https://nodejs.org/en/ ,建議下載推薦版本(紅色箭頭所指)。 2.安裝nodejs 下載下來的m

原创 總結div水平居中的方法

第一種方法: margin: auto;   第二種方法: position: absolute/relative/fixed; left: 50%; margin-left: 元素寬度的一半的負數;   第三種方法: position:

原创 Git實用教程

Git實用教程 這篇文章主要演示怎樣使用git提交代碼到遠程倉庫,以及在工作中經常遇到的問題,比如衝突、版本回退等。   前提準備: git的下載以及安裝 官網: http://git-scm.com/ 下載好後就可以安裝git了,具體的

原创 jquery使用總結

1.看到網上一些資料說$(document).on('click',' ',function(){})和$().click(function(){})沒區別,這說法是錯誤的,看以下代碼   $(document).on('click',

原创 ajax中的同步異步問題

下面以jquery中的ajax解釋一下同步和異步的區別: 可以先運行下面兩段代碼: 同步請求:   $.ajax({ url: "http://jspang.com/DemoApi/typeGoods.php", type:'p

原创 vue全家桶--自我介紹app

技術棧: vue2.0、vue-router、vuex、axios、sass   在線預覽二維碼: https://suhuixiao.github.io/introduceApp-Preview/#/     源碼: https://

原创 使用npm發佈nodejs程序包

使用npm發佈nodejs程序包 npm npm 是 Node.js 官方提供的包管理工具,他已經成了 Node.js 包的標準發佈平臺,用於 Node.js 包的發佈、傳播、依賴控制。npm 提供了命令行工具,使你可以方便地下

原创 vue-router 60分鐘快速入門

Vue.js——vue-router 60分鐘快速入門 概述 vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,適合用於構建單頁面應用。vue的單頁面應用是基於路由和組件的,路由用於設定訪問路徑,

原创 javascript apply()使用詳解

Js apply方法詳解  我在一開始看到javascript的函數apply和call時,非常的模糊,看也看不懂,最近在網上看到一些文章對apply方法和call的一些示例,總算是看的有點眉目了,在這裏我做如下筆記,希望和大家分享..