Ashe lucifiel0121
lucifiel0121
/ Gulp task
Last active
July 31, 2018 02:09
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| gulp.task('name'[,deps],function) | |
| // gulp.task 宣告任務 | |
| // name : 命名 | |
| gulp.task('hello',function(){ | |
| console.log('Hello world!'); | |
| }) |
lucifiel0121
/ cloudSettings
Last active
February 23, 2020 07:21
Visual Studio Code Settings Sync Gist
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| {"lastUpload":"2020-02-23T07:21:31.947Z","extensionVersion":"v3.4.3"} |
lucifiel0121
/ 連結
Created
October 11, 2018 10:09
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| - [TypeScript 特色與歷史簡介](https://oomusou.io/typescript/intro/) | |
| - [TypeScript 之基本型別](https://oomusou.io/typescript/basic-type/) | |
| - [TypeScript 之變數宣告與建立](https://oomusou.io/typescript/variable/) | |
| - [TypeScript 之 Function](https://oomusou.io/typescript/function/) | |
| - [TypeScript 之 Arrow Function](https://oomusou.io/typescript/arrow-function/) | |
| - [TypeScript 之 Module](https://oomusou.io/typescript/module/) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $grid-end: 8; | |
| $gutter: 30px; | |
| * { | |
| box-sizing: border-box; | |
| } | |
| .container { | |
| max-width: 960px; | |
| margin: 0 auto; | |
| } | |
| .box { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // 原生 js api 寫 click事件 | |
| // 取個變數，比較短 | |
| const btnChange = document.querySelectorAll('.btn-change-content'); | |
| // 如果直接取 document.querySelector ，取到第一個就會回傳，詳細看 MDN | |
| // 如果直接用 querySelectorAll ，直接 '點' ( document.querySelectorAll. ) 會找不到可以用的方法(methods) | |
| // 要取 .item() 指定才有方法可以用，所以把 item()寫進迴圈全部取進來。 | |
| for (let index = 0; index < btnChange.length; index++) { | |
| //addEventListener事件監聽器 ， 可以去找看看 click 和 onclick 有什麼不一樣 | |
| btnChange.item(index).addEventListener('click', function () { | |
| // classList 直接有方法可以取用 不過 ie支援度 ... :( |
lucifiel0121
/ 選到的html DOM 內容正確 && 字串比對有對的class
Last active
October 31, 2018 09:42
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // 原生js api 選擇器 | |
| const btnChange = document.querySelectorAll('.btn-change-content'); | |
| for (let index = 0; index < btnChange.length; index++) { | |
| // 綁定 addEventListener | |
| btnChange.item(index).addEventListener('click', function () { | |
| // this.innerHTML -> 選到的html DOM 內容 ( class="this.innerHTML" ) | |
| // 取btn區塊 html DOM | |
| let domBtn = this.parentNode.parentNode.nextElementSibling; | |
| // console.log(domBtn); |
lucifiel0121
/ 新同文堂 - 設定
Created
November 22, 2018 01:38
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| {"version":"","autoConvert":"trad","iconAction":"trad","symConvert":true,"inputConvert":"trad","fontCustom":{"enable":false,"trad":"微軟正黑體, PMingLiU,MingLiU, 新細明體, 細明體","simp":"MS Song, 宋体, SimSun"},"urlFilter":{"enable":true,"list":[{"url":"https://angular.cn/*","zhflag":"trad"},{"url":"http://www.angular.live/*","zhflag":"trad"},{"url":"http://es6.ruanyifeng.com/*","zhflag":"trad"},{"url":"http://www.angular.live/*","zhflag":"trad"},{"url":"http://angular.live/*","zhflag":"trad"},{"url":"http://es6.ruanyifeng.com/*","zhflag":"trad"},{"url":"http://ke.mtedu.com/*","zhflag":"trad"},{"url":"http://v3.bootcss.com/*","zhflag":"trad"},{"url":"https://v3.bootcss.com/*","zhflag":"trad"},{"url":"http://www.jquery123.com/*","zhflag":"trad"},{"url":"https://jimmysong.io/*","zhflag":"trad"},{"url":"http://www.angular.live/*","zhflag":"trad"},{"url":"https://angular.cn/*","zhflag":"trad"},{"url":"http://es6.ruanyifeng.com/*","zhflag":"trad"},{"url":"http://www.angular.live/*","zhflag":"trad"},{"url":"http://angular.live/ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const gulp = require('gulp'); | |
| const sass = require('gulp-sass'); | |
| const autoprefixer = require('autoprefixer'); | |
| const postcss = require('gulp-postcss'); | |
| const sourcemaps = require('gulp-sourcemaps'); | |
| gulp.task('sass', function() { | |
| var processors = [ | |
| // 定義 postCSS 所需要的元件 | |
| autoprefixer({ browsers: ['last 5 version'] }), // 使用 autoprefixer，這邊定義最新的五個版本瀏覽器 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "name": "ashe-gulp-sass", | |
| "version": "2.0.0", | |
| "description": "gulp-sass + source map + PostCSS, last update at 2018-11-29 ", | |
| "repository": "git@github.com:lucifiel0121/gulp4.0_config.git", | |
| "author": "ashe <zyi3204@gmail.com>", | |
| "license": "ISC", | |
| "bugs": { | |
| "url": "https://github.com/lucifiel0121/gulp4.0_config/issues" | |
| }, |
lucifiel0121
/ index.html
Last active
March 4, 2019 08:08
JS Bin// Exercise 34: HTTP requests , Step 1 : sample jQ as Observable && wiki API
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width"> | |
| <title>JS Bin</title> | |
| </head> | |
| <body> | |
| <script src="https://code.jquery.com/jquery-2.1.4.js"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/rxjs/4.0.6/rx.all.js"></script> |
OlderNewer