i love u

99669999996669999996699666699666999966699666699
99699999999699999999699666699669966996699666699
99669999999999999996699666699699666699699666699
99666699999999999966666999966699666699699666699
99666666999999996666666699666699666699699666699
99666666669999666666666699666669966996699666699
99666666666996666666666699666666999966669999996

sublime text新建一个空白文件，粘贴如上内容，
然后Ctrl+F输入9，选择“Find All”

心效果1

data:text/html,<canvas id="c"></canvas><script>var c=document.getElementsByTagName('canvas')[0];var a=c.getContext('2d');</script><script>e=[];h=[];O=c.width=innerWidth;Q=c.height=innerHeight;v=32;M=Math;R=M.random;C=M.cos;Y=6.3;for(i=0;i<Y;i+=0.2)h.push([O/2+180*M.pow(M.sin(i),3),Q/2+10*-(15*C(i)-5*C(2*i)-2*C(3*i)-C(4*i))]);for(i=0;i<v;){x=R()*O;y=R()*Q;H=80*(i/v)+280;S=40*R()+60;B=60*R()+20;f=[];for(k=0;k<v;)f[k++]={x:x,y:y,X:0,Y:0,R:1-k/v+1,S:R()+1,q:~~(R()*v),D:2*(i%2)-1,F:0.2*R()+0.7,f:"hsla("+~~H+","+~~S+"%,"+~~B+"%,.1)"};e[i++]=f}function _(d){a.fillStyle=d.f;a.beginPath();a.arc(d.x,d.y,d.R,0,Y,1);a.closePath();a.fill()}setInterval(function(){a.fillStyle="rgba(0,0,0,.2)";a.fillRect(0,0,O,Q);for(i=v;i--;){f=e[i];u=f[0];q=h[u.q];D=u.x-q[0];E=u.y-q[1];G=M.sqrt(D*D+E*E);10>G&&(0.95<R()?u.q=~~(R()*v):(0.99<R()&&(u.D*=-1),u.q+=u.D,u.q%=v,0>u.q&&(u.q+=v)));u.X+=-D/G*u.S;u.Y+=-E/G*u.S;u.x+=u.X;u.y+=u.Y;_(u);u.X*=u.F;u.Y*=u.F;for(k=0;k<v-1;)T=f[k],N=f[++k],N.x-=0.7*(N.x-T.x),N.y-=0.7*(N.y-T.y),_(N)}},25);</script>

chrome浏览器的地址栏里输入以上代码

效果预览：https://cnfaq.cn/love/heart1.html

心效果2

data:text/html,<canvas id="c"></canvas><script>var b=document.body;var c=document.getElementsByTagName('canvas')[0];var a=c.getContext('2d');</script><script>C=Math.cos;E=Math.random;F=parseInt;w=h=0;q=[];P=[];T=10;function Q(t){return[16*Math.pow(Math.sin(t),3),-(13*C(t)-5*C(2*t)-2*C(3*t)-C(4*t))]}with(b.style)i=marginLeft=marginTop=0,overflow='hidden';function S(){with(window)c.width=w=innerWidth,c.height=h=innerHeight;a.fillStyle=0;a.fillRect(0,0,w,h);a.globalAlpha=0.1;a.lineWidth=1;a.lineJoin="round"}window.onresize=S;S();for(;i<6;i+=0.1){P.push(Q(i));}function I(k){q[k]=E();q[k+1]=E()*h;q[k+2]=E()-0.5;q[k+3]=E()-0.5;q[k+4]=E()*T;q[k+5]=E()/T;q[k+6]="rgb("+F(E()*255)+","+F(E()*255)+","+F(E()*255)+")";}for(i=0;i<25;i++)k=i*7,I(k);function D(x,y,s,c){x*=w;with(a){save();translate(x,y);scale(s,s);beginPath();strokeStyle=c;moveTo.apply(a,P[0]);for(i=1;i<P.length;i++)lineTo.apply(a,P[i]);lineTo.apply(a,P[0]);stroke();closePath();restore()}}setInterval("a.fillRect(0,0,w,h);for(k=0;k<q.length;k+=7){D(q[k]+=q[k+2]/400,q[k+1]+=q[k+3]/400, q[k+4]+=q[k+5], q[k+6]);if(q[k+4]>T)I(k)}",80);</script>

