js
king2wang
这个作者很懒,什么都没留下…
展开
-
citypicker.js改造--支持只显示指定省份
citypicker.js改造--支持只显示指定省份原创 2023-02-22 12:08:03 · 597 阅读 · 0 评论 -
自定义弹框,并支持事件绑定
自定义弹框的功能如下:1.可以自定义弹出的提示语,2.提示语下面有取消和确定按钮3.点击取消按钮隐藏弹框4.点击确定按钮时,可以额外传递一个function,如果传了function,则关闭弹框并执行function里的操作详见代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>测试</title>原创 2021-07-09 11:06:52 · 431 阅读 · 0 评论 -
监听返回按钮,刷新页面
// 页面回退刷新 window.onpageshow = function (event) { if (event.persisted || (window.performance && window.performance.navigation.type === 2)) { window.location.reload() } };原创 2021-07-08 16:49:31 · 255 阅读 · 0 评论 -
webpack配置vue后,变量无法使用
初识vue,难免有坑,仅此记下。在webpack中配置vue时,发现data中的数据在页面无法正常执行,还是显示文本{{message}} 几番查找原因无果,最后发现引入的打包后js需要放在vue绑定的div之后。以下为正确打开方式:1.先在源码js里导入vueimport Vue from 'vue'const app = new Vue({ el:"#app", data:{ message:'你好' }});2.然后在HTML中引入打包后的js文件<.原创 2020-06-26 13:47:23 · 716 阅读 · 3 评论 -
viewer.js使用
基本的使用可以查看demo和文档https://github.com/fengyuanchen/viewerjshttps://fengyuanchen.github.io/viewerjs/这里只说我使用过程中遇到的两个问题1.动态加载的图片无法查看针对这个问题,可以使用update()方法来更新,将新加载的图片放到viewer实例中,注意是在新的标签写到页面后调用。2....原创 2019-11-19 10:33:49 · 1360 阅读 · 1 评论 -
mescroll.js的使用
mescroll.js的官网地址:http://www.mescroll.com/index.htmlmescroll.js分为js版和vue版,这里介绍一下使用js版时遇到的问题。1.使用原因首先说一下使用这个插件的原因,一是这个插件确实好用(整明白后),有各种配置项,能满足大部分需求,二是它可以在切换标签时,重置下拉加载,即可以实现实例化一个mescroll实例,但切换标签时依然可...原创 2019-11-05 15:48:41 · 3179 阅读 · 0 评论 -
微信自定义分享,标题或描述中有特殊字符
当微信进行自定义分享时,如果标题或描述中有特殊字符,比如双引号 "等就会导致无法进行自定义分享,甚至不显示分享按钮。解决方式为: 先将标题或描述放到隐藏域中,并且转成html实体,再从隐藏域中获取转义后的标题和描述即可, 注意:不在隐藏里转义为HTML实体也是不可以的上代码:<input type="hidden" id="share_title"...原创 2019-09-27 10:48:11 · 1535 阅读 · 0 评论 -
修改页面显示的图片大小
$(document).ready(function () { var imgs = $('img'); var win_width = $(window).width(); $.each(imgs,function (i,item) { //获取图片原始宽度,如果大于浏览器宽度则为100%,否则为auto if(item.naturalW...原创 2019-08-09 18:34:35 · 351 阅读 · 0 评论 -
a标签和onclick同时存在且都要可以触发的办法
<a class="one" href="www.baidu.com">跳转到百度 <div class="two" onclick="tz()">跳转到腾讯</div></a>function tz(){window.location.href = "www.qq.com"} ...原创 2019-05-24 10:50:36 · 1331 阅读 · 0 评论 -
实现多余的字符用...代替
1.通过css实现<div style="text-overflow:ellipsis; white-space:nowrap; overflow:hidden;">奥沙水库就会尽快</div>2.php方式实现function cut_str($str, $length){ if (mb_strlen($str, 'UTF-8') > $...原创 2019-05-24 09:43:12 · 734 阅读 · 0 评论 -
百度编辑器小技巧
1.想实现如下图所示的编辑器样式怎么办呢,很简单,只需要修改ueditor.config.js中img的配置即可,即在img配置中加入style属性img: ['src', 'alt', 'title', 'width', 'height', 'id', '_src', '_url', 'loadingclass', 'class', 'data-latex','style'],...原创 2019-05-24 09:41:10 · 177 阅读 · 0 评论 -
ios强制刷新页面
$(function () { window.addEventListener("popstate", function(e) { self.location.reload(); }, false); var state = { title : "", url : "#" }; window.history....原创 2019-04-24 14:52:49 · 2959 阅读 · 0 评论 -
移动端和PC端回车键发消息
function onTextareaKeyDown(event) { msg = $('#send_msg_text').val(); if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) { console.log('iphone'); if (event....原创 2019-04-11 09:43:10 · 1317 阅读 · 0 评论 -
微信、企业微信分享按钮隐藏问题
想要隐藏微信分享等菜单按钮,可在页面上加上这样一段代码<script> function onBridgeReady() { WeixinJSBridge.call('hideOptionMenu'); } if (typeof WeixinJSBridge == "unde...原创 2019-02-22 12:05:19 · 6413 阅读 · 3 评论 -
页面分享
{{--分享--}} <script src="http://www.calledt.com/sosh/javascripts/sosh.min.js"></script> <div style="float:right; margin-top:10px;"> <div class="datasetconfig"原创 2018-10-26 11:44:04 · 176 阅读 · 0 评论 -
通过video.js或原生事件统计实际观看视频时长,支持多视频时长统计
通过video.js和原生事件监听两种方式实现视频时长统计,支持网络卡顿时暂停计时,重新播放后重新计时的功能、支持多视频分别统计时长的功能。原创 2018-10-10 18:37:38 · 17254 阅读 · 11 评论 -
通过js进行post请求
1.通过get请求时,会在地址栏显示参数,所以为了防止参数不会被恶意修改,通过采用post请求,通过js实现post请求,实际是创建一个虚拟的form表单 function httpPost(URL, PARAMS) { var temp = document.createElement("form"); temp.actio...原创 2018-10-10 17:47:34 · 33260 阅读 · 0 评论 -
汉字转成拼音
引入PinYin.js文件 ,下载地址:https://download.csdn.net/download/king2wang/10681113<script src='PinYin.js'></script> <script> window.onload=function (){ var pinyin = codefan...原创 2018-09-21 14:54:38 · 186 阅读 · 0 评论