原创 vue（插槽slot的使用）
<template>裏面的代碼 <template id="cpn"> <div> <h2>插槽的使用</h2> <slot name="left">左側</slot> <slot name="middle">中間</sl
2020-07-03 12:24:20
原创 vue（子組件訪問父組件，$root,$parent）
$root:訪問根組件 $parent：訪問父組件 運行結果 實例代碼： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <titl
2020-07-03 12:24:20
原创 vue（父子組件的通信--父組件向子組件通信，及props的駝峯標識）
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style> </style>
2020-07-03 12:24:20
原创 vue（子組件向父組件傳遞數據）
父子組件通信 運行結果 示例代碼 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style
2020-07-03 12:24:20
原创 webpack安裝及其與node.js, npm的關係
webpack是一個模塊打包工具，安裝前需要有node.js環境，而node.js自帶了軟件包管理工具npm webpack作用： 1將sass/less 等預編譯的css語言轉換成瀏覽器識別的css文件 2能夠將多個預編譯文件打包成一個
2020-07-03 12:24:20
原创 div的height、width設置爲百分比之後如何讓裏面的元素垂直水平居中
效果展示： 方法很簡單，將父盒子display：table，將裏面的內容display：table-cell，還有就是要把body，html寬高也設置爲100%，要不然盒子的高度會出現問題。 <body> <div class="b
2020-07-03 12:24:20
原创 H5,200行代碼實現粒子漩渦特效
演示圖 實例代碼 <!doctype html> <html> <head> <meta charset="utf-8"> <title>H5,200行代碼實現粒子漩渦特效</title> <style> html,body{ m
2020-07-03 12:24:20
原创 vue（子組件和父組件的雙向邦定）
本案例先將父組件的data傳到子組件，然後子組件通過input的數據雙向綁定（當修改輸入框內容時，子組件的數據也同步修改），然後再把子組件輸入的值傳給父組件（ const qpp=vue（{.....}））的data，同時第一個數據是第
2020-07-03 12:24:20
原创 vue（作用於插槽--父組件替換插槽的標籤，但是內容由子組件提供）
效果： 代碼： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style> </
2020-07-03 12:24:20
原创 canvas之手勢鎖屏
這個是效果圖 思想： 解鎖 1、動態設置畫布 2、繪製畫布上面的圓圈 3、當觸屏點在圓圈內時讓該圓圈內添加實心圓，並讓touchflag爲true 3、如果touchmove觸發並且touchflag爲true時執行upda
2020-07-03 12:24:20
原创 position之absolute
position：absolute 作用：使元素脫離常規流 特點： 脫離常規流 用百分比設置元素寬和高的時候要注意是按照誰的百分比設置的------最近定位祖先元素 如果沒有最近定位祖先元素，會默認body是 z-index
2020-07-03 12:24:20
原创 vue（訪問子組件的方法或屬性，$children,$refs）
$children:訪問子組件。訪問子組件的方法：this.$children[0].ontap()； 訪問子組件的屬性：this.$children[0].name $refs：訪問某個特定的子組件，refs指向的是對象，默認值爲
2020-07-03 12:24:20
原创 網頁版視頻播放器
原創、不易，望多多支持，謝謝！！！ 目錄 主要功能 圖片展示 1、視頻進度條 2、播放暫停按鈕和全屏 3、時間 4、音量 5、倍速 6、鍵盤控制 本來想上傳一個gif的，但一直上傳失敗。所以就只能上傳一些截圖了。 主要功能： 可以
2020-07-03 12:24:20
原创 櫻花特效
下面是代碼，如果感覺有幫助的話留個贊吧。 <!doctype html> <html> <head> <meta charset="utf-8"> <title>櫻花雨</title> <script > /*! jQuery
2020-07-03 12:24:20
原创 vue（組件的data）
組件裏面不能訪問vue實例裏面的數據。組件對象裏面也有data和methods屬性。 1.組件data裏面要這樣寫，而不是這樣寫 如圖，obj1,obj2,obj3調用函數abc（），而函數返回的是一個obj對象，此時變量obj1,ob
2020-07-03 12:24:20