JavaScript - 教程之家

878浏览

0评论

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

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

微信

2019-07-29

311浏览

0评论

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

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

2019-07-29

302浏览

0评论

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

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

2019-07-29

344浏览

0评论

兼容ie9以下placeholder解决方案

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

2019-07-25

228浏览

0评论

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

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

2019-07-15

354浏览

0评论

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

243浏览

0评论

jQuery常用知识点大总结

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

2019-07-15

253浏览

0评论

原生JS实现上拉下拉列表

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

2019-07-15

252浏览

0评论

js中获取当前url路径

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

2019-07-15

248浏览

0评论

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

254浏览

0评论

JavaScript前端图片压缩

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

2019-07-15

291浏览

0评论

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

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

2019-07-15

368浏览

0评论

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

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

微信

2019-07-15

591浏览

0评论

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

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

2019-07-14

247浏览

0评论

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

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

微信

2019-07-10

380浏览

0评论

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

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

2019-07-10

399浏览

0评论

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

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

微信

2019-07-09

406浏览

0评论

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

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

2019-07-09

404浏览

0评论

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

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

微信

2019-07-09

337浏览

0评论

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

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

微信

2019-07-09

11786浏览

0评论

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

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

微信

2019-07-09

651浏览

0评论

微信小程序--人脸识别入库以及匹配人脸

首先，创建Camera目录和pagecamera.xml的代码如下<camera device-position="{{show}}" flash="off" binderror="error" style="width: 100%; height: 400px;"></camera> <view...

微信

2019-07-09

650浏览

0评论

微信小程序demo----人脸识别+聊天机器人+短信提醒+数据展示

微信小程序也是因为最近工作的需要来学习的，从下载安装环境到开完调试完毕，大概花了2周时间（上线部署花了2个月，至于为什么会这么长时间，后面会讲到），博主本人不太擅长页面布局什么...

微信

2019-07-08

264浏览

0评论

微信小程序——人脸识别

