javascript实现汉字转拼音代码实例

js代码:function arraySearch(l1,l2){ for (var name in PinYin){ if (PinYin[name].indexOf(l1)!=-1) { return name; break; } } return false;}核心代码:var...

Textarea输入字数限制实例(兼容iOS&安卓)

最近在做一个微信公众号的页面,其中有对textarea做输入字数限制,而且需要兼容iOS和安卓手机,下面直接贴代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">...

2019-08-22

JS生成当前页面URL二维码

在页面中加入当前页面URL的二维码,方便用户扫码到手机上无缝浏览,JS和HTML代码如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict....

css3加js做一个简单的3D行星运转效果实例代码

附上一张效果图前几天在园子里看到一篇关于CSS3D行星运转的文章,感觉这个效果也太酷炫了,于是自己也就心血来潮的来尝试的做了一下。因为懒得去用什么插件了,于是就原生的JS写,...

2019-08-09

HTML5+css3:3D旋转木马效果相册

这篇博客的目的是因为上篇HTML5 CSS3专题 诱人的实例 CSS3打造百度贴吧的3D翻牌效果中有个关于CSS 3D效果的比较重要的知识点没讲到,就是perspective和tranlateY效果图:嘿嘿,我...

2019-08-09

移动端html5页面长按实现高亮全选文本内容的兼容解决方案

最近需要给HTML5的WebAPP在页面上实现一个复制功能:用户点击长按文本会全选文字并弹出系统“复制”菜单,用户可以点击“复制”进行复制操作,然后粘贴到App...

2019-08-09

HTML5不支持frameset的两种解决方法

frameset标签定义框架集,它用于组织多个窗口(框架)。每个框架存在一个独立的文档。在最简单的应用中,frameset 元素仅仅声明框架集中存在的列或行的数目。但在 HTML5中frameset...

2019-08-09

css中margin-top或者margin-bottom失效的解决方法

css中margin-top是设置容器的外间距了距离了,div嵌套后,margin-top或者margin-bottom失效了,在网上打到下面的方法可以解决。设计页面的时候遇到一个神奇的问题,下面是html的代...

2019-08-09

CSS代码实现三角形和饼图实例

