随笔分类 - 网站前端学习
撞到蜜罐
摘要：1. 思路 对一个对象进行深度拷贝，就是要把这整个树都复制过来 2. 代码 function deepClone(obj){ if(obj null) return; const newObj = obj.push? [] : {}; for(const attr in obj){ // attr这
阅读全文
摘要：1. 使用场景 页面上有很多图片，或者图片很大，这都会使加载的时候出现大片空白，影响用户体验。 2. 解决办法 在CSS里给img指定默认显示的图片，以下是代码： { //**** background-image: url(...) //默认图片路径 //**** } 3. 效果 这样，浏览器加载
阅读全文
摘要：简单，不保存图片到数据库，而是图片的路径。 也就是说，先把图片下载到服务器的指定目录下，然后，在把相对的路径保存到数据库中。 如果下次获取图片，就访问数据库，获取图片路径，然后根据路径找到图片，最后，把图片按照base64码返回到前端，前端加载base64码，就是我们要显示的图片了。
阅读全文
摘要：今天下午我遇到了个问题，就是上面的锚标签点击一下就不见了，如图a. 图a 后来我看了下我的样式代码，发现CSS文件别处有个下面这段代码 这个红圈标记的意思是content中的link状态a和所有visited状态的a会受到影响~ 于是，我把它改成这样的声明，如图b 问题就解决了~ 结论就是，在CSS
阅读全文
摘要：今天看到min-width这一CSS属性，它是用来保证某一元素的最小宽度， 为此，我把这一属性用在盛有内容的div，然后再尝试着挤压这个div，当div宽度到达min-width时，这个div就停止变形。 想想如果用在表格的数据显示上，一定很棒~
阅读全文
摘要：1. 问题描述 今天，我在写我的记账本的主界面，想在右上角加一个用户名提示，需要我把登陆界面的用户名传递给主界面，输入英文可以，输入汉字，发现显示在右上角的是乱码。 2. 解决办法 看这个乱码眼熟，我发现这个是WEB服务器不能识别汉字就进行了额外处理（对汉字编码）。。 那我可以在传参前对其编码，让w
阅读全文
摘要：情景介绍， 我花了一天多，坐在电脑前，怀着期待和绝望，把在linux下用HTML做前端登陆，CGI写后台程序，apache作为服务器，写的一个简单的登陆程序做好了。 期间遇到两大问题， 一个是怎么也访问不了cgi, 网页总是显示500错误（服务器错误）；另一个是xml返回信息的字符串比较总是失败。
阅读全文
摘要：主要解决问题的方法是用JS脚本。 先看布局， 一个div是首部，另一个div是主体，主体包含左侧菜单和右侧内容。 我想把主体div的高度自适应屏幕剩余区域，怎么做？ 首先，获取可见区域的高度，document.documentElement.clientHeight 然后，获取首部的高度，这会是 d
阅读全文
摘要：页面做得差不多了，只是表格右下角的分页按钮杂乱不堪，像这样： 如果各自添加样式，会显得麻烦，毕竟有好多带有表格的页面。 所以，我尝试用表格给他们布局， 具体是把它们一起放到另一个table中的唯一一个td标签中，用div包裹， 然后用js修改该table宽度为上面table宽度, 做好”藏书阁“后，
阅读全文
摘要：用多个浏览器查看自己的page( 平台是notepad) 借助window的批处理，以及系统环境变量。 首先， 写个bat, 一句start %1 %2即可。 %1和%2分别表示第一个和第二个参数。 记住，把这个文件放入C盘windows文件夹里。 其次， 设置环境变量，经常用IE， 所以打开电脑的
阅读全文
摘要：前提， 如果只能借助input想后台传数据 1. CKEDITOR编辑框。 指定事件onchange, 把编辑框内的数据导入到指定的input type="hidden"内。 HOW? 不能直接使用onchange, 需要调用它的内部事件'change'。 具体代码如下： 2. 可编辑框div 大致
阅读全文
摘要：问题是这样的， 我把左侧菜单做成了网页， 然后点击左侧菜单选项会改变右侧内容， 也就是子网页访问并修改父网页的内容。 为了兼容性更好， 我没有使用farther,或者opener等方法， 而是用了cookie。 但是， 如果同一个浏览器多个此网页打开，点击左侧选项会互相干扰。 所以， 我想到新增一个
阅读全文
摘要：获取这个元素，然后设置它的滚动条的位置为初始位置（0,0）。 document.getElementById(..).scrollTop = 0;
阅读全文
摘要：首先，在form中加入onsubmit= return 检查输入的事件， 例如，检查函数名字是CheckInput(), 则这里输入为onsubmit="return CheckInput()", 然后在提交按钮中指定类型type="submit"。 这样，表单会提交前进入检查输入的事件， 如果事件
阅读全文
摘要：今天，我尝试用table布局有多个输入需要提交的页面， 为了使输入元素占满td，我对其宽度设置为100%， 结果text输入元素溢出td， 具体情况如下： 解决办法是对td样式设置为overflow:hidden, 意思是如果td内元素溢出，则截去（同样适用于div等容器元件）。 新的效果如下：
阅读全文
摘要：具体情况是这样的， 我写了个主网页布局， 顶部是导航菜单， 左侧是二级导航菜单， 右侧是内容， 左侧导航菜单有两个。 我要实现点击导航菜单，弹出对应的二级菜单， 并在右侧内容显示相应的网页； 点击左侧菜单选项，也可以在右侧内容显示相应网页。 由于左侧菜单有两个，而且子选项很多， 这样加载速度慢， 所
阅读全文
摘要：今天我做了一个带有滚动条，底部有两个按钮的div。 当我拖动滚动条到底部， 按钮没有显示出来。 我看了看我的样式设置，是这样的： 这个意思是 内容的位置固定， 高度占满剩余的部分，自动滚动。 为此没必要设置高度height， 所以我去掉它。 然后重启页面，好了， 而且不管我怎么修改内容中的纵向间距，
阅读全文
摘要：出于工作需求，自己在网上找了个文本编辑器控件, 网址是http://ckeditor.com/ 怎么使用？ 先插入脚本<script type="text/javascript" src="*/ckeditor.js"></script>, 然后，在自己的脚本里调用CKEDITOR.replace(
阅读全文
摘要：今天，我的文本框受到软键盘弹出的影响， 具体是文本框高度变小， 影响用户输入的体验。 为此，我想到了padding, 即内间距。 通过设定style{ padding:5% }, 使得文本上下内边距变大，所以文本框不再受到软键盘弹出的影响了。 此方法同样适用于其它常见元素，比如按钮。
阅读全文
摘要：问题描述： CSS根据权重对标签作用。 上一个是 ID + 元素， 下面的只有ID， 所以CSS会选择上面的。 如果把下面的声明改成#contentPos #part1, 两个ID的权重大于1个ID和元素的， 后者优先！ 权重基本等级： 行内样式 > ID > class > 元素
阅读全文
浙公网安备 33010602011771号