首先我们先确认我们的百度云人脸库里已经上传了我们的个人信息照片然后我们在后台写刷脸登陆的接口login我们要把拍照获取的照片存储到服务器public function login(){...

微信

2019-07-08

384浏览

0评论

微信小程序（利用百度云后台进行人脸识别）

takePhoto() { const ctx = wx.createCameraContext() ctx.takePhoto({ quality: 'high', success: (res) => { this.setData({...

微信

2019-07-08

287浏览

0评论

分享一段显示网站运行时间的js代码

一段显示网站运行时间的代码，保存下来，以备不时之需，也方便有需要的朋友。时间显示格式：年+天+时+分+秒Js代码js代码一般放在<header>标签里面，但为了减少网页加载时间，建议放在页...

2019-06-12

291浏览

0评论

使用instantclick预加载，让网站速度更进一步

InstantClick是一个JavaScript库，可以显着加快您的网站速度，工作原理是预加载你可能点击的链接来欺骗。举个简单的例子比如您想点击“小z博客”的下一页按钮，Instant...

2019-05-05

273浏览

0评论

使用INFINITE AJAX SCROLL实现下拉加载效果

现在很多网页都有个体验不错的效果：浏览到页面底部的时候，自动加载下一页内容，也就是下拉加载效果，这种效果可以让用户不用点击“下一页”按钮，也可以实现翻页，无论在PC...

2019-02-27

323浏览

0评论

html网页自动跳转页面代码

网页自动跳转页面的代码在很多时候都非常的有用，下面的是两个简单的例子。仅供参考。方案一，用<meta>里直接写刷新语句：<html><head><meta http-equiv="Content-Language" cont...

2019-02-20

395浏览

0评论

按照不同时间段显示不同的广告JS方法！

根据时间的不同显示不同的广告内容，非常实用的代码...

2019-02-13

288浏览

0评论

迅速搞懂JavaScript正则表达式之方法

咱们来看看JavaScript中都有哪些操作正则的方法。 RegExp RegExp 是正则表达式的构造函数。使用构造函数创建正则表达式有多种写法：new RegExp('abc')...

2019-02-13

264浏览

0评论

JavaScript实现动态添加、移除元素或属性的方法分析

本文实例讲述了JavaScript实现动态添加、移除元素或属性的方法。分享给大家供大家参考，具体如下：JavaScript 动态添加、移除元素appendChild(newnode)向节点的子节点列表的末...

2019-02-13

510浏览

0评论

纯代码为网站站点添加雪花飘落效果

圣诞节到了，给自己的网站增加一点过节的气息，来个雪花飘落的特效，代码如下：<script type="text/javascript">(function($){ $.fn.snow = function(options){ var $flake = $...

2019-01-08

809浏览

0评论

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

864浏览

0评论

Js如何把时间戳转化为日期格式北京时间小方法

也是上班时遇到，后台接口数据给我反的是一个时间戳，需要转化为日期时间展示到前台，方法如下：首先大家先参考下面代码// 下面一句代码是获取一个时间对象//时间戳，填写你需要转换...

2018-12-30

241浏览

0评论

使用原生js来实现瀑布流效果

瀑布流网页页面效果目前是一种很常见的布局，下面使用原生js实现一个瀑布流效果，附代码如下复制代码，图片路径自己修改即可CSS代码<style type="text/css"> *{ margin:0; padd...

2018-12-30

223浏览

0评论

一个好用的js固定层代码（广告随屏移动）

网页中常会用到固定层这样的效果，可以放广告，可以放标签，可以放关注。js代码如下if ($('#follow-us')){ var followUsPosition = $('#follow-us').offset()...

2018-12-28

278浏览

0评论

网页中图片属性固定宽度，如何用js改变大小

后台上传图片后，都有一个图片属性，会指定图片的宽和高，如果图片固定了宽度和高度，PC端用max-width可以控制最大宽度，高度自动缩放。但是手机端就没法自动缩放，可以使用js来改...

2018-12-28

228浏览

0评论

通过异步加载 JavaScript 代码提高页面的载入速度

JavaScript 执行的时候可能会修改 DOM，影响页面的展现，默认情况下，先加载执行 JavaScript，再加载执行后面的代码才是安全的，加载执行 JavaScript 代码的时候，会停止后面代码的...

2018-11-17

282浏览

0评论

使用 jQuery 添加网页锚文本平滑滚动效果

我们浏览一些网站的时候，会发现点击导航条上的链接的时候，页面会非常平滑的滚动网页下面相应的位置，相对于浏览器默认的一下子跳过去，用户体验无疑友好了许多，其实显示这种效果只...

2018-11-14

248浏览

0评论

JavaScript保留关键字

Javascript 的保留关键字不可以用作变量、标签或者函数名。有些保留关键字是作为 Javascript 以后扩展使用。 abstract arguments boolean break byte c...

2018-10-22

594浏览

0评论

js问候-早上好、中午好、晚上好

1、在根目录（路径自己定义，我是图方便就放到了根目录）新建一个js文件(如：global.js)，并复制下面代码放到到里面://头部问候语function hello() { today=new Date(); var da...

2018-09-30

533浏览

0评论

导航栏下拉至一定高度后固定在顶部的特效

本文讲一下，让导航栏下拉至一定高度后固定在顶部的特效。看下面的代码：<script type="text/javascript">$(function() { var nav = $(".nav"); var sc = $(document...

2018-09-28

457浏览

0评论

手写签名插件—jSignature

jSignature 是一个通过捕捉笔画的矢量轮廓输出多种格式数据的jQuery插件，通过该插件我们可以实现绘画板、手写签名等功能。使用该插件需要引入jQuery和jSignature.js，首先初始...

2018-09-21

226浏览

0评论

JS判断单、多张图片加载完成

在实际的运用中有这样一种场景，某资源加载完成后再执行某个操作，例如在做导出时，后端通过打开模板页生成PDF，并返回下载地址。这时前后端通常需要约定一个flag，用以标识模板准备...

2018-09-21

231浏览

0评论

分享一个生成二维码的插件–QRCode.js

随着移动设备的普及，日常生活中随处可见二维码，大有一码走天下之势。那么前端如何来生成二维码？通过QRCode.js我们可以快速生成二维码啦，一起来看看怎么使用吧。1、引入插件...

2018-09-21

429浏览

0评论

解决JQuery 1.8 Syntax error,unrecognized expression兼容问题

这是一篇比较老的文章，收集过来主要是为了大家作为借鉴。最近有部分童鞋反应其WordPress升级到了3.5版之后，页面上貌似出现了点问题，如文章归档页面无法点击伸展收缩，页面顶部的...

2018-09-01

244浏览

0评论

jQuery+CSS3一天时段动画场景切换特效

一款好看的jQuery+CSS3实现的一天时段动画场景切换特效，不同的时段展示不同的风景，黄昏、白天、日落、夜晚动画场景特效。js代码<script>$(".option").on("click", function()...

2018-08-26

556浏览

0评论

jQuery基于honeyswitch.js仿苹果开关按钮切换效果

这是一款jQuery基于honeyswitch.js仿苹果手机ios系统风格开关按钮切换效果，非常的美观的开关按钮样式，演示里面还有更详细的使用说明。js代码<script src="lib/honeySwitch.js...

苹果

2018-08-26

207浏览

0评论

CSS3+WOW.js网页滚动瀑布流图片加载动画特效

CSS3网页滚动瀑布流图片加载动画特效是一款WOW.js基于css3动画库属性制作的页面向下滚动时产生的图片载入动画效果。js代码<script src="js/wow.min.js"></script><script>...

2018-08-26

热门文章