.triangle{width:0;height:0;border-width:50px;border-style:solid;border-color:red blue green yellow;}.triangle_top{width:0;height: 0;border-width:50px;border-sty...

2019-08-09

超链接 a href 通过post方式提交表单的方法

我们知道超链接一般是通过get方式提交表单的,如下列子:<a href='oneGetAllCultivateEndCertificateServlet?page=1&hiddenA=A'><font color='#000000'>首页</font></a>如果想...

HTML中meta的作用

meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的与中,meta 标签的用处很多。meta 的属性有两种:name和http-equiv。name属性主要用于描述网页,对应于con...

2019-08-09

html中实现数据的显示和隐藏

<!DOCTYPE html><html><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><head><title>demo</title><script>var obj = document.getElementById("di...

2019-08-09

微信测试“PC端打开小程序”能力 支持windows7及以上版本

8月9日 消息:近日,微信方面透露,微信正在测试“PC端支持打开小程序”能力。据微信开放社区显示,微信 PC 版新版本中,支持打开聊天中分享的小程序,开发者可下载安装微信...

jquery版轮播图效果和extend扩展

本文实例为大家分享了jquery版本轮播图及extend扩展的具体代码,供大家参考,具体内容如下具体代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <titl...

解决jquery validate对隐藏元素hidden不进行验证的方法

validation默认不会对hidden元素进行验证的,我们得自己设置一下ignore: “”,很简单吧,代码如下:$("#fyform").validate({ ignore: "",//不验证的元素 rules:{ ...

“刷脸”可以领结婚证 微信小程序全程10分钟搞定

如今,结婚证迎来了一个新的历史性变化——电子结婚证。今天是中国传统节日“七夕”,微信宣布,全国 14 省市用户可通过“中国政务服务平台”...

使用PHP轻松监控你的网站运行状态

预期准备 一个139邮箱,收到邮件后,可以免费给你短信提醒。如果你不需要短信提醒功能,用什么邮箱都可以 另外一个可以运行PHP文件的Web服务器(相当于监控服务器),现在免费的PHP网站...

2019-07-30

微信小程序文字显示换行问题

小程序文字显示换行问题用户在上传图文时,输入换行符。导致我在拿到数据后JSON.parse的时候报错。大概这样的结构:[{ text:&#39;落魄前端 在线炒粉!!!&#39; , url:&#39;&#39;},...

JS实现移动端点击按钮复制文本内容

移动端点击按钮复制文本内容,具体内容如下所示:<div><p>邀请码</p>//<p id="inviteCode" class="inviteCode">{{invite_code}}</p><input id="inviteCode" class="inviteCode...

Javascript 获取某个a标签的href并进行分解

有些时候,我们并不能完全掌握网页的代码编辑权,如用BSP博客,但是又想从中修改某些参数,或者想获得某些信息,那怎么办呢?本文将以实例的形式,介绍如何获得网页中某个a标签中的href,并...

使用Dreamweaver正则表达式替换href中的内容

在Dreamweaver中使用正则表达式替换href中的内容,就像下面这些href中的内容复杂多样的情况下,href="/html/u.html",href="/tuho/huko.html",想将它们全部替换成href="#" ,具体做...

2019-07-29

margin-bottom解决图片文字不对齐的问题

我们在做网页的时候,会遇到一个图片和文字位置对不齐的问题。(一般表现为图片总是比文字高点),如下图,"我的联系方式"是文字,后面的email是图片:解决这个问题最好的办法:一个关键...

2019-07-29

使用php获取图片尺寸

在网页设计中,为图像<img>指定 height 和 width 属性是一个好习惯,至于为什么是一个好习惯,你可以点此查看文档说明。但是在动态网页中,有些图像的尺寸是不固定的,有时候你不能为...

2019-07-29

使用Dreamweaver格式化HTML代码

今天偶然发现了DreamWeaver(DW)的一个非常有用的功能,就是代码的格式化功能。一般情况下,我们写的html或者css代码都计较混乱,难以阅读,即使刚开始很在意代码的可读性,但是等到所...

2019-07-29

HTML中css和js链接中的版本号

在搜索引擎中搜索关键字.htaccess 缓存,你可以搜索到很多关于设置网站文件缓存的教程,通过设置可以将css、js等不太经常更新的文件缓存在浏览器端,这样访客每次访问你的网站的...

2019-07-29

PHP代码:获取指定URL页面中的所有链接

以下代码可以获取到指定URL页面中的所有链接,即所有a标签的href属性:// 获取链接的HTML代码$html = file_get_contents(&#39;http://www.example.com&#39;);$dom = new DOMDoc...

2019-07-29

兼容ie9以下placeholder解决方案

在开发官网页面时,经常需要兼容ie7,ie8以上版本,同时也会使用到input提示语的使用。这个时候,我们一般会直接就想到使用placeholder,但是ie9一下就不兼容了。兼容解决方案:1.下载j...

Web前端—— JQuery迷你版实现以及使用

tiny_jquery.jsvar $ = function (selector) { var ele = document.querySelector(selector); //返回当前元素的内容 ele.val = function () { return...

jq+swiper 实现今日头条App的选项卡效果

<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>今日头条APP顶部点击可居中导航</title> <meta na...

jQuery常用知识点大总结

jQueryjQuery介绍1.jQuery是一个轻量级的、兼容多浏览器的JavaScript库。2.jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互,能够极...

前端开发学习指南-转载

这篇文章很长,但的确是一篇非常干的干货,讲诉了 HTML、JavaScript、CSS、jQuery使用的一些规范与建议,前端的同学可以认真阅读此文,并比较自己平时的一些习惯,看是否有改进的地方...

2019-07-15

原生JS实现上拉下拉列表

话不多说,代码上来,有些知识点直接就在注释里HTML<div class="list-down"> <button id="btn">选择项</button> <ul id="list-chooses" style="display: none;">...

js中获取当前url路径

可以使用 window.location 获取当前页面url。以下是一些简单应用。<script> $(function(){ // 返回 web 主机的域名,如:http://127.0.0.1:8080/testdemo/test.html...

js获取input checkbox的选中值

HTML代码:<form action="/test/action" method="get"> <input type="checkbox" name="myname" value="1"/>1 <input type="checkbox" name="myname" value="2"/>2...

JavaScript前端图片压缩

实现思路 获取input的file 使用fileReader() 将图片转为base64 使用canvas读取base64 并降低分辨率 把canvas数据转成blob对象 把blob对象转file对象 完成压缩相关代码:<!doc...

JavaScript-浏览器的三种弹窗方式

在做网页时,常常使用弹窗,以下就是浏览器的三种弹窗方式,//BOM 弹窗//同步 阻断alert("alert弹窗");//返回布尔值 (是/否)var bcf = confirm("confirm弹窗");console.log("点击...

HTML基础之图片标签的用法!

在HTML中<img>这个标签是定义文本中的图片标签,它的作用就比如说可以提供图片的名字、提供图片的尺寸大小和提供图片的一些图片属性,比如Alt这个属性,可以给图片一个名称来告诉...

2019-07-15

微信小程序页面上下滚动效果

本文实例为大家分享了微信小程序页面上下滚动的具体代码,供大家参考,具体内容如下看图源码<view class="container container-fill"> <view class="scroll-fullpage" bindtouc...

jQuery 禁止子元素响应父元素点击事件

当我们父元素和子元素都绑定了 click 点击事件后,父元素的点击事件就会覆盖掉子元素的绑定的点击事件,为此我们就需要避免子元素响应父元素的点击事件,从而进行子元素的交互和...

网页开发中如何选取合适且统一的字体

今天子凡就来给大家分享一下如何选给网页选择合适且统一的字体。首先我们网页上要想统一字体其实有两种方法,一种是选择大家操作系统上都有的默认字体,第二种就是强行在网页总...

2019-07-14

php进行判断PC还是手机端代码

之前网站判断移动还是手机跳转都是用js实现,今天给大家分享一个自己用的php判断移动或者PC<?phpfunction check_wap() { if (isset($_SERVER[&#39;HTTP_VIA&#39;])) return...

2019-07-11

dns-prefetch应用好,网站速度能提高一半!

DNS Prefetch,即DNS预获取,是前端优化的一部分。一般来说,在前端优化中与 DNS 有关的有两点: 一个是减少DNS的请求次数,另一个就是进行DNS预获取 。 DNS 作为互联网的基础协议,其...

2019-07-11

正确robots写法,解决百度搜索不显示缩略图问题

网站上线http://zhimo.yuanzhumuban.cc/有一年左右时间了,百度搜索显示略缩图少之又少,通过自己这几天的观察发现。结合百度站长平台的 robots 工具和抓取诊断工具检查后,发现...

2019-07-11

微信小程序转百度小程序的PHP代码

听说百度小程序开始出现手机端搜索流量,作为SEO一员,必须搞他。但是又奈何之前做的都是微信小程序,所以用php写了一个微信小程序转百度小程序代码。修改文件后缀名 .wxml转换为...

JS获取访客IP进行自动跳转

因业务需要进行地区判断跳转指定站点,下面是我个人实现的办法,分享给大家,仅供参考,切勿做非法用途第一步,获取IP并判断归属地 直接使用搜狐的IP库查询接口<script type="text/ja...

微信小程序之人脸识别(添加信息和上传照片)

首先,我们要有开发者工具,今天所说的是后端和前端联合起来实现的。在PHP的控制器中写一个upload方法,代码如下: public function upload($id=&#39;&#39;){ if(empty($id)){...

百度小程序富文本解析工具bdParse

最近在做百度小程序,发现百度小程序目前大家接触的都比较少,还搜不到相关的技术支持,特别是处理文章的富文本处理工具。做过微信小程序的都知道,微信有一个wxParse,专门针对微信...

微信小程序转码百度小程序

其实很简单的,相似度本身就很高下面开始教大家怎么转码1,首先你要下载百度小程序IDE(最新版本) 点击代码搬家2,选择你要转码的微信小程序目录3,选择你百度小程序的目录(空目录...

微信小程序如何转换成百度小程序

微信小程序转换成百度小程序,git上都已经有大神出了程序,可以通过程序批量替换,但是没玩过,不过我们也可以通过手动替换的方式,转换成百度小程序。一、修改文件后缀百度和微信的p...

微信百度网盘小程序文件分享链接提取

对于已经分享的小程序:点击 举报 按钮,然后复制链接,到浏览器中粘贴,打开怎么分享:(1)别点微信,直接复制链接就行了!会自动生成提取码的!(2)可以先分享到朋友圈,仅自己可见,然后收藏,然后...

返回顶部
顶部