原创 活動頁面常用(easing備忘)

jquery.easing.js增強動畫過渡效果:(1)引入插件:<script type="text/javascript" src="http://lib.sinaapp.com/js/jqu...;></script><script

原创 vue2-elm學習記錄(Day4)

知識點 (一)v-load-more實現上拉加載vue通過自定義指令實現loadMore上拉加載,實現方法:common.js: export const getStyle=(element,attr,NumberMode='int')=>

原创 vue2-elm學習記錄(Day3)

知識點 一、Vuex Vuex中store數據改變的唯一方法就是mutation,通俗理解mutation,裏面裝着一些改變數據方法的集合,把處理數據邏輯的方法全部放在mutation裏面,使得數據和視圖分離。mutation結構:每一個m

原创 vue2-elm學習記錄(Day2)

知識點 參數傳遞 1.父組件給子組件傳遞參數 子組件head.vue: <header id="head_top"> <!--返回上一級,是否有,有父組件傳遞過來的goback參數決定--> <section class="

原创 vue2-elm學習記錄(Day1)

知識點: keep-alive 是Vue提供的一個抽象組件,用來對組件進行緩存,從而節省性能用,由於是一個抽象組件,所以在v頁面渲染完畢後不會被渲染成一個DOM元素。當組件在keep-alive內被切換時組件的activated、deact

原创 騰訊移動 Web 前端知識庫學習(一)

移動端Web解決方案學習:(一)代碼結構規範 使用 Mobile Boilerplate 在官網(https://html5boilerplate.com/)下載之後的目錄結構: CSS該目錄應包含項目的所有CSS文件。它包含一些初始CS

原创 關於vue-cli3跨域配置筆記

vue-cli3跨域配置:在vue-resource的數據請求中,一般我們會將請求方式GET/POST修改爲jsonp的請求方式就可以實現跨域。但是對於只支持GET/POST兩種請求方式的api,修改jsonp,就會出錯。需要進行跨域的配置

原创 側滑展開筆記

關於側滑展開 父組件:App.vueA組件:navbar.vue(點擊控制側邊欄(B組件)的展開)B組件:sidebar.vueA組件template部分: 點擊執行方法showNavexport default{ methods:{

原创 push本地文件到github筆記

1.輸入自己的用戶名和郵箱(爲註冊GITHUB賬號時的用戶名和郵箱)$ git config --global user.name "[email protected]"$ git config --global user.email "col

原创 選項卡學習

實現選項卡評論切換(一)data.json中"ratings"的數據結構如下: 說明:選項卡有的三個狀態全部/推薦/吐槽以selectType的值來區分selectType=2---"全部"是選中的狀態selectType=0---"推薦"

原创 vue日期格式轉換

日期格式轉換JS:date.js//傳入參數日期和要轉換的格式export function formatDate(date,fmt){ if(/(y+)/.test(fmt)){ fmt = fmt.replace(RegExp.$1

原创 數量加減組件學習

關於加/減組件及價格計算實現效果:(一)cartControl.vue組件 初始狀態只顯示+,點擊+號,food(類自父組件)set一個新屬性count,同時顯示數量,出現-號部分<template><div class="cartCont

原创 vue動畫筆記

背景內置的<transition>和<transition-group>組件同時支持CSS和JS鉤子過渡和動畫的不同:過渡就是從一個狀態向另一個狀態插入值(從起始狀態,到結束狀態,再回來)動畫不同,可以在一個聲明中設置多個狀態(比如動畫50

原创 better-scroll筆記

安裝npm install better-scroll --save引入import BScroll from 'better-scroll'基礎better-scroll支持多參數配置,可以在初始化的時候傳入第二個參數let scroll

原创 vue父組件傳遞一個Object類型的數據給子組件

父組件: 子組件: