这是很久以前就已经写过的笔记了，有一个习惯，每次遇到一个问题，都会进行百度，然后把解决问题的关键点记录下来，有人问我，为什么更新频率如此之快，大部分都是从前积累的知识点。

其实每天工作所涉及的知识点都非常的多，长久记录下来，也算是一笔财富了，从前只是记录在印象笔记里面，看着自己的印象笔记日益渐慢，于是放在了这个平台，不得不说，简书的平台可以存储很多技术文章，文本编辑器是我见过最好用的一个，不但支持Markdown格式，还能保存为草稿，不用担心丢失。

网站上的一键分享到朋友圈好友圈的功能，其实特别简单，只需要一句代码就行，例如以下：

点击网站右边侧边栏，会划出一个div，一键分享到各个平台
只需要一句代码，就可以做到，不需要在写前端页面
先举个例子：
代码：

<!DOCTYPE html>

<html>

 <head>

 <meta charset="UTF-8">

 <title></title>

 </head>

 <body>

<script type="text/javascript" src="http://v3.jiathis.com/code/jiathis_r.js?move=0";; charset="utf-8"></script>

</body>

</html>

再举个例子：



<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

</head>

<body>

<!-- JiaThis Button BEGIN -->

<div class="jiathis_style">

<span class="jiathis_txt">分享到：</span>

<a class="jiathis_button_icons_1"></a >

<a class="jiathis_button_icons_2"></a >

<a class="jiathis_button_icons_3"></a >

<a class="jiathis_button_icons_4"></a >

<a href=" "; class="jiathis jiathis_txt jtico jtico_jiathis" target="_blank"></a >

<a class="jiathis_counter_style"></a >

</div>

<script type="text/javascript" src="http://v3.jiathis.com/code/jia.js"; charset="utf-8"></script>

<!-- JiaThis Button END -->

</body>

</html>

参考demo：http://jingyan.baidu.com/article/642c9d34cb52bb644b46f745.html

如果非要写前端漂亮的代码，请参考17素材网源码：jQuery点按钮一键分享代码_网页分享代码
可点击下载
http://www.17sucai.com/pins/17097.html


以下demo摘自网站：各种样式可以随意挑选，或上下左右，或居中，或大或小，都可以用一句代码就能搞定
参考官方网站：http://www.jiathis.com/
JiaThis - 社会化分享按钮及移动端分享代码提供商，提供专业的分享按钮代码及精准的数据统计服务,通过访客不断的分享行为,来提升网站的优质外链、增加社会化流量、带来更多的用户
不要奇怪，没有中病毒哦


文末福利：

福利一：前端，Java，产品经理，微信小程序，Python等资源合集大放送：https://www.jianshu.com/p/e8197d4d9880
福利二：微信小程序入门与实战全套详细视频教程


领取方式：
如果需要学习视频，欢迎关注 【编程微刊】微信公众号，回复【领取资源】一键领取以下所有干货资源，获取更多有用技术干货、文档资料。所有文档会持续更新，欢迎关注一起成长！

原文作者：祈澈姑娘
原文链接：https://www.jianshu.com/u/05f416aefbe1
创作不易，转载请告知

90后前端妹子，爱编程，爱运营，爱折腾。
坚持总结工作中遇到的技术问题，坚持记录工作中所所思所见，欢迎大家一起探讨交流。

