![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Web前端
长安山南君
这个作者很懒,什么都没留下…
展开
-
前端在图片上标点,并展示——高中数学知识的应用
本文是对用户在图片上点选并标记位置,js实现细致的理论分析,主要用到高中数学的图形缩放比例的知识。需求及可能存在的问题用户上传的图片和第一次图片预加载时容纳该图片的box、以及该图片在其他页面的box的大小可能均不相同,需要缩放比例。图片缩放应遵循至少铺满box的一边,且居中展示。标记点在图片上的相对位置不能改变。如下图所示:具体问题:用户上传图片到box1中,并在box1中对...原创 2019-10-21 19:08:01 · 1816 阅读 · 0 评论 -
EasyUI表格选中,编辑信息,但不改动任何信息,再次选中某一条数据,进行其他操作出错的解决办法
问题描述: 选中某行,单击编辑,出来弹窗,直接关闭或取消弹窗;再次选中某行,再次单击编辑,出错!解决办法原因分析:第一次选中后,直接关闭弹窗,第二次选中后,出现两条信息,所以第二次不能正常显示弹窗。解决办法:在关闭窗口或取消时,清空上一次的内容。本办法由xmm发现,特此备注,感谢!...原创 2018-11-13 18:31:03 · 405 阅读 · 0 评论 -
easyui datagrid 表格操作统一约定
系统需求分析所有表格(datagrid)都要具备以下功能:(1) 单选,鼠标左键单击首列的CheckBox选中;对于已经选中的某条数据,再次单击,则可取消选中。(2) 多选,通过多次“单选”实现多选。(3) 全选,easyui的全选按钮CheckBox(4) 双击事件:选中该行,其他行不要选中,如果有查看该行数据的详细信息,则可以查看详细信息。即:双击事件,作为查看操作(如果有的话)。...原创 2018-12-19 20:56:23 · 161 阅读 · 0 评论 -
easyui页面初始加载内容堆叠,展现效果太差的解决办法
页面中用的easyui的组件较多,页面初始加载出现展现效果不好应该先出现的表格,弹窗在新增或编辑时候才显示。错误如下图:解决方案通过设置一个好看的遮罩效果,等待easyui组件渲染完成后,再呈现正常的页面布局样式。html 遮罩效果 <div id='MaskLoading' style="position:absolute;z-index:1000;top:0px;left:...原创 2018-12-23 17:49:08 · 677 阅读 · 2 评论 -
利用iconfont拓展(自定义)web项目图标
拓展小图标下载iconfont图标压缩包开始在web项目中使用下载iconfont图标压缩包在iconfont上传自定义svg等格式的ui设计稿,或者下载别人的小图标。添加到 库 ,进入项目2. 下载到本地开始在web项目中使用解压得到关键的css文件将该css文件引入到项目中。稍作修改。2.1 css文件 @font-face { font-family: ...原创 2019-04-03 17:01:32 · 993 阅读 · 0 评论 -
用户在图片上点选并标记位置,js实现
说明用户在图片上标记某个点,注意是相对于该图片的绝对位置,即使是在浏览器页面窗口大小的改变的情况下,该标记点相对于图片的位置也不会改变。(jquery.ipicture.js做不到该功能)将标记点位置保存到数据库,下次能在图片相应位置展示出来。本demo中的css是用scss写的,注意变通。演示链接html代码 <html lang="en"><head>...原创 2019-05-06 11:22:27 · 13190 阅读 · 3 评论