HTML&CSS&Javascript
HTML CSS Javascript
zhaoqhu
这个作者很懒,什么都没留下…
展开
-
javascript自定义弹出的确认框Confirm
使用场景如果想自定义浏览器自带的弹出框样式,可以参考下面的代码知识点异步函数(async function)asyncawaitPromiseresolve<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <tit原创 2020-11-13 12:29:08 · 4666 阅读 · 0 评论 -
js 下拉刷新页面
使用场景当网页中开启了支持web App全屏模式运行时,从移动端桌面点击应用图标进入网站后,界面上看不到地址栏,这时候网页中有下拉刷新的功能时,体验会好一些。关键词mobile web app capablepull to refreshrelease updates<html><head></head><body><div class="yxa-pull-refresh-wrap" id="yxaPullRefreshWrap"原创 2020-11-11 18:40:46 · 561 阅读 · 0 评论 -
js滚动条滚动翻页加载数据
滚动刷新使用场景介绍在做分页功能时,可能会有当滚动条滚动到某一位置时触发加载下一页的资源(商品、内容)到本页面的需求。下面的js代码实现的功能是,当滚动条滚动的位置,在id为footerApp的Dom元素上面30像素时触发加载下一页的资源到当前页面。<script type="text/javascript">var gPage = 1;var gIsRequestPage = 1;var gRequestTimer = null;var goodsListApp = {};va原创 2020-11-11 10:48:11 · 1353 阅读 · 0 评论 -
如何检查网站是从主屏上的图标点击进入的How to detect if web app running standalone on Chrome mobile
如何检查网站是从主屏上的图标点击进入的How to detect if web app running standalone on Chrome mobilejavascript functionfunction detectRunningStandalone(){ var ret = false; var isInWebAppiOS = (window.navigator.standalone === true); var isInWebAppChrome = (window.match原创 2020-11-09 18:04:31 · 133 阅读 · 0 评论 -
如何把网站添加到手机主屏幕 website Add to Home Screen
website Add to Home Screen (如何把网站添加到手机主屏幕 )HTML页面添加<meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="default"><meta name="apple-mobile-web-app-title" content="应用名字">&l原创 2020-11-09 17:49:27 · 3617 阅读 · 0 评论 -
ios safari chrome网页禁止缩放失效
使用场景html user-scalable失效//移动端网页需要禁止缩放时,一般的做法如下代码<meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;” />但是这个方法在有的ios safari或者chrome上失效,解决办法是在css文件中添加下面的代码body { touch-action: pan-x pan-y;原创 2020-10-16 17:35:58 · 889 阅读 · 0 评论 -
table-layout fixed
table-layout CSS属性定义了用于布局表格单元格,行和列的算法。初始值为auto //大多数浏览器采用自动表格布局算法对表格布局。表格及单元格的宽度取决于其包含的内容。fixed://表格和列的宽度通过表格的宽度来设置,某一列的宽度仅由该列首行的单元格决定。在当前列中,该单元格所在行之后的行并不会影响整个列宽。使用场景当用table百分比布局时, 如果td中的内容超过了td设定的宽度时想用三个点的省略号显示,常规的写法就是用css中的一些属性比如<style>原创 2020-10-14 18:46:45 · 5311 阅读 · 0 评论 -
GitHub cdnjs
介绍这个Git仓库有很多开源免费的CDN前端JS框架和UI框架,网址GitHub仓库地址:https://github.com/cdnjs/cdnjs官方网址:https://cdnjs.com/使用方法举例CASE 1:Web开发时有用到前端js加密数据并且在服务端用php解密数据,这个时候就可以用js的crypto-js开源框架来实现前端js加密。下载: 在搜索引擎里搜索了很久也没有找到靠谱的资源,这时候在cdnjs官网里搜索,一下就找到需要的crypto-js开发压缩满的.原创 2020-06-04 12:59:34 · 320 阅读 · 0 评论 -
jquery fileupload 文件上传 使用记录
$(function () { $('#fileupload').fileupload({ dropZone: //拖拽区域 }); $("#content").focus(); // data-url="../upload_server.php?rid=<?=$room_id?>&...原创 2018-08-20 17:50:38 · 4240 阅读 · 0 评论 -
js监听回车键
<script type="text/javascript">document.onkeydown = function (e) { var theEvent = window.event || e; var code = theEvent.keyCode || theEvent.which; if (code == 1...原创 2018-02-13 14:57:15 · 390 阅读 · 0 评论 -
js定时执行Iframe页面刷新
<iframe id="armchatroom" width="100%" frameBorder="0" src="c.php" scrolling="no"></iframe><input type="button" onclick="javascript:chatIframeStop();"原创 2018-02-24 16:10:49 · 4378 阅读 · 0 评论 -
emoji 表情
js-emoji - Display emoji in the browser, everywhereMost macOS and iOS versions allow display and input of emoji. It's nice to show them onother devices too, and the browser is a good place to do it. T...转载 2018-07-05 09:53:41 · 710 阅读 · 0 评论 -
jquery 监听某个按钮
$("a.emoji-pepole-btn").click(function(){ $("#emoji-pepole-box").toggle();});$(document).click(function(e){ var reg = /emoji-pepole-btn/; var is_btn = reg.test(e.target.className); ...原创 2018-07-18 18:29:52 · 6218 阅读 · 0 评论 -
css公共样式
@charset "UTF-8";/*格式化样式*/body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td {margin:0;padding:0;} table {border-collapse:collapse;border-spacing:0;}ul {list-style:none} ...转载 2018-08-10 10:30:23 · 263 阅读 · 0 评论 -
hello world
hello world原创 2017-11-23 09:50:00 · 242 阅读 · 0 评论