-
2018-03-25 13:44:01
QZone： "http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url={{URL}}&title={{TITLE}}&desc={{DESC}}&summary={{SUMMARY}}&site={{SOURCE}}&pics={{IMAGE}}" http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=http://m.goczx.com/&title=【东莞厂房租售网|东莞厂房招租信息|东莞厂房网】-东莞i厂房网&desc=东莞i厂房网&summary=东莞i厂房网&site={{100*100}}&pics=http://img6.zcf8.com/black_logo1.png?imageView/3/w/67/h/27QZone： "http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url={{URL}}&title={{TITLE}}&desc={{DESC}}&summary={{SUMMARY}}&site={{SOURCE}}&pics={{IMAGE}}" QQ： "http://connect.qq.com/widget/shareqq/index.html?url={{URL}}&title={{TITLE}}&source={{SOURCE}}&desc={{DESC}}&pics={{IMAGE}}&summary={{SUMMARY}}" 新浪微博： "http://service.weibo.com/share/mobile.php?url={{URL}}&title={{DESC}}&pic={{IMAGE}}&appkey={{WEIBOKEY}}"
更多相关内容 -
Web开发中经常用到分享功能
2015-02-10 15:01:18一个很简单的分享功能，在Web开发经常用到的 -
分享一份软件测试项目实战（web+app+h5+小程序）
2021-10-22 15:46:55本次，谭叔再度出马，给大家找了一个非常适合练手的软件测试项目，此项目涵盖web端、app端、h5端、小程序端，可以说非常之全面。 缘起 在这之前，谭叔已经推出了九套实战教程。 但是，这些教程以web测试和接口测试...展开全文大家好，我是谭叔。
本次，谭叔再度出马，给大家找了一个非常适合练手的软件测试项目，此项目涵盖web端、app端、h5端、小程序端，可以说非常之全面。
缘起
在这之前，谭叔已经推出了九套实战教程。
但是，这些教程以web测试和接口测试为主，没有app等项目。为了让实战项目更加全面、涵盖到各端，同时也为了满足读者粉丝们对项目的高需求，我决定再给大家找一个项目。
（实力宠粉，求个赞不过分吧~）
说实话，在找项目的过程中，我下载过（甚至付费下载过）N多个项目、联系过很多项目的作者，但是绝大部分项目，在我看来，并不适合你拿来练习，它们或多或少都存在着“问题”，比如：
- 大部分项目是web项目，很难找到app项目，特别是有app安装包的项目
- 大部分app项目只有前端代码，没有后端服务代码，你只能以“使用者”的角色练习
- 大部分有app安装包的项目，项目作者提供的是试用app，很难保障个人隐私、账号安全等
- 大部分项目缺少部署指南，看起来一头雾水
- 有的项目涉及的业务，如果你缺少业务基础，很难上手，如支付、区块链、货币等
- 很少有统一的、能涵盖多端使用的项目
这些问题，我相信在你的学习过程中，也遇到过，并且很难解决。
但请放心，我都帮你解决好了！
在我浏览了上百个项目，亲手搭建了十多个项目之后，终于为你挑选出一个非常适合练手的软件测试项目。
有了它，你就再也不用担心这类招聘了~
项目介绍
项目名：XX商城
涉及端：电脑PC端、app端、H5应用端、小程序端
在该项目中，你可以随性操作，肆意妄为。比如，你可以自定义商城页面：
自定义后，在app和h5界面刷新，便能看到自定义的效果。
你还可以给商城会员充值，用以购买商品。
针对该项目，我无偿提供了全套教程（详见后续更新的文章）：
同时，我无偿提供了该项目的全套资料：
除此之外，我还无偿提供一份我使用很久的、个人总结的、完整的app测试用例，为你练习提供指引和参考：
【获取 】当然，针对动手能力弱的同学，我也提供了演示视频（按需取用）：
最后
特别感谢萤火科技提供的开源项目！本套教程完全遵循该项目的版权说明完成。
话不多说，按需自取。
-
AXURE9最全的WEB设计元件库(分享版).rplib
2020-10-07 00:40:20Axure9常用到的WEB设计元件库，在Axure点击+号即可导入元件库使用，或者打开Axure R9安装目录，进入DefaultSettings\Libraries，复制资源到此目录并重启Axure软件即可看到。 -
微信小程序web-view源码（内嵌网页分享功能）.zip
2019-08-29 18:09:27微信小程序web-view源码（含内嵌网页分享功能）亲自测试ok，将app.js下域名换成自己的域名即可 -
一分钟教你实现web端三方分享
2018-08-01 16:04:05一分钟教你实现web端三方分享 其实我觉得一分钟还真的不过分，因为确实实现web端三方分享还真的只需要一分钟，但是第一次操作肯定是超时的，我这里vue环境，不过都是一样的，不必担心，主要是要看找什么三方，...展开全文一分钟教你实现web端三方分享
其实我觉得一分钟还真的不过分，因为确实实现web端三方分享还真的只需要一分钟，但是第一次操作肯定是超时的，我这里vue环境，不过都是一样的，不必担心，主要是要看找什么三方，今天的表演者是百度分享，每个人都要腰椎间盘，今天的百度分享还是有点突出了，链接如下http://share.baidu.com/?qq-pf-to=pcqq.c2c，访问即可看到如何使用。
1.获取js，通过选择百度分享会给你自动生成代码，我们这里选择自由选择版，然后第二步里面选择浮窗式。
2、然后一直点击下一步，默认即可，到最后一步点击直接复制代码，复制出来的代码即是百度分享生成的配置js,然后我们放入本地加载即可。
图片里面的js如下：
window._bd_share_config = { "common": { "bdSnsKey": {}, "bdText": "", "bdMini": "2", "bdMiniList": false, "bdPic": "", "bdStyle": "0", "bdSize": "16" }, "slide": { "type": "slide", "bdImg": "0", "bdPos": "right", "bdTop": "100" }, "image": { "viewList": ["qzone", "tsina", "tqq", "renren", "weixin"], "viewText": "分享到：", "viewSize": "16" }, "selectShare": { "bdContainerClass": null, "bdSelectMiniList": ["qzone", "tsina", "tqq", "renren", "weixin"] } }; with(document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)];代码里面直接全局引用加载，然后在页面任何地方都会有效果：
<script src="./static/js/plugin/bd-share.js"></script>3、网页上复制文字，鼠标移动到图片上、或者网页右上角都会有效果，这里分享一下网页右上角的效果
自此恭喜你，分享ok了。
-
java web课程设计资源分享系统源代码.zip
2022-06-08 14:54:48java web课程设计资源分享系统源代码java web课程设计资源分享系统源代码java web课程设计资源分享系统源代码java web课程设计资源分享系统源代码。java web课程设计资源分享系统源代码java web课程设计资源分享系统... -
web网页动态分享facebook和twitter
2020-07-08 14:40:00介绍 facebook分享 http://www.facebook.com/sharer.php?t=${text}u=encodeURIComponent('静态html') twitter分享 ...原理，通过调用第三方的分享地址，第三方回调你传的url，解析里面的meta信息，来显......展开全文介绍
facebook分享 http://www.facebook.com/sharer.php?t=${text}u=encodeURIComponent('静态html')
twitter分享 https://twitter.com/share?text=${text}&url=静态html
原理，通过调用第三方的分享地址，第三方回调你传的url，解析里面的meta信息，来显示标题图片啥的
参数text可以忽略，所以就是要解决静态html的问题示例静态html
主要的就是图片，标题，描述。
site，url啥的随缘填写。
card和type等都是固定的<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <!-- twitter分享 --> <meta property="twitter:url" content="http://gg.chendahai.cn/static/share/index.html"/> <meta name="twitter:title" content="This is title"/> <meta name="twitter:description" content="This is desc"/> <meta name="twitter:site" content="http://gg.chendahai.cn/static/share/index.html"> <meta name="twitter:card" content="summary_large_image"/> <meta name="twitter:image" content="http://gg.chendahai.cn/static/image/apple.jpg"/> <!-- facebook分享 --> <meta property="og:url" content="http://gg.chendahai.cn/static/share/index.html"/> <meta property="og:title" content="This is my plan,let's play together"/> <meta property="og:description" content="This is my plan,let's play together"/> <meta property="og:image" content="http://gg.chendahai.cn/static/image/apple.jpg"/> <meta property="og:type" content="website"/> <title>share test</title> </head> <body> </body> </html>前提
有域名，端口号须为80，整个二级域名，nginx转发即可
比如java.chendahai.cn(80端口转发到5005端口)1 server { 2 listen 80; 3 server_name java.chendahai.cn; 4 5 client_max_body_size 20m; 6 7 location / { 8 proxy_set_header X-Real-IP $remote_addr; 9 proxy_set_header Host $http_host; 10 proxy_pass http://0.0.0.0:5005; 11 } 12 13 }调用后端接口，根据参数动态返回html页面
注意事项
- url编码与解码得梳理清楚
- twitter分享地址有内容限制，所以参数不能太长。所以直接传meta的标签过去是行不通的，当然也会生成xss漏洞
- 先通过静态的页面测试通过之后再一步步往下走
为了保证接口参数的长度问题，接收参数选择用逗号分隔的字符串。
后端代码示例基于SpringMVC/** * facebook和twitter通用的动态分享接口 * * @param meta k,v,k,v 类型的字符串 * @return html页面 */ @RequestMapping(value = "/share/new", produces = "text/html;charset=utf-8") public String shareWin(String meta) throws UnsupportedEncodingException { // twitter的url需要进行url解码处理 meta = URLDecoder.decode(meta, "UTF-8"); String[] split = meta.split(","); String metaHtml = ""; for (int i = 0; i < split.length; i++) { metaHtml += "<meta property=\"" + split[i] + "\" name=\"" + split[i] + "\" content=\"" + split[i + 1] + "\"/>\n"; i++; } String retHtml = "<!DOCTYPE html>\n" + "<html lang=\"en\">\n" + "<head>\n" + metaHtml + "</head>\n" + "<body>\n" + "<script type=\"text/javascript\">\n" + "\twindow.location.href=\"http://java.chendahai.cn/\";\n" + "</script>" + "</body>\n" + "</html>"; System.out.println(retHtml); return retHtml; }postman请求返回html例图
前端示例
facebook
let metaArr = [ 'og:url', 'http://java.chendahai.cn', 'og:title', 'this is title', 'og:description', 'this is desc', 'og:image', 'http://gg.chendahai.cn/static/image/apple.jpg', 'og:type', 'website' ] let metaParams = metaArr.toString() window.open('http://www.facebook.com/sharer.php?u=' + encodeURIComponent(`http://java.chendahai.cn/share/new?meta=${metaParams}`))twitter
let metaArr = [ 'twitter:url', 'http://java.chendahai.cn', 'twitter:site', 'http://java.chendahai.cn', 'twitter:title', 'this is title', 'twitter:description', 'this is desc', 'twitter:card', 'summary_large_image', 'twitter:image', 'http://gg.chendahai.cn/static/image/pkq.jpg' ] let metaParams = metaArr.toString() // 需要encode两次 因为浏览器会自动decode一次，另一次是服务端会decode metaParams = encodeURIComponent(encodeURIComponent(metaParams)) window.open(`https://twitter.com/share?text=${title}&url=http://java.chendahai.cn/share/new?meta=${metaParams}`)
-
web端 网页端分享功能的实现
2019-04-24 11:29:19思路web端 网页端分享功能的实现。 我们看微信的分享开发者文档，可以知道使用微信JS-SDK可以实现网页在微信里的分享。 微信JS-SDK说明文档 也就是说 在微信浏览器中打开的网页 才能调用 该分享功能。 但是我们... -
Web网页分享到新浪微博与QQ空间链接
2018-09-27 13:50:56分享新浪微博 - 幕布 分享新浪微博前端参数设置var url = "${templateArticle.articleUrl?replace("\\","/")}";var appkey= "${templateArticle.appkey}";var pic = ... -
微信小程序web-view内嵌公众号网页分享功能实现
2020-03-16 16:06:13web-view嵌入网页分享，有二种分享情况 1、小程序分享出当前打开的页面 2、部分页面要求，分享指定页面，而不是当前的页面 以下是代码部分 一、web-view内嵌公众号网页中添加代码 1.引入js <script type=... -
Web 网站页面的社交分享 （Linkedin, Facebook, Twitter）
2017-12-15 11:35:19公司的web项目中，经常会有社交分享，这里简单说明下，方便后面开发人员理解。分享的原理社交分享(linkedin, facebook, twitter)的本质就是请求其一个公开的页面。通过参数告诉社交网站你需要分享的网页的网址，然后... -
白帽子讲Web安全.pdf百度云分享+Web前端黑客技术揭秘.pdf
2017-11-18 14:54:41白帽子讲Web安全.pdf百度云分享+Web前端黑客技术揭秘.pdf -
微信分享web链接的缩略图和标题
2018-03-29 17:31:48微信分享web链接的缩略图和标题 微信分享链接是经常需要显示连接的标题和缩略图。一、微信内分享通过微信 JS-SDK 的分享接口这种方法需要一个微信公众号的 app_id，同时需要一个后端服务生成 signature。好处是可以... -
移动web/h5网页分享到qq，配置标题，内容，图片（两种方式）
2020-04-16 16:39:02meta itemprop="name" content="这是分享的标题"/> <meta itemprop="image" content="http://imgcache.qq.com/qqshow/ac/v4/global/logo.png" /> <meta name="description" itemprop="des... -
java web 音乐分享系统 mysql 毕业设计
2016-02-19 10:37:12我的毕业设计 java web paopao音乐在线分享系统 java开发mysql 数据库支持上传下载 在线听音乐 分前后台 有我的开题报告和论文 还有技术文档 -
CTF学习经验分享（Web方向）
2021-10-11 19:24:47本人Web安全初学者，记录分享一下学习历程，推荐评价仅代表个人观点，不足之处欢迎各位表哥指正…… CTF基础知识：分类: 基础知识 | CTFHubEnjoy your's CTFhttps://writeup.ctfhub.... -
分享一个Axure的web电商后台原型
2018-10-22 20:08:46分享一个我觉得可以作为电商web后台的设计的原型rp文件，能给你带来思路，逻辑上的帮助。 -
powerBI发布到web，管理员权限设置
2021-06-25 09:32:331.发布到Web 2.需要管理员权限开启嵌入代码 3.管理员账号 翻powerbi文档，需要进入365管理员中心申请开启管理员权限 https://portal.office.com/admintakeover 4.365管理中心 配置当前账号为管理员 进入后，提交... -
Web渗透测试之SRC挖掘经验分享
2020-03-30 11:31:54专注培养高薪网络安全人才,帮助大家了解并学习网络安全，传授黑白帽实战技能，带领零基础小白正式踏入入门阶段。... 具备web渗透测试工程师的工作水平； 能够挖掘各家SRC应急响应中心漏洞，凭借挖漏洞月收入过万 -
非微信公众号web网页二次分享链接中图片丢失的问题
2016-12-02 16:55:57非微信公众号web网页二次分享链接中图片丢失的问题 -
web测试的一些经验分享 WEB测试经验
2010-09-21 15:58:07web测试的一些经验分享 WEB测试经验 -
WEB前端工程师Web前端性能优化经验分享
2012-11-08 09:54:59WEB前端工程师Web前端性能优化经验分享 -
分享一个仿苹果风格的Web桌面模板~~
2014-07-29 15:15:58这是我开发的一款仿苹果风格的web桌面模板，非常精美。 特意公开出来供大家使用，希望大家喜欢。 -
移动Web开发实战专栏总结（PPT分享）
2018-06-25 16:46:04以下为我将专栏《移动Web开发实战》重新从不同的角度进行整体的梳理之后，在团队分享的PPT。在这里分享给大家。 写PPT之前，先将要分享的内容用脑图梳理出来，有了框架填内容就比较快了。 1、禁止ios... -
Web前端如何学？Web前端学习方法分享
2022-03-07 16:27:09伴随着人工智能、大数据的发展浪潮，互联网将各个行业更加紧密的链接到了一起，也因此，市场上对于IT互联网人才的需求一再增多，Web前端开发工程师这一岗位就很好的体现了这种态势。 -
web网页制作期末大作业清晰版.zip
2019-12-02 18:11:15分享思维,改变世界. web网页制作,期末大作业. 所用技术:html css javascript 分享所学所得 欢迎下载，里面资料很全面，d大家可以学习使用! -
微信小程序在web-view页面做分享，并且把分享的参数传递给小程序
2019-08-06 11:45:07QQ技术交流群173683866 526474645 欢迎加入交流讨论，打广告的一律飞机票 本demo实现的功能，微信小程序给h5传参，h5给小...web-view src="https://xxx.xxx.cn/test1.html?user=12" bindmessage="bindGetMsg"/>... -
web 移动端 微信分享（nativeShare）
2019-04-23 18:26:301、引入nativeShare.js 2、 ... “wechatFriend” （分享微信好友）“wechatTimeline”（朋友圈） “qqFriend”（qq分享）“qZone”（qq空间）“weibo” （微博） function h5Share(config, info... -
【web前端】js页面文字选中后分享到新浪微博实现
2012-07-12 16:34:49js页面文字选中后分享到新浪微博实现 by zhangxinxu from http://www.zhangxinxu.com 本文地址：http://www.zhangxinxu.com/wordpress/?p=1428 一、功能简述 正是微博如火如荼的时节，其中各个微博的分享...