chrome浏览器的地址栏里输入以上代码

效果预览：https://cnfaq.cn/love/heart2.html

xo密码

#密文
xooxoox oxooooo xooxxoo xxoxxxx xxxoxxo xxooxox oxooooo xoxxoox xxoxxxx xxxoxox
#明文
I Love You

编码程序

#include <iostream>
#include <string>
#include <bitset>
using namespace std;

int main() {
	//待编码字符，英文
	string plaintext = "I Love You";
	string ciphertext = "";
	bitset<7> t;
	for(int i=0;i<plaintext.size();i++){
		t = plaintext[i];
		ciphertext += t.to_string();
		ciphertext += ' ';
	}
	for(int i=0;i<ciphertext.size();i++){
		if(ciphertext[i] == '1'){
			ciphertext[i] = 'x';
		} else if(ciphertext[i] == '0'){
			ciphertext[i] = 'o';
		}
	}
	cout<<ciphertext<<endl;
	
	return 0;
}

解码程序

#include <iostream>
#include <string>
#include <bitset>
using namespace std;

int main() {
	//待解码字符
	string ciphertext = "xooxoox oxooooo xooxxoo xxoxxxx xxxoxxo xxooxox oxooooo xoxxoox xxoxxxx xxxoxox";
	string plaintext = "";
	string binarytext = "";
	
	for(int i=0;i<ciphertext.size();i++){
		if(ciphertext[i] == 'x'){
			binarytext += '1';
		} else if(ciphertext[i] == 'o'){
			binarytext += '0';
		} else if(ciphertext[i] == ' '){
			bitset<7> t(binarytext);
			binarytext = "";
			plaintext += char(t.to_ulong());
		}
	}
	bitset<7> t(binarytext);
	plaintext += char(t.to_ulong());
	
	cout<<plaintext<<endl;
	
	return 0;
}

玫瑰花

<body style="margin-left:350px"><canvas id="c"></canvas><script>var b=document.body;var c=document.getElementsByTagName('canvas')[0];var a=c.getContext('2d');document.body.clientWidth;</script><script>with(m=Math)C=cos,S=sin,P=pow,R=random;c.width=c.height=f=600;h=-250;function p(a,b,c){if(c>60)return[S(a*7)*(13+5/(.2+P(b*4,4)))-S(b)*50,b*f+50,625+C(a*7)*(13+5/(.2+P(b*4,4)))+b*400,a*1-b/2,a];A=a*2-1;B=b*2-1;if(A*A+B*B<1){if(c>37){n=(j=c&1)?6:4;o=.5/(a+.01)+C(b*125)*3-a*300;w=b*h;return[o*C(n)+w*S(n)+j*610-390,o*S(n)-w*C(n)+550-j*350,1180+C(B+A)*99-j*300,.4-a*.1+P(1-B*B,-h*6)*.15-a*b*.4+C(a+b)/5+P(C((o*(a+1)+(B>0?w:-w))/25),30)*.1*(1-B*B),o/1e3+.7-o*w*3e-6]}if(c>32){c=c*1.16-.15;o=a*45-20;w=b*b*h;z=o*S(c)+w*C(c)+620;return[o*C(c)-w*S(c),28+C(B*.5)*99-b*b*b*60-z/2-h,z,(b*b*.3+P((1-(A*A)),7)*.15+.3)*b,b*.7]}o=A*(2-b)*(80-c*2);w=99-C(A)*120-C(b)*(-h-c*4.9)+C(P(1-b,7))*50+c*2;z=o*S(c)+w*C(c)+700;return[o*C(c)-w*S(c),B*99-C(P(b, 7))*50-c/3-z/1.35+450,z,(1-b/1.2)*.9+a*.1, P((1-b),20)/4+.05]}}setInterval('for(i=0;i<1e4;i++)if(s=p(R(),R(),i%46/.74)){z=s[2];x=~~(s[0]*f/z-h);y=~~(s[1]*f/z-h);if(!m[q=y*f+x]|m[q]>z)m[q]=z,a.fillStyle="rgb("+~(s[3]*h)+","+~(s[4]*h)+","+~(s[3]*s[3]*-80)+")",a.fillRect(x,y,1,1)}',0)</script></body>

