前端
luckydie
这个作者很懒,什么都没留下…
展开
-
集成融云 Web 音视频通话踩坑之旅(一)
1、web端获取用户token,只可以通过后台获取;2、原创 2021-04-07 11:16:55 · 372 阅读 · 0 评论 -
echarts关系图谱,显示人员关系图谱时,遇到重名的情况解决方案
使用echarts绘制关系图谱时,通过name绑定数据时,会出现重名冲突的情况,这时图谱无法绘制。解决方案:不通过name进行绑定,而是改成通过人员的id绘制图谱; data: [{ name: '节点1', x: 300, y: 300, id: ...原创 2020-05-06 16:19:06 · 1568 阅读 · 0 评论 -
如何使用css设置标签内容不超过两行,超过两行显示省略号
原内容如下图所示:需求为,内容只显示两行,多于两行之后用省略号表示:css设置:-webkit-box-orient: vertical;height: 44px;line-height: 22px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;...原创 2020-04-01 16:36:41 · 2621 阅读 · 0 评论 -
使用弹性盒子让一个行内元素垂直居中于未知高度的块内,并让左侧高度根据右侧内容自动撑开
<div class="photoIntroduce"> <ul> <li> <p> <label>品 名</label> </p> <span>PP聚丙烯(百褶原创 2018-11-29 16:23:15 · 2014 阅读 · 0 评论 -
jq load 方法加载公共页面时,浏览器报错Cross origin requests are only supported for protocol schemes: http, data
jq load 方法加载公共页面时,当我在文件中直接使用浏览器打开时,浏览器报错 无法加载页面: 解决方法:首先关闭所有正在运行的Chrome实例 这里重要的一词是“全部”。在Windows上,您可以使用Windows任务管理器检查Chrome实例。或者,如果您在系统托盘中看到Chrome图标,则可以打开其上下文菜单并单击“退出”。这应关闭所有Chrome实例。然...原创 2019-01-08 15:39:22 · 848 阅读 · 0 评论 -
左侧容器高度 随着右侧容器的高度改变而改变(适用于左侧为菜单导航,右侧显示内容区域)(兼容ie浏览器)
1、本方法主要的精髓在于父容器设置position:relative左侧子容器设置absolute height:100%,这样就可以在父容器高度自适应的同时,左侧容器的高度也能随之改变,适用于左侧导航,右侧为内容区 的情况。该方法兼容ie浏览器2、第二种方法:不兼容ie,在ie中出现无限滚动条<div class="container"> &...原创 2019-01-25 15:36:17 · 1411 阅读 · 0 评论 -
js页面跳转 地址栏参数加密解密
1、跳转页面,参数加密 使用window自带加密算法:window.location.href = url+btoa(encodeURIComponent("stuid="+stuid+"&name="+name+"&head="+head));2、获取地址栏参数并解密://获取地址栏里(URL)传递的参数function GetRequest(localUrl)...原创 2019-03-26 17:40:25 · 5166 阅读 · 0 评论 -
angular双向绑定数据后,通过jquery修改input中的值后,angular绑定失效
$(document).on('input propertychange', '.peacetimescore', function(){ if($(this).val()>20 || $(this).val()<0){ layer.msg("请输入0-20之间的成绩"); $(this).val("0").trigger('change');//这...原创 2019-04-17 17:26:42 · 1344 阅读 · 1 评论 -
阿里ui框架 react
https://ice.work/docs/iceworks/project-new原创 2019-05-06 17:00:48 · 2904 阅读 · 1 评论 -
禁止浏览器后退按钮方法
<script language="javascript"> //防止页面后退 history.pushState(null, null, document.URL); window.addEventListener('popstate', function () { history.pushState(...原创 2019-05-13 11:35:30 · 3219 阅读 · 3 评论 -
pdf.js 修改预览页面title
前言当使用异步请求去加载pdf文件时,预览页的title会变成请求的地址,即使修改response的返回信息也无法奏效。经过调试后发现,viewer.js中默认使用的请求地址作为页面title,因此只需修改这块的代码即可。修改方法打开viewer.js 搜索 setTitleUsingUrl: function pdfViewSetTitleUsingUrl 定位到代码位置 复制...原创 2019-06-05 16:27:54 · 4366 阅读 · 1 评论 -
js 按钮点击一次 执行两遍 bug
问题:点击一次提交,方法执行两遍解决方法:$scope.saveCourseInfo = function(event){ //event.isPropagationStopped() //判断stopPropagation是否被调用过 if(!event.isPropagationStopped()){ //执行点击后要执行的代码 } //必须要...原创 2019-06-13 11:06:05 · 2334 阅读 · 0 评论 -
让左侧菜单根据右侧内容的高度自动撑开
如果div结构是下面这样<div class="container"> <div class="left"></div> <div class="right"></div></div>那么可以这样定义css:.container {width:9原创 2018-11-02 20:41:33 · 1296 阅读 · 0 评论 -
怎么在html中引入公共的html页面,如header.html,footer.html
我们在做项目的时候经常会遇到一样的头部和底部,如果每个页面都复制一遍,不仅工作量大而且万一需要修改一下文章就更麻烦了,这时候就需要我们把公共部分提取出来,等需要的时候再引入页面。在网上找了好久,也尝试了几次,觉得对前端来说最好的方法就是使用jQuery的load函数,<body> <div id="page1"></div> <div...原创 2018-10-25 17:49:21 · 38070 阅读 · 9 评论 -
js 获取服务器时间和new Date()用法
需求就是到某一个固定的时间就需要一个按钮不显示了,如果试用new Date() 这个获取的是客户端的时间不是服务器时间,客户如果改了本机的时间那这个按钮就没有控制住。找了很多前辈的代码我自己也总结一下,下次使用的时候也方便我查找,也给不知道的小伙伴分享一下。1.获取服务器时间:var now = new Date($.ajax({async: false}).getResponseHea...原创 2018-07-04 16:14:11 · 3318 阅读 · 0 评论 -
Web前端面试题目汇总
阅读目录HTML/CSS部分JavaScript部分HTTP算法相关Web安全前端性能设计模式正则表达式职业规划以下是收集一些面试中经常会遇到的经典面试题以及自己面试过程中有一些未解决的问题,通过对知识的整理以及经验的总结,重新巩固自身的前端基础知识,如有错误或更好的答案,欢迎指正,水平有限,望各位不吝指教。:)回到顶部HTML/CSS部分转载 2017-10-10 16:58:28 · 295 阅读 · 0 评论 -
js中null与0的比较
简单来说就是:要比较相等性之前,不能将null和undefined转换成其他任何值。就是undefined和null与其他数在进行相等判断时不进行类型转换。null == undefined,这个是true。另外: >=的结果可以根据而==的结果与>=没有任何关系,即>=的结果不是>和==结果的累和;如:null>0 //null转化为number,为0,所以0原创 2017-09-12 18:02:47 · 16399 阅读 · 1 评论 -
去掉高德api上的logo图标
1、去掉高德地图logo:.amap-logo{ display: none;}2、去掉高德的版本号:.amap-copyright { opacity:0;}直接设置display:none;不起作用,所以设置透明。原创 2017-10-23 14:00:44 · 9706 阅读 · 0 评论 -
js滚轮控制图片的放大缩小
1、添加一张图片id="chgImg" src="1.jpg" width="760" onmousewheel="return bigimg(this)" style="cursor:pointer" />2、function bigimg(obj){ //alert(parseInt(obj.style.zoom,10)); var zoom =原创 2017-10-14 11:27:22 · 13299 阅读 · 4 评论 -
js头部设置浏览器字体大小随窗口大小而改变
/* 长宽占位 rem算法, 根据root的rem来计算各元素相对rem, 默认html 320/20 = 16px *//* 长宽占位 rem算法, 根据root的rem来计算各元素相对rem, 默认html 320/20 = 16px */ functionplaceholderPic(){ varw = document.documentEl原创 2017-11-01 13:44:16 · 3098 阅读 · 0 评论 -
高德地图添加多个点标注的点击事件
html> charset="utf-8"> http-equiv="X-UA-Compatible" content="chrome=1"> name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width"> type="text/css"> bod原创 2017-10-17 11:10:13 · 19909 阅读 · 4 评论 -
js返回数据:str转换成json方法
1,eval方式解析,恐怕这是最早的解析方式了。如下:function strToJson(str){ var json = eval('(' + str + ')'); return json; } 记得别忘了str两旁的小括号。2、new Function形式,比较怪异哦。如下 :function strToJson(str){ var json原创 2017-11-03 15:47:31 · 2822 阅读 · 0 评论 -
Http报头Accept与Content-Type的区别
1.Accept属于请求头, Content-Type属于实体头。 Http报头分为通用报头,请求报头,响应报头和实体报头。 请求方的http报头结构:通用报头|请求报头|实体报头 响应方的http报头结构:通用报头|响应报头|实体报头2.Accept代表发送端(客户端)希望接受的数据类型。 比如:Accept:text/xml; 代表客户端希望接受的数据类型是xml类原创 2017-11-30 14:46:53 · 270 阅读 · 0 评论 -
app与后台的token、sessionId、RSA加密登录认证与安全解决方案
一、登录机制粗略地分析, 登录机制主要分为登录验证、登录保持、登出三个部分。登录验证是指客户端提供用户名和密码,向服务器提出登录请求,服务器判断客户端是否可以登录并向客户端确认。 登录认保持是指客户端登录后, 服务器能够分辨出已登录的客户端,并为其持续提供登录权限的服务器。登出是指客户端主动退出登录状态。容易想到的方案是,客户端登录成功后, 服务器为其分配sessionId, 客户端随转载 2018-01-17 16:26:16 · 704 阅读 · 1 评论 -
搭建微信公众号测试环境
1.需要一个外网映射内网地址,我是用natapp工具,花钱买了一个月的外网固定域名 window系统直接双击运行natapp.exe,2.注册微信测试号 https://mp.weixin.qq.com/debug/cgi-bin/sandboxinfo3.改变application-dev.properties文件中的设置最后,可以启动项目进行测试了。选择夜神模拟器模拟安卓手机,然后可...原创 2018-04-27 14:55:19 · 2159 阅读 · 0 评论 -
webstorm 2018 激活破解方法大全
webstorm 作为最近最火的前端开发工具,也确实对得起那个价格,但是秉着勤俭节约的传统美德,我们肯定是能省则省啊。方法一:(更新时间:2018/4/8)v3.3注册时,在打开的License Activation窗口中选择“License server”,在输入框输入下面的网址:http://hb5.s.osidea.cc:1017 (2018.4.23日)http://hb5.s.oside...转载 2018-05-25 13:27:52 · 219 阅读 · 0 评论 -
JS中终止函数执行的代码
1.假如终止一个函数用return即可:例function testA(){alert("a");alert('b');alert('c');}testA(); 函数执行会依次弹出a,b,c;function testA(){alert("a"); return;alert('b');alert('c');}testA();函数执原创 2017-08-31 11:42:17 · 39217 阅读 · 0 评论