随笔分类 - 前端知识
记录个人工作所遇到的前端知识
摘要:不少网站首页已经变成了灰色。下面笔者整理了几种让网页变灰色的CSS代码,供各位站长参考! 方法1:支持IE <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/
阅读全文
摘要:今天写了个页面,把视频当作背景,发现视频无法播放,具体是什么原因呢。让我们看看吧! 案例:百科书网-用心传递知识! (bkbook.net) video标签重要的属性吧~ src 要播放的视频的 URL。autoplay 如果出现该属性,则视频在就绪后马上播放。controls 如果出现该属性,则向
阅读全文
摘要:今天给大家分享一个H5实现提交表单为空验证,setCustomValidity用于判断表单的正误,有错误时可以手动设置提示信息当没有错误时要将setCustomValidity(“)设置为空,否则表单无法提交。 使用方法,只需要在input表单加入: oninvalid="setCustomVali
阅读全文
摘要:<a> 标签通常会配合着使用 noopener, noreferrer 及 nofollow 这些属性, 它们的作用及用法如下。 noopener 当给链接加上 target="_blank" 后, 目标网页会在新的标签页中打开, 此时在新打开的页面中可通过 window.opener 获取到源页面
阅读全文
摘要:今天在写小程序和h5前端时候为了内容的美观,进行文章的缩进标签,但是一发现,文字缩进了,图片也缩进了,造成了不美观,怎么解决?于是找了w3c文档,才发现text-indent的属性之一:就是其内部元素遇到float或者display:block后就不继承外部这个缩进的属性了。 修改前样式: 方案:只
阅读全文
摘要:他们口中的百度SEO快排发包参数到底是什么?今天考高分网带大家来了解百度快排发包参数具体有哪些? (移动端参数分析) word=代表手机移动搜索,wd=代表电脑PC搜索 sa=np(内页) oq=上一次搜索词(之前利用这个刷出下拉) rq=这段时间新增加的参数,参数跟oq调用的也是上一次搜索词 sa
阅读全文
摘要:什么是浏览器指纹“浏览器指纹”是一种通过浏览器对网站可见的配置和设置信息来跟踪Web浏览器的方法,浏览器指纹就像我们人手上的指纹一样,具有个体辨识度,只不过现阶段浏览器指纹辨别的是浏览器。人手上的指纹之所以具有唯一性,是因为每个指纹具有独特的纹路、这个纹路由凹凸的皮肤所形成。每个人指纹纹路的差异造就
阅读全文
摘要:在微信浏览器中打开H5网页进行了连续的页面操作,某一步微信不支持需要引导用户“使用浏览器打开网页”,到达外置浏览器进行该步操作后需要跳转回微信浏览器继续进行下一步操作,如何实现?为了解决这个问题,做了漂亮的引导页面,可以根据ios/android两个设备进行显示引导 素材下载地址:http://ww
阅读全文
摘要:浏览器 1022741z安全浏览器 1023851w火狐浏览器 1000969a旗鱼浏览器 1013774c搜狗浏览器 1022282d遨游浏览器 1023770c360浏览器 1014571buc浏览器 2001lQQ浏览器 1086k欧朋浏览器 1307j浏览器 1011851p网址大全 101
阅读全文
摘要:大家都知道百度推广系统中是有自己的追踪代码,在2016年的百度推广助手更新显示了追踪代码之前,在百度营销中心其实就已经公布了这些追踪代码,所以网上会有一些类似99%竞价都不知道的百度追踪代码文章,这篇文章不会介绍全部的百度追踪代码(推荐阅读:百度动态标记),只会说一种百度追踪代码,就是排名符{adp
阅读全文
摘要:什么是浏览器指纹 “浏览器指纹”是一种通过浏览器对网站可见的配置和设置信息来跟踪Web浏览器的方法,浏览器指纹就像我们人手上的指纹一样,具有个体辨识度,只不过现阶段浏览器指纹辨别的是浏览器。 人手上的指纹之所以具有唯一性,是因为每个指纹具有独特的纹路、这个纹路由凹凸的皮肤所形成。每个人指纹纹路的差异
阅读全文
摘要:网站违禁词自动替换工具js版本 var strChar=['最佳','最具','最爱','最赚','最优','最优秀','最好','最大','最大程度','最高','最高级','最高端','最奢侈','最低','最低级','最底','最便宜','史上最低价','最流行','最受欢迎
阅读全文
摘要:destoon更新到8.0了,顺便给大家分享分享如何新增页面,例如我要新增一个tags的模块页面! 废话不多说,开始整,例如我要在/invest/目录下新增一个tags页面,命名为:tags.php 输入以下代码: <?php define('DT_REWRITE', true); $modulei
阅读全文
摘要:演示地址:http://www.sdfymj.com/invest/ 正如上图你看到的这样,这就是今天要给大家分享的一款JAVASCRIPT弹窗插件—SweetAlert。 SweetAlert是一款纯JS的WEB弹窗插件,不依赖其他任何第三方(如:jQuery等)组件,引用它只需要两个文件,一个S
阅读全文
摘要:今天分享关于destoon对搜索表单是否为空进行判断,如果为空,即弹出提示搜索关键词为空,代码如下: 演示效果:http://www.sdfymj.com/invest/ <!--搜索表单--> <script type="text/javascript"> function notNull() {
阅读全文
摘要:给网站进行美化,加入鼠标点击烟花爆炸效果 <canvas class="fireworks" style="position:fixed;left:0;top:0;z-index:99999999;pointer-events:none;"></canvas> <script type="text/
阅读全文
摘要:分享自己站点上用于背景自动变色,可设置变色的时间,放在body的样式上 演示站点:http://www.sdfymj.com/invest/ 代码如下: body{/*background-color: #f5f5f5;*/background: #e74c3c;animation: bg-colo
阅读全文
摘要:今天继续给大家带来比较骚气的操作,js实现文本输入框的特效,演示:http://www.sdfymj.com/ 把以下代码放置网站底部即可 代码如下: <script> ( d
阅读全文
摘要:思路是: 我们不能直接对元素本身进行模糊处理,就对一个伪元素进行处理,然后将其定位到元素的下层,它的背景将会无缝匹配body的背景。margin-20px是用来扩大边距,因为模糊会在边缘减弱。 演示地址:http://www.sdfymj.com/invest/ 代码如下: body,main::b
阅读全文
摘要:2020年7月7日(据说是6日深夜),一个很特别的日子,微信低调地放开了一个功能:微信小程序“分享到到朋友圈”,这个看似微小的变化,对微信小程序来说意义重大。 今天抱着试试对态度,对自己之前开发对微信小程序进行添加这个功能 首页分享: //分享朋友圈 onShareTimeline: functio
阅读全文