原创 鼠標滾動導航放大縮小

進入頁面的樣式 鼠標向下的樣式 滾輪向上還是可以變大,直接上代碼, <!DOCTYPE html> <html lang="zh-CN"> <head> <title>鼠標滾動放大縮小導航欄代碼</title> <meta c

原创 scoped slot插槽模板使用的屬性是組件中的屬性

如果希望插槽模板中使用的屬性是組件中的屬性時,就用到了 scoped slot。 <template> <div> <child> <h1 slot="asd" slot-scope="pro

原创 react入坑(一)點擊按鈕加減

// import React from 'react'; // import ReactDOM from 'react-dom'; // import './index.css'; // import App from './A

原创 provide inject越級得實例

<template> <div> <child ref="chil"> <span slot-scope="props" ref="span"> {{props.value}} {{props.aaa

原创 react入坑 this.prop (二)

我今天剛看react,也不知道理解的對不對,然後畫了一個圖。。我覺得就是 ReactDOM.render先去在頁面id爲root的地方用.render方法渲染,那麼渲染什麼呢,就是這個Counter組件。這個組件裏更新頁面的方式就

原创 作用域插槽slot

通常,插槽內使用的屬性,使用的是引用組件的組件的屬性值。 <template> <div> <child v-model="value"> <span>{{value}}</span> </c

原创 ps界面佈局及性能優化

左側爲工具欄,選中每種工具上邊都會出現對應屬性 如果窗口變亂可以點擊上方 窗口 - 工作區 - 復位基本功能 編輯-首選項-常規 可以進行設置

原创 js計算練習

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device

原创 margin-left實現左側盒子固定右側盒子自適應

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device

原创 vue項目適配手機端 lib-flexible px2rem-loader px轉rem

在新公司熟悉項目時發現項目寫的都是以px爲單位,但是頁面上顯示的都是rem單位。。。 這是什麼鬼。。翻了項目結構也沒找到在哪裏適配的rem。。。然後也不好意思問別人。。。 然後就。。。 在網上查了一下,原來真的有一種方法可以直接

原创 移動端meta標籤積累中

<head> <meta charset="UTF-8"> //通過在meta中設置X-UA-Compatible的值,可以指定網頁的兼容性模式設置。IE = edge告訴IE使用最新的引擎渲染網頁

原创 (Vue)局部混入mixin混入用法

今天無意在百度上搜了一下mixins,然後哐哐得出來的都是mixin的概念,mixins的原理(幾句話咱也沒看懂),有幾個是用法的,但是說的也是含含糊糊。。還有的畫思維導圖的。。挺簡單的問題非要複雜化。。。 其實我就想知道咋用,

原创 slot 插槽 簡單使用

<template> <div> <comp-one v-model="value" :aaa="value"> <span>this is content</span> <div>hahah<

原创 slot具名插槽 VUE子組件自定義事件在父組件顯示

slot具名插槽 通過 slot 的 name 屬性可以指定插入多個內容。 VUE子組件自定義事件在父組件顯示 <template> <div> <h3>父組件</h3> 輸入得顯示:{{value}}

原创 (最新)video src測試在線地址 長期有效

http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4 http://vjs.zencdn.net/v/oceans.mp4 https://media.w3.org/2010/