㈠使用html +css先設計乙個心形，背景為灰色，接著使用原生js的dom操作修改一下背景屬性，該語句放到dom二級事件addeventlistener的控制代碼。
**示例如下圖所示：
doctype html
>
<
html
lang
="en"
>
<
head
>
<
meta
charset
="utf-8"
>
<
title
title
>
<
style
>
*.heart
.heart1
.heart:before,
.heart:after
.heart1:before,.heart1:after
.heart:after,.heart1:after
style
>
head
>
<
body
>
<
div
id="heart"
class
="heart"
>
div>
<
div
id="heart1"
class
="heart1"
style
="display: none;"
>
div>
<
script
>
document.getelementbyid(
"heart
").addeventlistener(
"click",
function
() );
document.getelementbyid(
"heart1
").addeventlistener(
"click",
function
() );
varstylesheet
=document.stylesheets[
0];
heart.addeventlistener(
"click",
function
()50%100%}",
1);})
script
>
body
>
html
>
㈡使用字符集製作點讚效果
**如下：
doctype html
>
<
html
lang
="en"
>
<
head
>
<
meta
charset
="utf-8"
>
<
title
>字符集紅心點讚
title
>
head
>
<
style
>
span
pdiv
.heart
.heart1
@keyframes test
100%
}style
>
<
body
>
<
div>
<
div
id="heart"
class
="heart"
>
♥div
>
<
div
id="heart1"
class
="heart1"
>
♥div
>
div>
<
script
>
document.getelementbyid(
"heart
").addeventlistener(
"click",
function
() );
document.getelementbyid(
"heart1
").addeventlistener(
"click",
function
() );
script
>
body
>
html
>
微信小程式之點贊和取消點讚
切換 js page onload function option 裡面 this.setdata 讀取所有的文章列表點讚快取狀態 var cache wx.getstoragesync cache key 如果快取狀態存在 if cache else 既然所有的快取都不存在，那麼當前這個文章點讚的...
ios coreText做微信點贊功能
coretext繪製 個人理解為 乙個ctframe有幾個ctline組成，有幾行文字就有幾行ctline。乙個ctline有包含多個ctrun，乙個ctrun是所有屬性都相同的那部分富文字的繪製單元。所以ctrun是ctframe的基本繪製單元。計算繪製的coretext內容的高度 int get...
微信點贊的測試用例
功能測試 給自己或好友點讚 共同好友之間可以看到誰點過讚 共同好友之間可以看到誰點過讚 好友點讚後，能否在下方顯示對方頭像 好友點讚後，能否顯示對方的名稱 可以取消點讚 取消點讚後，頭像在下方消失 能否取消後，重新點讚 乙個人是否能多次點讚 好友或自己點讚時，會給予提示 點讚的好友能設定讓別人看見 ...