整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
間咻地一下
又迎來了新學期
熊貓微米課堂
為老師們送上一分
誠意滿滿的開學禮物
「開學第一課班會課件」
有了這套課件，老師可以：
1.無需浪費自己時間做大量的內容填充
2.只在具體信息做少量修改
3.快速生成自己班級獨家、精美的開學課件
時間寶貴，我們先來看看這套課件具體內容！
#課件局部預覽
No.1
封面及目錄
No.2
新學期校規班規（局部）
No.3
新學期安全教育（局部）
No.4
學習好習慣（局部）
No.5
新冠肺炎預防知識
No.6
新學期打算（局部）
免費使用完整版課件，請按照下方提示操作：
課件下載方式
點擊下面鏈接
2022春季開學第一課課件來了！
0月4日消息，手機QQ近日又推送更新了，安卓和iOS都可以升級到最新的8.8.33版本。據官方介紹，本次更新主要新增了兩項功能，照片快速編輯功能得到加強，同時提升了視頻通話的體驗。
新增的照片快速編輯功能，你通過手機相冊發送相片時，點擊左下角的進入預覽模式并上滑，就可以調出輸入框添加文本消息，點擊發送后文字會和相片一起發出去。你可以通過這段文字介紹這張相片的內容，或你發送這張相片的目的。這樣可以避免分開發送時別人只看相片卻沒關注到文字信息，或者發了圖片別人產生誤解，想要打字解釋卻來不及的情況。
此外，新版本還提升視頻通話體驗，官方稱能流露人像的自然美，推測應該是加入了美顏功能。新版本也支持“美體”以及智能美顏功能，其中美體可以自然修飾身形，達到局部瘦身或全身瘦身的效果；而智能美顏可以在男女同框拍照時，自動推薦合適的美顏效果，讓男女雙方都有更好的美顏自拍體驗。
據了解，9月15日手機QQ才進行一次更新，沒想到這么快又迎來新版本。上一版本中加入了游戲消息盒子功能，可以幫助玩家快速與游戲好友聊天、開黑，通過盒子就能直接登陸游戲并查看游戲消息等。該版本還在視頻通話中新增多款掛件，提高視頻聊天的趣味性。
從最近幾次QQ更新中能察覺到，手機QQ已經很少出現新功能，基本都是圍繞這視頻通話、拍照、相片等功能進行小修小補，提高社交聊天過程的體驗。確實，手機QQ已經發展了這么多年，所有功能都相當完善，甚至出現很多花里胡哨的東西，遭到不少用戶的吐槽。
盡管手機QQ也推出簡潔模式，去掉了如聊天氣泡、群進場特效、禮物特效等元素，但依舊有很多用戶覺得功能太臃腫。奈何QQ有著大文件傳輸，群文件永久保存等優勢，讓很多人無法完全割舍這款軟件。小雷建議，QQ簡潔模式或許可以更進一步，把小程序、狀態、厘米秀等元素都去掉，回歸最純凈、簡潔的社交體驗。
天跟大家一起絮叨一些H5前端頁面制作技巧，一般人不會說出來的移動前端動畫技巧哦，看完之后你會發現許多非常有用的動畫處理技巧。哈哈
一般情況下，拿到設計稿我們會有兩種選擇：
來一個條件表達式哈哈：產物=設計稿處理？靜態輸出：讓頁面動起來；
作為一個有志向的前端，當然不會讓頁面生硬地靜態展示咯，但是如果需求時間很短，應該如何破呢？
下面這些小技巧可以讓你在沒有想法的時候，讓你的頁面生動不少（喜歡做雷鋒的我，不必感謝）
NO1：CSS3時序錯開漸顯動畫
這是一種比較常用的動畫，它的優點節奏感強，做法就是先讓每個元素隱藏，然后當頁面呈現后每個元素錯開時間出現。
For example：（請忽略瀏覽器私有屬性）
<div class="box1"></div>
<div class="box2"></div>
.box1,.box2{opacity:0;position:absolute;left:50%;translate3D(-50%,0,0);}
.box1{top:30px;}
.box2{top:50px;}
/*active為當前頁面呈現時加上的觸發類*/
.active .box1,
.active .box2{animation:ele-show .5s linear forwards;}
.active .box1{animation-delay: .2s;}
.active .box2{animation-delay: .4s;}
@keyframes ele-show
{
0% {opacity: 0.2;translate3D(-20px,0,0)}
90% {opacity: 1;translate3D(5px,0,0)}
100% {opacity: 1;translate3D(0px,0,0)}
}
效果就是兩個元素分別從上面掉下來，這里有個小細節（keyframes），為了讓掉下來的動畫生動點，應該在90%的時候先掉下一點點，然后瞬間在100%時回跳5px。
注意這里還有一個細節，安卓2.3.*不能良好支持-webkit-animation-fill-mode，也就是漸變動畫不能停止在最后一幀。有這樣一個解決方案：
1.用Modernizr去檢測是否支持這個屬性，加上識別類.no-animation-fill-mode；
2.根據識別類采取以下措施：
（1）用JS模擬同樣效果；
（2）用css屏蔽掉動畫；
（3）或者直接全部都用transition來做（不要keyframes）
NO2：CSS3細節強調動畫
有些局部細節如果還是漸現顯示的話，會比較枯燥，例如標題、按鈕等，需要一種強調，下面我們分兩種情況來說：
如果時間允許的話，基本做法是先把一個元素切成不同的塊狀，例如小人的手腳都切成不同圖片，然后讓它們重新組合，再通過賦予不同的CSS動畫來讓它生動起來。
如果時間緊湊， 對動畫細節要求不那么嚴格細致，可以使用一些輔助工具：Animate.css，通過直接預覽選擇想要的動效，然后下載它的CSS把對應keyframe扒下來就好了。
NO3：SVG動畫
SVG技術現在越來越不陌生，使用門檻漸漸降低，然后它也是可以使用CSS控制的，有時候用CSS3比較難實現的線條的描繪動畫，也可以用SVG來搞定。
NO4：背景音樂&音效
H5頁面要炫酷，畫面生動還是不夠的，一定要配合生動的音樂（可以跟產品溝通提供對應的音樂資源）。當然有了音樂資源我們是否可以直接引用呢，有幾點還是要優化一下：
音樂不宜過長，最好30s左右，最好加上漸現漸隱效果，方便循環播放；音樂體積（一般200K以下都可以接收）最好要小，在手機瀏覽的話要考慮流量啦。
<audio id="audio" src="音樂地址" loop preload="auto" autoplay="true" class="hide"></audio>
在這里需要注意：ios系統是不能自動播放音樂的，一定要觸發一個用戶交互事件，例如點擊，有一種自創的hack方法可以規避：
通過new一張圖片，監聽一張圖片的onload事件，結束后回調執行音頻播放audio.play()即可，原理估計是動了dom結構，相當于執行了一次交互。最后，記得暴露一個音樂關閉/打開的按鈕，不然肯定用戶哪里找得到按鈕。
NO5：有趣的loading
Loading頁還是要有的，萬一用戶網速慢呢？
以上做了那么多事，如果沒有資源加載都是玩不來的，因此還需要一個loading的支持。
然而loading還是可以做得很有趣的，一般的做法是：
1.引入品牌，例如APP宣傳頁；
2.引入有趣動畫，放一個賤賤的人物跳舞給你看；
3.一切從簡，用CSS3簡單動畫。
當然，真正要做到高效制作動態H5頁面，還是靠積累，因此平時做好的細節動畫自己都積累起來，下次分分鐘就能用得上。小編會不定時更新前端相關的知識，有興趣的話歡迎大家加群142991222一起討論交流學習。
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