SEO那些事：一句代码一键分享网站的更多相关文章

  1. Snippets代码块分享网站

    复习时,看老师之前贴在网上的一些代码,顺便搜集了一些代码块Snippets分享网站 http://paste.ubuntu.com/ 简约简单,一如既往Linux风,我之前用的也是这款,但已转gite ...

  2. 前端代码在线调试&分享网站

    1.RunJs 2.CodePen 3.JsFiddle

  3. 一键分享到QQ空间、QQ好友、新浪微博、微信代码

    通过qq空间.qq聊天.新浪微博和微信二维码分享平台提供的接口,实现把网页中对应的图片.标题.描述的信息参数用javascript获取后传进接口中,实现一键分享. 使用到的接口(测试时需要登录,网址和 ...

  4. 微博一键分享主要通过对指定 URL 添加各种参数来实现；

    微博一键分享主要通过对指定 URL 添加各种参数来实现:也可以用在线生成器自动生成. 示例: 搜狐微博一键分享 URL,只需三个参数: http://t.sohu.com/third/post.jsp ...

  5. 【Android进阶】使用第三方平台ShareSDK实现新浪微博的一键分享功能

    在公司最近的一个项目中,需要实现一键分享功能,在这里我使用的是第三方平台ShareSDK,将使用经验与大家分享 先看效果图 主界面 分享界面 由于第一次使用,所以需要先进行新浪授权,授权界面 分享结果 ...

  6. react native一键分享功能实现&原理和注意点（支持微信、qq、新浪微博等）

    目前手机使用的一键分享SDK比较主流的有两个:一个是ShareSDK,另一个是友盟分享. 又因为友盟功能比较多且比较全,比如说友盟统计.友盟推送等,所以本文重点介绍的是友盟分享功能在rn上的应用以及要 ...

  7. Jquery的点击事件，三句代码完成全选事件

    先来看一下Js和Jquery的点击事件 举两个简单的例子 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&q ...

  8. ASP.NET 一句代码实现批量数据绑定

    摘要:对于一个以数据处理为主的应用中的UI层,我们往往需要编写相当多的代码去实现数据绑定.如果界面上的控件和作为数据源的实体类型之间存储某种约定的映射关系,我们就可以实现批量的数据绑定,作者开发了的插 ...

  9. jQuery 一句代码返回顶部

    兼容各大主流浏览器,jQuery返回顶部,一句代码搞定 <a class="top" href="javascript:;" style="po ...

随机推荐

  1. jQuery offset()函数 和 scrollTop()函数

    $(dom).offset() 方法返回或设置匹配元素相对于文档的偏移(位置).{left:100,top:100} $(dom).scrollTop() 方法返回或设置匹配元素的滚动条的垂直位置. ...

  2. 不在JPA 的 persistence.xml 文件中配置Entity class的解决办法

    在Spring 集成 Hibernate 的JPA方式中,需要在persistence配置文件中定义每一个实体类,这样非常地不方便,2种方法可以解决此问题: 这2种方式都可以实现不用在persiste ...

  3. WinXP局域网共享设置

    关闭局域网共享 1.不允许SAM帐户和共享的匿名枚举(系统默认是允许的). 组策略-计算机配置-Windows 设置-安全设置-本地安全策略-安全选项-网络访问:不允许SAM帐户和共享的匿名枚举. 设 ...

  4. node的express参数获取

    1.express中的不定向路由参数的获取 如: app.get('/profile/:id', function(req, res) { var id=req.params.id res.send( ...

  5. （转）Windows Server 2012 R2虚拟机自激活（AVMA）技术

    转自: 老丁的技术博客 相信Hyper-v管理员都有这样的经历,安装多台虚拟机后,都要一台一台手工激活,如果虚拟机足够多的话,这是一项很繁琐的工作,但从Windows Server 2012 R2开始 ...

  6. keytool用法总结

    一.keytool的概念 keytool 是个密钥和证书管理工具.它使用户能够管理自己的公钥/私钥对及相关证书,用于(通过数字签名)自我认证(用户向别的用户/服务认证自己)或数据完整性以及认证服务.在 ...

  7. 洛谷—— P1765 手机_NOI导刊2010普及（10）

    https://www.luogu.org/problem/show?pid=1765#sub 题目描述 一般的手机的键盘是这样的: 1 2 abc 3 def 4 ghi 5 jkl 6 mno 7 ...

  8. 10.5 android输入系统_Reader线程_使用EventHub读取事件和核心类及配置文件_实验_分析

    4. Reader线程_使用EventHub读取事件 使用inotify监测/dev/input下文件的创建和删除 使用epoll监测有无数据上报 细节: a.fd1 = inotify_init(& ...

  9. spark原理介绍 分类： B8_SPARK 2015-04-28 12:33 1039人阅读 评论(0) 收藏

    1.spark是一个基于内存计算的开源的集群计算系统,目的是让数据分析更加快速.因此运行spark的机器应该尽量的大内存,如96G以上. 2.spark所有操作均基于RDD,操作主要分成2大类:tra ...

  10. HDU4911-Inversion

    题意:依据题目要求交换相邻的两个元素k次,使得最后剩下的逆序对数最少 思路:假设逆序数大于0,存在0 <= i < n使得交换Ai,Ai+1后逆序数降低1,所求答案就为max(invers ...