把以上文本复制到文件中，命名为4u.html，然后使用浏览器打开。（微信发送文件后，右上角更多应用中选择合适的打开方式，Android手机可以使用chrome浏览器打开该文件并得到渲染效果）

效果预览：https://cnfaq.cn/love/rose.html

python密文

# 密文
BZh91AY&SY("UZ\x00\x00lP\x00k\xd8H\x00 \x00t\x12 \x8d4\x10\xa9=A\x93g\tY \x08e\x05\xcd\nFiM\xa4\xe2T\xc9\x99UB\x81\xb6\x87\x0c\n\x15\xef\xb2\x17\x11\xd0\xd4^\x12\x91\x8d\x89\xb2\x00!k=\xde|]\xc9\x14\xe1B@\xa0\x89Uh
# 明文
  ###           #       ####### #     # #######         #     #
   #            #       #     # #     # #               #     #
   #            #       #     # #     # #               #     #
   #            #       #     # #     # #####           #     #
   #            #       #     #  #   #  #               #     #
   #            #       #     #   # #   #               #     #
  ###           ####### #######    #    #######          #####

解密程序

# python
import bz2

str_orig = 'BZh91AY&SY("UZ\x00\x00lP\x00k\xd8H\x00 \x00t\x12 \x8d4\x10\xa9=A\x93g\tY \x08e\x05\xcd\nFiM\xa4\xe2T\xc9\x99UB\x81\xb6\x87\x0c\n\x15\xef\xb2\x17\x11\xd0\xd4^\x12\x91\x8d\x89\xb2\x00!k=\xde|]\xc9\x14\xe1B@\xa0\x89Uh'

str_dec = bz2.decompress(str_orig)
print str_dec

加密程序

# python
import bz2
str_orig = 'I Love You'
str_enc = bz2.encompress(str_orig)
import base64
# 只会base64编码后输出，原密文编码中的乱码待研究怎么转可见字符
print base64.b64encode(str_enc)
Logo
View Design

基于 Vue 的企业级 UI 组件库和中后台系统解决方案，为数万开发者服务。

更多推荐

cover

vue+element ui实现好看的登录界面

avatar ViewDesign

vue3.0中使用elementUi(element-plus的使用)

element-plus的使用小朋友，你是不是有很多问号❓❓❓甲：为什么在vue3.0中不能使用Element UI了？乙：由于vue3.0在插件install函数的入参从Vue原型（类）改成了app（vue实例），导致element-ui中Vue.prototype.* 这样的代码已经全都失效了。所以element-ui铁定是不兼容了。甲：那有什么方法能解决吗？乙：使用Element UI的升级

avatar ViewDesign

ElementUI 整体页面布局

一、概述一般后台页面的顶部导航栏和左侧导航栏一般是固定的，我们可以布局成下面的样式二、整体项目布局因为我们的首页是个公共的组件，点击首页，会员管理，都不会变，所以我们可以放在一个单独文件夹里面。需要分别对头部，左侧区域，主区域拆分成不同的文件。创建项目创建一个全新的ElementUI 项目，请参考链接：https://www.cnblogs.com/xiao987334176/p...

avatar ViewDesign