web
关注
分享
扫一扫
hang499
这个作者很懒，什么都没留下…
展开
-
在当前页面翻译多语言
//引入google api <script src="https://apis.google.com/js/api.js"></script> //这个js上传 <script src="/js/translate.min.js"></script> window._translate_instance.config({ sourceLanguage: 'en', translateMode: 1, .原创 2021-10-26 11:02:02 · 197 阅读 · 0 评论 -
三方Google登录的两种方式(当前页打开，新窗口打开)
//创建一个按钮var is_google_a=0;//点击按钮触发事件$('.google_a').click(function(e){ e.stopPropagation(); if(is_google_a==0){ $.getScript("https://apis.google.com/js/api:client.js",function(){ var auth2; var startApp = function(原创 2021-07-01 21:28:59 · 1909 阅读 · 0 评论 -
系统识别加类名直接用！
function system_confirm(){var userAgentInfo = navigator.userAgent;if(userAgentInfo.indexOf("Win")>-1){return "win"}else if(userAgentInfo.indexOf("Mac")>-1){return "mac"}};function device_confirm(){var userAgentInfo = navigator.userAgent;var Agents =原创 2021-05-28 10:01:17 · 80 阅读 · 0 评论 -
vscode使用liveServer快速搭建https服务
0x02 安装步骤如下：1、安装 mkcert安装环境：Windows 7+ / Windows Server 2003+1）以管理员身份运行powershell2）执行命令： Get-ExecutionPolicy，如果系统返回 Restricted，则在执行命令：Set-ExecutionPolicy AllSigned ，选择 A（全是）3）执行命令：Set-ExecutionPolicy Bypass -Scope Process -Force; [System.Net.ServiceP转载 2021-05-27 10:56:52 · 1479 阅读 · 0 评论 -
原生demo：上传图片-File转换为Image,File转换为canvas,canvas转换为图片
<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <style type="text/css"> #canvas{ border:1px solid red; width:300px; height:300px;转载 2021-05-17 16:43:53 · 946 阅读 · 0 评论 -
css添加序号（注意ul无效）
<style> ol{list-style-type:demical;} ol li{ list-style-position:outside;} </style> <ol> <li>文字</li> <li>文字</li> <li>文字</li> <li>文字</l...原创 2021-03-15 19:54:33 · 301 阅读 · 0 评论 -
跨域删除localstorage
使用一个中间页面的方法，在中间页上写上删除localstorage的方法，在用iframe调用这个中间页，即可原创 2021-02-07 16:56:00 · 820 阅读 · 0 评论 -
jq slide动画卡顿原因
元素使用了padding ，使用margin无卡顿，亲测有效原创 2020-10-14 16:46:16 · 485 阅读 · 0 评论 -
ie浏览器，有的电脑莫名乱码
可能用户打开了兼容模式//添加标签<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">原创 2020-08-10 12:14:29 · 142 阅读 · 0 评论 -
Flex布局兼容
// flex布局display: -webkit-box;display: -webkit-flex;display: flex;//分散布局-webkit-box-pack:justify;-webkit-justify-content: space-between;justify-content: space-between;//换行，低版本元素不可设置最大宽度flex-wrap: wrap;原创 2020-07-20 20:37:48 · 131 阅读 · 0 评论 -
如何让html不识别代码
把不需要被解析的html代码放入标签<\xmp>中<xmp> 这里的代码将原样输出： <div>div容器</div></xmp>原创 2020-01-08 15:58:05 · 554 阅读 · 0 评论 -
文字溢出隐藏
单行溢出隐藏width:100px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;多行溢出隐藏display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; //行数overflow: hidden;...原创 2019-11-20 12:17:25 · 157 阅读 · 0 评论