Web前端—— JQuery迷你版实现以及使用
tiny_jquery.jsvar $ = function (selector) { var ele = document.querySelector(selector); //返回当前元素的内容 ele.val = function () { return...
2019-07-15
jq+swiper 实现今日头条App的选项卡效果
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>今日头条APP顶部点击可居中导航</title> <meta na...
2019-07-15
jQuery常用知识点大总结
jQueryjQuery介绍1.jQuery是一个轻量级的、兼容多浏览器的JavaScript库。2.jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极...
2019-07-15
原生JS实现上拉下拉列表
话不多说，代码上来，有些知识点直接就在注释里HTML<div class="list-down"> <button id="btn">选择项</button> <ul id="list-chooses" style="display: none;">...
2019-07-15
js中获取当前url路径
可以使用 window.location 获取当前页面url。以下是一些简单应用。<script> $(function(){ // 返回 web 主机的域名，如：http://127.0.0.1:8080/testdemo/test.html...
2019-07-15
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...
2019-07-15
JavaScript前端图片压缩
实现思路 获取input的file 使用fileReader() 将图片转为base64 使用canvas读取base64 并降低分辨率 把canvas数据转成blob对象 把blob对象转file对象 完成压缩相关代码：<!doc...
2019-07-15
JavaScript-浏览器的三种弹窗方式
在做网页时，常常使用弹窗，以下就是浏览器的三种弹窗方式，//BOM 弹窗//同步 阻断alert("alert弹窗");//返回布尔值 （是/否）var bcf = confirm("confirm弹窗");console.log("点击...
2019-07-15
微信小程序页面上下滚动效果
本文实例为大家分享了微信小程序页面上下滚动的具体代码，供大家参考，具体内容如下看图源码<view class="container container-fill"> <view class="scroll-fullpage" bindtouc...
2019-07-15
jQuery 禁止子元素响应父元素点击事件
当我们父元素和子元素都绑定了 click 点击事件后，父元素的点击事件就会覆盖掉子元素的绑定的点击事件，为此我们就需要避免子元素响应父元素的点击事件，从而进行子元素的交互和...
2019-07-14
微信小程序转百度小程序的PHP代码
听说百度小程序开始出现手机端搜索流量，作为SEO一员，必须搞他。但是又奈何之前做的都是微信小程序，所以用php写了一个微信小程序转百度小程序代码。修改文件后缀名 .wxml转换为...
2019-07-10
JS获取访客IP进行自动跳转
因业务需要进行地区判断跳转指定站点，下面是我个人实现的办法，分享给大家，仅供参考，切勿做非法用途第一步，获取IP并判断归属地 直接使用搜狐的IP库查询接口<script type="text/ja...
2019-07-10
微信小程序之人脸识别(添加信息和上传照片)
首先，我们要有开发者工具，今天所说的是后端和前端联合起来实现的。在PHP的控制器中写一个upload方法，代码如下： public function upload($id=''){ if(empty($id)){...
2019-07-09
百度小程序富文本解析工具bdParse
最近在做百度小程序，发现百度小程序目前大家接触的都比较少，还搜不到相关的技术支持，特别是处理文章的富文本处理工具。做过微信小程序的都知道，微信有一个wxParse，专门针对微信...
2019-07-09
微信小程序转码百度小程序
其实很简单的，相似度本身就很高下面开始教大家怎么转码1,首先你要下载百度小程序IDE(最新版本) 点击代码搬家2,选择你要转码的微信小程序目录3,选择你百度小程序的目录（空目录...
2019-07-09
微信小程序如何转换成百度小程序
微信小程序转换成百度小程序，git上都已经有大神出了程序，可以通过程序批量替换，但是没玩过，不过我们也可以通过手动替换的方式，转换成百度小程序。一、修改文件后缀百度和微信的p...
2019-07-09
微信百度网盘小程序文件分享链接提取
对于已经分享的小程序：点击 举报 按钮，然后复制链接，到浏览器中粘贴，打开怎么分享：（1）别点微信，直接复制链接就行了！会自动生成提取码的!（2）可以先分享到朋友圈，仅自己可见，然后收藏，然后...
2019-07-09
微信小程序--人脸识别入库以及匹配人脸
首先，创建Camera目录和pagecamera.xml的代码如下<camera device-position="{{show}}" flash="off" binderror="error" style="width: 100%; height: 400px;"></camera> <view...
2019-07-09
微信小程序demo----人脸识别+聊天机器人+短信提醒+数据展示
微信小程序也是因为最近工作的需要来学习的，从下载安装环境到开完调试完毕，大概花了2周时间（上线部署花了2个月，至于为什么会这么长时间，后面会讲到），博主本人不太擅长页面布局什么...
2019-07-08
微信小程序——人脸识别
首先我们先确认我们的百度云人脸库里已经上传了我们的个人信息照片然后我们在后台写刷脸登陆的接口login我们要把拍照获取的照片存储到服务器public function login(){...
2019-07-08
微信小程序（利用百度云后台进行人脸识别）
takePhoto() { const ctx = wx.createCameraContext() ctx.takePhoto({ quality: 'high', success: (res) => { this.setData({...
2019-07-08
分享一段显示网站运行时间的js代码
一段显示网站运行时间的代码，保存下来，以备不时之需，也方便有需要的朋友。时间显示格式：年+天+时+分+秒Js代码js代码一般放在<header>标签里面，但为了减少网页加载时间，建议放在页...
2019-06-12
使用instantclick预加载，让网站速度更进一步
InstantClick是一个JavaScript库，可以显着加快您的网站速度，工作原理是预加载你可能点击的链接来欺骗。举个简单的例子比如您想点击“小z博客”的下一页按钮，Instant...
2019-05-05
使用INFINITE AJAX SCROLL实现下拉加载效果
现在很多网页都有个体验不错的效果：浏览到页面底部的时候，自动加载下一页内容，也就是下拉加载效果，这种效果可以让用户不用点击“下一页”按钮，也可以实现翻页，无论在PC...
2019-02-27
html网页自动跳转页面代码
网页自动跳转页面的代码在很多时候都非常的有用，下面的是两个简单的例子。仅供参考。方案一，用<meta>里直接写刷新语句：<html><head><meta http-equiv="Content-Language" cont...
2019-02-20
迅速搞懂JavaScript正则表达式之方法
咱们来看看JavaScript中都有哪些操作正则的方法。 RegExp RegExp 是正则表达式的构造函数。 使用构造函数创建正则表达式有多种写法：new RegExp('abc')...
2019-02-13
JavaScript实现动态添加、移除元素或属性的方法分析
本文实例讲述了JavaScript实现动态添加、移除元素或属性的方法。分享给大家供大家参考，具体如下：JavaScript 动态添加、移除元素appendChild(newnode)向节点的子节点列表的末...
2019-02-13
纯代码为网站站点添加雪花飘落效果
圣诞节到了，给自己的网站增加一点过节的气息，来个雪花飘落的特效，代码如下：<script type="text/javascript">(function($){ $.fn.snow = function(options){ var $flake = $...
2019-01-08
js使用new Date()在苹果浏览器失效的问题
time在数据库存入方式为“2018-12-11 21:53:16”。 随后，在js里面使用new Date()。var time="2018-12-11 21:53:16";var start = Math.floor((new Date(time)).valueO...
2019-01-05
Js如何把时间戳转化为日期格式 北京时间 小方法
也是上班时遇到，后台接口数据给我反的是一个时间戳，需要转化为日期时间展示到前台，方法如下：首先大家先参考下面代码// 下面一句代码是获取一个时间对象//时间戳，填写你需要转换...
2018-12-30
使用原生js来实现瀑布流效果
瀑布流网页页面效果目前是一种很常见的布局，下面使用原生js实现一个瀑布流效果，附代码如下复制代码，图片路径自己修改即可CSS代码<style type="text/css"> *{ margin:0; padd...
2018-12-30
一个好用的js固定层代码（广告随屏移动）
网页中常会用到固定层这样的效果，可以放广告，可以放标签，可以放关注。js代码如下if ($('#follow-us')){ var followUsPosition = $('#follow-us').offset()...
2018-12-28
网页中图片属性固定宽度，如何用js改变大小
后台上传图片后，都有一个图片属性，会指定图片的宽和高，如果图片固定了宽度和高度，PC端用max-width可以控制最大宽度，高度自动缩放。但是手机端就没法自动缩放，可以使用js来改...
2018-12-28
通过异步加载 JavaScript 代码提高页面的载入速度
JavaScript 执行的时候可能会修改 DOM，影响页面的展现，默认情况下，先加载执行 JavaScript，再加载执行后面的代码才是安全的，加载执行 JavaScript 代码的时候，会停止后面代码的...
2018-11-17
使用 jQuery 添加网页锚文本平滑滚动效果
我们浏览一些网站的时候，会发现点击导航条上的链接的时候，页面会非常平滑的滚动网页下面相应的位置，相对于浏览器默认的一下子跳过去，用户体验无疑友好了许多，其实显示这种效果只...
2018-11-14
JavaScript保留关键字
Javascript 的保留关键字不可以用作变量、标签或者函数名。有些保留关键字是作为 Javascript 以后扩展使用。 abstract arguments boolean break byte c...
2018-10-22
js问候-早上好、中午好、晚上好
1、在根目录（路径自己定义，我是图方便就放到了根目录）新建一个js文件(如：global.js)，并复制下面代码放到到里面://头部问候语function hello() { today=new Date(); var da...
2018-09-30
导航栏下拉至一定高度后固定在顶部的特效
本文讲一下，让导航栏下拉至一定高度后固定在顶部的特效。看下面的代码：<script type="text/javascript">$(function() { var nav = $(".nav"); var sc = $(document...
2018-09-28
手写签名插件—jSignature
jSignature 是一个通过捕捉笔画的矢量轮廓输出多种格式数据的jQuery插件，通过该插件我们可以实现绘画板、手写签名等功能。使用该插件需要引入jQuery和jSignature.js，首先初始...
2018-09-21
JS判断单、多张图片加载完成
在实际的运用中有这样一种场景，某资源加载完成后再执行某个操作，例如在做导出时，后端通过打开模板页生成PDF，并返回下载地址。这时前后端通常需要约定一个flag，用以标识模板准备...
2018-09-21
分享一个生成二维码的插件–QRCode.js
随着移动设备的普及，日常生活中随处可见二维码，大有一码走天下之势。那么前端如何来生成二维码？通过QRCode.js我们可以快速生成二维码啦，一起来看看怎么使用吧。1、引入插件...
2018-09-21
解决JQuery 1.8 Syntax error,unrecognized expression兼容问题
这是一篇比较老的文章，收集过来主要是为了大家作为借鉴。最近有部分童鞋反应其WordPress升级到了3.5版之后，页面上貌似出现了点问题，如文章归档页面无法点击伸展收缩，页面顶部的...
2018-09-01
jQuery+CSS3一天时段动画场景切换特效
一款好看的jQuery+CSS3实现的一天时段动画场景切换特效，不同的时段展示不同的风景，黄昏、白天、日落、夜晚动画场景特效。js代码<script>$(".option").on("click", function()...
2018-08-26
jQuery基于honeyswitch.js仿苹果开关按钮切换效果
这是一款jQuery基于honeyswitch.js仿苹果手机ios系统风格开关按钮切换效果，非常的美观的开关按钮样式，演示里面还有更详细的使用说明。js代码<script src="lib/honeySwitch.js...
2018-08-26
CSS3+WOW.js网页滚动瀑布流图片加载动画特效
CSS3网页滚动瀑布流图片加载动画特效是一款WOW.js基于css3动画库属性制作的页面向下滚动时产生的图片载入动画效果。js代码<script src="js/wow.min.js"></script><script>...
2018-08-26
带动画效果的js点击弹出消息对话框特效
多种带炫酷动画效果的js点击弹出消息对话框特效，功能相当强大，外观也漂亮，可以通过简单配置非常轻松的实现各种网页消息提示框。js代码<script src="js/x0popup.min.js"></scri...
2018-08-26
jQuery点击弹出遮罩层图片放大查看代码
一款十分简单的jQuery点击弹出遮罩层图片放大查看代码，支持鼠标滚动放大缩小图片预览，弹出和关闭图片时还有淡进淡出的过渡效果。js代码<script src="jquery.js"></script><sc...
2018-08-26
jQuery鼠标滑过导航下拉菜单特效
一款外观十分简洁好看的jQuery鼠标滑过导航下拉菜单特效，鼠标滑过一级导航菜单时，带过渡动画展开二级子菜单，鼠标悬停子菜单也会有简单的缩进动画效果，而且子菜单是多行多列形式...
2018-08-26
js判断网页页面是否加载完成代码
用document.onreadystatechange的方法来监听状态改变，然后用document.readyState == “complete”判断是否加载完成代码如下：document.onreadystatechange = subSom...
2018-08-26
