原创 PS軟件分享前端適用——工具欄詳解（一） 移動工具 V
上網淘了好久PS的教程，但是大多不適用於前端，前端對於PS的需求僅僅在於切圖、合併、導圖、和一些其他簡單的操作。 視頻教程的內容着重於圖形繪製、着色、蒙板和一些炫酷的濾鏡效果，針對於前端適用的部分，大多一筆帶過，先不必瞭解‘阿逗逼’公司的
2018-10-02 05:56:49
1
原创 PS軟件分享前端適用——工具欄詳解（二） 選框工具 M
上一篇和大家分享的是工具欄詳解（一） 移動工具V，包含了圖層面板的認識 這一篇將和大家分享的是選框工具 M 以及圖像的測量，選框工具下有四個選項，兩個常用的 就是矩形選框工具和橢圓選框工具，其實橢圓選框工具也不是很常用，今天主要講講矩形
2018-10-02 05:56:49
1
原创 SVG——入門，路徑描邊動畫
之前寫過一篇通過路徑的錨點改變實現圖形變化的動畫SVG——入門，路徑變形動畫，今天這一篇的demo是簡易的類似進度條之類的圖形，核心原理通過改變路徑的stroke-dasharray屬性，路徑的虛線描邊。 .path:nt
2018-09-30 06:09:37
3
原创 SVG——入門，路徑變形動畫
剛學了兩天svg基礎，隨手記個筆記，通過改變svg錨點路徑創作動畫效果，今天的demo是一個播放和暫停的按鈕 動畫的原理，無論是幀動畫，還是位移動畫，無非就是將一個圖形從a狀態轉變爲b狀態的一個過程 首先想象一下播放和暫停的按鈕應該是什麼
2018-09-30 06:09:37
3
原创 jq——手寫計算器
先拋效果圖 由於工作的時間關係，只寫了點擊的 並沒綁定小鍵盤，下一版吧 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta
2018-09-07 12:31:20
原创 淺談——視覺滾差
先拋效果圖 核心屬性：background-attachment 核心代碼： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-
2018-09-05 16:39:28
原创 原生滾動條醜的一比——自定義滾動條
拖動滾動條功能可以參考https://blog.csdn.net/weixin_41770018/article/details/80968384開門，放代碼！！<!DOCTYPE html><html><head lang="en">
2018-08-23 02:02:28
原创 css+原生js調節音量滑塊
效果html部分<body> <div class="all"> <p>當前位置0%</p> <div class="bar"> <div class="box"></div> </div> </div></body>css部分 <sty
2018-08-23 02:02:28
原创 簡易電商寶貝放大鏡效果--jQuery
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>放大鏡</title> <script src="http://libs.baidu.com/jque
2018-08-23 02:02:28
原创 修改谷歌瀏覽器原生滾動條樣式
效果圖： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=
2018-08-23 02:02:28
原创 vue公共方法抽離
demo：製作一個點擊按鈕增加或者減少數字現在vue組件內部測試一下功能<template> <div class="all"> <p>還未抽離</p> <button @click="SubNum()">-</button> <inpu
2018-08-23 02:02:28
原创 vuex——純用法，無理論
官方解釋：Vuex 是一個專爲 Vue.js 應用程序開發的狀態管理模式。個人理解：組件間傳參使用，不用考慮父子組件關係或者非父子組件關係vuex官網：https://vuex.vuejs.org/zh/ 點擊打開鏈接安裝：cnpm i
2018-08-23 02:02:28
原创 彈性盒佈局——骰子
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>骰子</title> <style> * { margin: 0; padding: 0; }
2018-08-23 02:02:27
原创 鼠標事件——解壓小黃人
html內容<body onmouseover="onSecondDelay(callback);" onmousemove="onSecondDelay(callback);" onmouseout ="clearTimeout(ti
2018-08-23 02:02:27
4
原创 純手寫——基於vue.js的購物車
template<template> <div class="all"> <div class="head"> <span>購物車</span> </div> <ul class="menu"> <li class="li"> <inpu
2018-08-23 02:02:27