React複習懶人包
記錄一些看教學時覺得應該特別記下來的咚咚。 import { render } from "react-dom"; 加上這一行，要在網頁上render只要直接打這樣即可： render(<p>Hi<p>, document.querySelector('#main')); 要寫comment要這樣寫...
科技
REST API
Falcor: One Model Everywhere https://netflix.github.io/falcor/ 現在已經不講REST API惹 現在都嘛是講GraphQL 現在真的不談REST API喇 另外一個超級顯學是Google的GRPC...
Top 85 JavaScript Interview Questions & Answers
1. What is JavaScript? JavaScript is a client-side as well as server side scripting language that can be inserted into HTML pages and is understood by...
WebStorm 開發 React
https://stackoverflow.com/questions/36038616/where-can-i-find-node-js-interpreter 編輯器的設定問題： 記得把這邊勾掉… 再到這裡（Settings | Editor | Code Style | JavaScript）...
一些小技巧
在cmder输入的时候，懒得打资料夹名称，可以打ls，列出资料夹名称，前面打一个英文字再按tab，或是对着想去的资料夹，先括起来，再按右键。(它会自己跑到剪贴簿上) 把node的資料夾刪掉，再跑一次npm install，它就會再重新安裝一次所有的套件。...
公主奇緣
https://www.soundclick.com/bands3/default.cfm?bandid=297314 https://www.gardnermuseum.org/experience/music?filter=composer...
Webpack教學
webpack是網頁應用程式的打包工具，它有不少優點，例如壓縮代碼或是增加代碼可讀性…使用它可以讓開發變得更加順利。 官網的教學： 1. 先介紹怎麼載入lodash、run 起來 2. 處理css檔案 3. 處理圖片檔案 4. 載入字型檔案（用woff檔實驗有成功顯示不同字型） 5. 處理其它檔案（...
React教學
首先來用用可愛的腳手架，幫我們馬上搭好環境。 create-react-app stupid 這裡的stupid，是資料夾名稱，輸入這個指令之後，它會自己建立一個叫做stupid的資料夾，裡面就是搭建好的React的環境。 跑完之後再輸入： cd stupid yarn start 結果如果沒有成功...
NPM教学
NPM教学，NPM感觉就像工具库一样。 干，靠北喔，它的版本也更新得太快了吧！ 现在已经到六点四点零了拉。我记得我电脑才买了没多久，买了电脑的时候安装NPM的说。 NPM输入的指令： npm config list 打这个会跑出我们当初安装时的资讯。 npm config get prefix 这个...
一些telegram群組
更多群組 @moregroup 宣傳與尋 https://t.me/moregroup 科技群組-談科技來這裡 https://t.me/tech_TW 下面有的我也不知道是什麼群，有的是廣告群組，莫名奇妙把我加進去的，就貼上來存著好了。 兔子区块链家族 https://t.me/xnqb002 T...
PHP Tutorial
PHP教學！PHP是多麼的好玩啊！ <?php $color = "red"; echo "My car is {$color} <br>"; echo "My car is $color <br>"; echo "My car is " . $color . "<br>"; ?> 以上三個叫變數的...
ES6 Tutorial
Arrow functions https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions...
履歷即抄即用
Up-to-date with the latest UI trends, techniques, and technologies https://www.indeed.com/viewjob?jk=1bb8c0d01d2d9efa&tk=1ck5ikqvsb8sicki&from=serp&vj...
前端工作需求
https://www.indeed.co.uk/viewjob?jk=f11eaa3a832818bf&tk=1ck4jjbfa91chesf&from=serp&vjs=3...
Chrome DevTools
要看接口時記得按這個 https://developers.google.com/web/tools/chrome-devtools/ https://leeon.gitbooks.io/devtools/content/learn_basic/overview.html https://leeon...
架商店的東東
SHOPLINE 網路開店平台 https://shopline.tw/ TAGLANDS https://www.taglands.com/ shopify https://www.shopify.com/...
React 杂乱笔记
JSX produces React “elements”. 可以想像成這樣↑ 喔! 就是给了它一个物件，叫props.name = Sara 在 CodeSandbox 這邊可以練習React，還蠻好玩的。 components defined as classes have some addit...
求職網站
https://tw.wanted.jobs/ https://tw.wanted.jobs/ https://stackoverflow.com/jobs https://www.indeed.co.uk/ https://remote.co/...
前端RESUME範本
https://www.indeed.com/r/cf9ce0b6f86c5ac6 https://www.playtech.com/careers/view-jobs/senior-front-end-developer https://www.indeed.com/career-advice/r...
出包才学git
製作新的專案開始導入git 首先在bitbucket開一個新專案 .gitignore 這個檔案在git init的時候不會自己跑出來的樣子 google了一下： https://superuser.com/questions/357069/no-gitignore-file-in-new-rail...
新首页考虑用的插件
参考网页： https://trackjs.com/ https://unicorncoin.xyz/ animate.css https://github.com/daneden/animate.css jquery-scrolla https://github.com/maximzhurkin/...
专案笔记
处事 1.测试环境很卡又有人会抢来抢去，希望开发多放几个接口 2.想要什么功能，或接口有什麼問題，自己跟开发说，请他调整或新增 3.也要確認好接口訊息是如何判定回傳的 4.有吵有糖吃。 程式面 1.先把逻辑都理清楚，画个流程图出来，需求都确认清楚，再来进行会比较快 2.若都确认好了，可以试着先在本地...
remote jobs
We Work Remotely | Remote Front-End Programming Jobs https://remoteok.io/ Remote Developer Jobs – Remote.co Remote Frontend Developer Jobs ̵...
gulp编译不同路径的scss
var gulp = require('gulp'); var compass = require('gulp-compass'); gulp.task('compass', function() { ['./', './mobile/', './ws-ydpm/'].forEach(functio...
代码心得
1.尽量物件导向化(例如在function内用 this.xxx = xxx) 2.变数尽量简洁、unused的删掉。 3.逻辑判断要清楚 4.应该做个双向绑定，例如可以输入生日，来测试情况...
Vue.js
Vue.js給我的感覺是，將一組HTML物件化起來，定義它的方法、資料。 jQuery則是一開始使用 selector 找到物件，再定義要他們幹麻幹麻。 all Vue components are also Vue instances...
html範本化
JavaScript Templating Without a Library Display JSON Data Using the JsRender Template Engine JSON Objects https://developer.mozilla.org/en-US/docs/Lea...
Declarative vs Imperative Programming
https://codeburst.io/declarative-vs-imperative-programming-a8a7c93d9ad2 http://www.redotheweb.com/2015/09/18/declarative-imperative-js.html https://ms...
Default Parameters
Default Parameters: If you are familiar with other programming languages like Ruby, Python then default parameters isn’t new to you. Default parameter...
JavaScript let
if (true) { let a = 40; console.log(a); //40 } console.log(a); // undefined 上面的范例，如果改成var的话，最下面一行的console.log(a); 却是可以获取到的（40）...