前端的一些经验

1)如果需要在文本区中当最大长度达到了,想显示后面输入的内容时,可以利用如下函数设定scrollLeft的值

function srcollToEnd() {
    expression.scrollLeft = expression.scrollWidth - expression.clientWidth;
}

原理如下:

2)当我们双次或是多次点击双击某些div/span/p的时候不选定当前内容,时可能导致无法选定当前对象的情况,而出现选定了一大片,形如:

可以用如下的函数来消除这种问题

document.onselectstart = function() {
    return false;
}
时间: 2024-08-10 21:28:46

前端的一些经验的相关文章

【转载】web前端开发学习经验总结

原文链接 web开发大概分为前台和后端,前台又可以分为美工,交互设计,js编程.后端了解不多,前端的话,可以按如下思路系统学习: 基础知识: 1. html + css.这部分建议在 www.w3school.com.cn 上学习,边学边练,每章后还有小测试.之后可以模仿一些网站做些页面.在实践中积累了一些经验后,可以系统的读一两本书,推荐<head first html 与 css 中文版>,不过这本书讲的太细了,我没能拿出耐心细读. 2. javascript. 要学的内容实在很多,如果没

关于前端大厂面试经验分享

前言 2年工作经验的页面仔,最近参加了几家杭州大厂的面试,顺利的拿到了自己心仪的offer,积累了一些高频重点面试题,记录给有需要的同学们. 我把面试题归纳整理分为两类,一种是基础试题: 主要考察前端技基础是否扎实,是否能够将前端知识体系串联.一种是开放式问题: 考察业务积累,是否有自己的思考,思考问题的方式. 基础题 题目的答案提供了一个思考的方向,答案不一定正确全面,有错误的地方欢迎大家请在评论中指出,共同进步. Q: 怎么去设计一个组件封装 1. 组件封装的目的是为了重用,提高开发效率和代

网站前端_JavaScript-项目经验.纯JavaScript实现客户端的分页功能?

项目简介: 说明: 此项目属于医院电子病例系统,由于历史原因,整个系统后台基于Java开发,前端使用Html+CSS+原生JavaScript,项目功能模块要求必须纯JS实现,而此次的任务是为住院病例页面编写一个客户端分页功能. 实现思路: 1. 基于客户端分页的前提是数据已经加载完毕,所以此功能模块必须等待数据加载完毕后再加载 2. 基于客户端分页的首页只需要显示24个患者信息即可 3. 上一页/当前页/下一页功能类似,基于当前页面传递同样的参数(页码, 限制患者数),所以自然而然想到了递归,

WEB前端优化一些经验技巧

引言: 1. 慢的页面可能会网站失去更多的用户. 2. 慢500ms意味着20%的用户将放弃访问(google) 3. 慢100ms意味着1%的用户将放弃交易(amazon) 前段时间偶然看到网上的两篇关于前端优化的文章,其中大部分技巧都来自Yahoo的优化原则,这里是对两篇文章的摘抄和总结. 减少Http请求 一般来说,我们从变化性上把数据分成两种类型,变和不变.那么不变的数据可以缓存,变化的数据不能缓存,这是一个常识,也就是说要减少我们的 http请求次数这个目标可以转换成把数据分为变化和不

web前端页面项目经验总结

项目时间:2016年4月5日--4月9日项目名称:阿七果子园web前端页面项目内容:    1.HTML5+CSS+JavaScript(banner+timer)+JQuery(small_banner)+引入(jquery-1.4.2.min.js):    2.2天完成页面架构,2天添加特效,半天查看.检查.配兼容问题,半天总结整理:    3.期间遇到问题,自己网上查资料,最终解决:    4.寻找合适的js效果时,用时太久,而且有些不适合,不过最终都配到合适的:    5.写代码时,一

前端技术学习经验分享(第一天---布置学习环境)

我相信有很多朋友因为学习而烦恼,有一定计算机语言基础的同学还好,通过各种渠道,比如视频,书籍,笔记的方法可以自学,提升自己的能力,但如果是零基础的同学想要入行,自学就变的难如登天了,大学毕业以后因为各种私事,公事,杂七杂八的事总能扰的我们心神不宁,没办法平心静气的学习一门与自己毫不相关的一门新知识.最后不得已而参加了培训机构... 下面我会总结培训的优势与劣势,并于大家分享我自学的经历. 先说上培训的几点好处吧: 第一.培训可以认识10--50个同学,相熟的成为朋友的可以有3--5个,这是我们很

关于大型网站技术演进的思考(十九)--网站静态化处理—web前端优化—上(11)

网站静态化处理这个系列马上就要结束了,今天我要讲讲本系列最后一个重要的主题web前端优化.在开始谈论本主题之前,我想问大家一个问题,网站静态化处理技术到底是应该归属于web服务端的技术范畴还是应该归属于web前端的技术范畴,要回答清楚这个问题我们要明确下网站应用的本质到底是什么?网站的本质其实就是BS,这里的BS我没有带上架构二字,而就是指Browser和Server即浏览器和服务器,而网站静态化技术的作用目标就是让客户端即浏览器的用户体验更好,但是如果我们想让网站在浏览器上运行的更快,在更快的

【前端之路】这世上哪有一路鲜花的康庄大道

一:程序员基本功 1:数据结构+算法  (acm/icpc/oj ) 2:离散数学,数字逻辑,线性代数,概率论,数理统计(学堂在线,mooc) 3:计算机组成原理,操作系统,编译原理 二:语言基础 1:html(html5网页游戏开发,微信游戏开发) W3Schools-HTML(英) , W3School-HTML(中) <HTML5高级程序设计 > 2:css(css设计基本功,css3动画) <精通CSS> <瞬间之美 ><网站重构 ><CSS禅

【项目总结】扯一扯电商网站前端css的整体架构设计(1)

最近半忙不忙的写了一个外包网站,网站主要功能是艺术品竞拍和艺术衍生品的销售.工程已经完成了80%左右,现在前后端代码量已经50W行左右,我主要负责的是前端设计和前端布局.下面就先放一个网站的设计图吧,因为涉及到甲方的"商业机密",所以打一下马赛克: 这篇文章主要算是我对于这个项目的总结或者说是对于这阶段自己看的一些前端书或者经验的一个总结吧,所以设计图就不贴那么多了.整个项目的设计图由最开始的ui定了个首页稿基调,剩下的界面大部分都是我在首页稿基础上做出来的,以后有机会再唠.PS:不过