JavaScript教学
JavaScript | MDN The Modern Javascript Tutorial ES6 for beginners – codeburst ECMAScript 6 Tutorial Speaking JavaScript: An In-Depth Guide for Program...
科技
JavaScript基础
JavaScript Logical Operators ! 除了一个惊叹号之外 还有双惊叹号 What is the !! (not not) operator in JavaScript? 会把它的true or false再反转 So !! is not an operator, itR...
React Tutorial
Build with React JS http://buildwithreact.com/tutorial ReactJS Tutorial https://www.tutorialspoint.com/reactjs/index.htm React Native https://facebook...
前端杂货
JavaScript Array map() Method jQuery Misc index() Method parents() 和 parent() 的差别，在于 parent() 是上一个元素，而 parents() 是所有祖先元素。除非有加参数，例如parents(“ul...
前端工程师推荐连结
Vue.js Developers 专门刊载一些Vue的文章 Hackr.io 收集各种前端教学，依照语言分类 Tools for Web Developers 一些开发工具介绍 Smashing Magazine 网页开发 Codrops Designmodo...
Vue.js笔记本
Vue.js 測試的pen： 要給Vue的component一些動態資料的話，就給它挖個洞，讓它能接受自己定義的屬性（props） 【directive】 Directives are prefixed with v- to indicate that they are special attrib...
前端工程師點擊技能
GIT React Vue.js GA Chrome Devtools Webstorm Laragon GitKraken npm webpack gulp Node.js 後端PHP &Laravel 熟悉ES6, ES7語法 IoT相關經驗 Docker Container(AWS ECS) ...
Animate.css的用法
1.载入cdn <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css"> 2.加上class名称 animated bounceInDown 大功告成！！ 范例：...
幹他媽的wordpress掛掉
我的wordpress，就是這個站，竟然掛了，後來自己google找出解決辦法了，參考這一篇 http://www.wpbeginner.com/wp-tutorials/how-to-fix-the-internal-server-error-in-wordpress/ 原來是套件有問題，把套件資...
jQuery实用代码段
此段可用於tab分頁、篩選照片 $(".liveback__buttonlist li a").click(function(){ $(".liveback__buttonlist li a").removeClass("active"); $(this).addClass("active"); v...
telegram群組收集
PTT群 https://t.me/pttlive 日語學習群 https://t.me/nihongoLearn 日劇日音 https://t.me/JapaneseShows 台灣群 https://t.me/FormosaTaiwan 網頁開發群 https://t.me/HWDTaiwan ...
网页开发各项技巧
&:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px black inset; -webkit-text-fill-color: #eec452; } 在input后面加这个，可以盖掉自动完成（记忆帐号密码）的样式 &::-webkit-input-...
手机版心得
假如mission__play这些表单 li要有按钮的话，加在li上加个class 叫bind，如下图： 把PSD的尺寸改成375宽，就是iphone7上需要实际字元等pixel的大小 弹窗的范本在MUIModelv2.js里面改，各种都有 input直接一个class readonlyinput就...
NOTE
‘<div onclick=”window.location.href=\’/app/love.jsp?loveType=’+ data.lovein[i].platform +’\'”>’, 因為 herf= 後面...
草莓季來了
小七開始賣各種草莓商品，巧克力攤也沒了QQ 我最愛的Brookside巧克力…以後只能到COSTCO買了 May 2 2026 以上不知道幾年前的廢文，現在Brookside很好買 不過草莓季一下就過了的感覺，可能冬天越來越短的關係， 以前可能疫情的關係所以草莓季久一點QQ 我還是很懷念以前在弘光買...
if else注意事項
var luna = “”; if ( luna = stupid ){ alert(“true”); } else{ alert(“Luna is genius”); } 這裡的等號只有一個，它會直接把值指定給luna。 要用...
jQuery selector需注意
想選擇一樣的tag，結果找不到的情況： <header id=”luna-header” class=”header luna-header”> var header = $(‘#luna-header’); var heade...
Webstorm教學
針對分頁連續按兩下，左邊會彈出資料夾目錄 縮排／減少縮排的方法：按 Tab 或是 Shift + Tab 對正在編輯的地方按F11，就是BOOKMARK，再按一次會取消。 Ctrl + Shift + ↑ ↓ 可以移动程式码，就不用贴来贴去。 Alt + Shift + ↑ ↓ 是移動括起來的程式碼...
解決手機打開畫面很大的問題
<meta name="viewport" content="width=device-width, initial-scale=0.25,maximum-scale=0.25; user-scalable=1"> 加了這一行就解決了~...
了解mui css框架
加起來是12就對了 offset是靠左右的距離，左邊offset-1可以判斷右邊點是1，因此 10 + 1 + 1 =12 xs32代表320宽度 bar mui-col-xs32-12 64代表640 @media screen and (min-width: 640px) mui-col-xs6...
slick輪播的各種問題
要使用 slick轮播，需要: 1.载入它的slick.css 2.载入它的slick.min.js 3.最后呼叫它 $(‘.slideshow’).slick({ dots: true, infinite: true…………&...
jQuery Plugin 使用心得
jQuery.Marquee https://github.com/aamirafridi/jQuery.Marquee class名稱不要直接叫marquee 難用死了，問題一大堆，連純文字的內容都要包在 $(window).load(function() { }); 這裡面才能呼叫，有沒有這麼爛...
網站開發好用工具分享
SpriteMe 這個網頁連結貼到網址列，之後逛到的網站點一下這個網址，它就會分享你正在逛的網站的spirit和網站圖片給你 【chrome插件】 zIndex 視覺化的查詢你的頁面的z-index值 WhatRuns 查詢網頁使用了什麼工具 Darkness – 精美的深色主題 保護工...
特殊造型table解说
框线是指定成 border-right: 2px solid #febb20; border-bottom: 2px solid #febb20; 在第一個td再指定border-left border-collapse: inherit; 必加這行讓th不會少一條框線 1、把大概模型切出來 td{...
線上程式碼配色工具
Prism http://prismjs.com/ 感覺可以選的樣式就那幾種啊… highlight.js https://highlightjs.org/ Syntaxhighlight.in https://github.com/thierryk/Syntaxhighlight.in...
jQuery 網頁捲動動畫
$(window).scroll(function() { $(“.slideanim”).each(function() { var pos = $(this).offset().top; //傳回此物件距離最上面的長度 var winTop = $(window).scr...
gulp安裝使用教學
網路上雖然已經有很多教學了，但是自己實作再記一次筆記，看自己的筆記比較好懂，就來寫一下囉。 ※RUBY記得要是最新的版本 若gulp無效顯示： ‘gulp’ is not recognized as an internal or external command, opera...
2015-2017網頁語言
2015年 【瀏覽器方面】 Microsoft Edge於1月發佈 Google Chrome 56阻擋FLASH 【設計方面】 網頁越來越長，以滑動取代點擊 為的是讓手機使用者省下點擊網頁的時間 別再讓網友迷失在點擊中，2015 年十大網頁設計趨勢PART1 【HTML】 2014年底HTML5成...
WordPress學習筆記
Feb. 11 .2017 發現我的圖片上傳都會預設選擇中等大小或是小型大小，我想要full的，看了這篇教學，成功讓它上傳之後都會先幫我選好full size了。 How to Change the Default Attachment Display Settings in WordPress w...
庭喵的老公大全
這些都是庭喵的老公。 part 1. 我老公 Love drops 路西法 View post on imgur.com View post on imgur.com View post on imgur.com View post on imgur.com View post on imgur.c...