原创 css3幀動畫

原文鏈接:https://www.cnblogs.com/Fengzp/p/5548493.html 效果圖: <!DOCTYPE html> <html lang="en">

原创 gsap tweenmaxz中文api地址

https://www.tweenmax.com.cn/api/tweenmax/ 程序員導航:https://geekdocs.cn/#12

原创 JavaScript常用公共函數整理總結

1、清除空格 function removeSpace(value){ return value.replace(/\s+/g,"") } 2、數組去重 function dedupe(array){ r

原创 vue實現一個數字滾動效果

<template> <div class="num-block"> <div class="num-block_show"> <div class="num-block_numbe

原创 CSS3屬性:box-shadow測試

容器設置陰影 box-shadow 語法: box-shadow: h-shadow v-shadow blur spread color inset; 以上各屬性值的解析: horizontal(水平):指定水平偏移陰影。正值(

原创 CSS3旋轉實例

在CSS3中transform主要包括以下幾種:旋轉rotate、扭曲skew、縮放scale和移動translate以及矩陣變形matrix。 1、旋轉rotate() :通過指定的角度參數對原元素指定一個2D rotation

原创 [Vue warn]: Error in v-on handler: "TypeError: handler.apply is not a function"

在使用vue.js項目開發中遇到警告,如此下圖所示: 出錯部位代碼如下: <el-button :icon="showfilter == true?'h-icon-filter':'h-icon-filter_f'" ty

原创 CSS3 transform3D 圖片翻轉效果

基本思路來自於CSS3 transform3D 圖片翻轉效果一貼 基於上帖基本實現一個3D 圖片翻轉效果demo,爲了再加一個延時便成爲下圖效果: 代碼如下: <!doctype html> <html lang="zh-C

原创 純CSS滾動指示器技術實現

效果如下: 代碼如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>純CSS滾動指示器技術實現</title> </head> <styl

原创 鼠標滑過元素動態邊框運動

效果如下: <!doctype html> <html> <head> <meta charset="utf-8"> <title>鼠標懸停邊框運動效果</title> <script src="js/jquery-1.8.3.

原创 Prop being mutated: "showDialog"

對於父子組件之間的互相傳值,報錯如下: [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the par

原创 獲取鼠標在屏幕的X,Y座標

getMousePos(event) { var e = event || window.event; var scrollX = document.documentElement.scrollLeft ||

原创 高考倒計時

雖然 高考已遠離我多年,今日翻開當年的體會日記依舊感慨良多。。。 自從來到人世已有二十多個春秋,時間飛逝,我度過了幸福的童年,少年,即將面臨的是人生的轉折點-----高考。 早上起得比雞早,晚上睡的比狗晚。最後的三十天,我要說我準備

原创 二月花開

靜悄悄地 我聽見了 二月的花開 蝴蝶覬覦你的色彩 蜂兒垂涎你的清香 只是微風細雨 它們便不想溼了翅膀 只剩你憂鬱地開放 我停下了氣息 恐怕最溫柔的問候 也會令你彷徨 我靜悄悄地打量 不覺得微涼 細雨飄揚在我的身旁 打溼我和你的面龐 原

原创 所見,所聞,所感

   辭別六月,目送學長前輩們的離去,看到了收穫和迷茫的眼神。而我的暑假依然選擇了外出打工掙錢的老路,懷着一顆好奇而充滿渴望的心態上了南下的火車。下火車的瞬間,感到這個中國火車頭式的一線城市的繁華與發達,瞬間目光被各種沒見過的事物所吸