input宽度自适应？
很多时候文本框输入的内容是不固定的，有时候输入的内容多一些需要宽一些有时候输入的内容少一些需要窄一些，所以需要设置input的宽度自适应。工具原料：编辑器、jQuery1、解决宽度自适应的思路是使用jQuery来监听输入事件，进而进行动态的改变input的宽度，实现input宽度自适应的效果。2、首选获取文本的宽度，利用pre 元素可定义预格式化的文本，被包围在 pre 元素中的文本通常会保留空格和换行符;而文本也会呈现为等宽字体，简单的代码示例如下：
var textWidth = function(text){ var sensor = $('<pre>'+ text +'</pre>').css({display: 'none'}); $('body').append(sensor); var width = sensor.width(); sensor.remove(); return width; };
3、根据以上获取到的文字的宽度来给input绑定事件动态改变宽度，简单的代码示例如下：$("input").unbind('keydown').bind('keydown', function(){ $(this).width(textWidth($(this).val())); });
web前端初学者如何系统学习JavaScript？
本人做前端开发有一年多的时间了，前端技术简单说就是html，css，javascript，确实javascript在这里面占据主要位置。所以看到这个问题想简单发表下自己的想法。这个回答主要针对刚学习前端的朋友和入门前端了想深入的朋友。
前端技术现在发展很快，大家可以看到，几年前会一个jquery还可以走天下，今天好像必须要会一个vue或者react或者angular，配套的还需要掌握webpack，git，node等等相关知识。所以有一些朋友说前端是不是发展不大了，是不是要学习python，go语言了，我的看法是前端相对于来说入门还是比较简单的，但是相比以前来说，现在的前端入门门槛高了，需要掌握的技能多了。而从这些技能，框架来说，javascript有属于核心，UI框架属于借用JS书写的框架进行二次开发，增加样式效果。今天的javascript还不仅仅可以使用在前端上面，还可以应用在后台，区块链，数据可视化，游戏，好看的h5动画，机器学习，区块链等等方面。而且一门语言学会了，在学习其他的语言也好学习。
刚开始接触起那段的朋友可能对window是什么，document有什么用都会有疑惑（js学习多结合浏览器），所以如果你没有什么编程经验，开始学习的时候，可以简单的了解什么是对象，函数，循环，变量，数组等等这些。在心里有个概念长什么样子，虽然不能完全记住有什么属性，但是常见的几个使用方法应该记下来，像数组for循环，push，shift，对象取值，获取key，value，存储的地方堆栈，等等。虽然现在单页面应用盛行，但是我仍然建议你可以学习下jquery，实现各种dom操作，实现几个功能，这是对比着原生js，document获取元素，queryselecter获取标签等等。
因为小编本身没有那么聪明，开始学习js的时候也只是个大概，我是从实践中慢慢逆向去认识js的东西的，而时间的方式就是框架的使用。很多人都是会用框架操作，但是框架怎么来的，没多少人知道。所以当你做了几个东西，知道什么是什么的时候，就可以逆向学习，你会明白js的事件队列，宏任务微任务，ajax是怎么回事，axios又是什么。当对js有了认识之后，再去了解vue，react这些框架怎么实现的，你就会有一种豁然开朗的感觉。当然也有很多朋友开始的时候就对js或者语言，计算机运行有自己的了解，所以在有限的学习中，可以学到了解很多，但是不好意思，小编的能力还不够。
其实这两年js标准出了很多了，但是真正实质性的是es6。es6不是一种新语言新语言，而是一种新标准，类似于html5，增加了类的功能，for in，for of。const ，let变量处理方式；箭头函数，解构赋值等等好几方面（具体可以网上搜索阮一峰老师的es6博客），而es7 es8这些也只是在其基础上简单的小改动。es6的出现大大简化了开发，减少代码量，提升了性能。再配合上vue，react这些框架，对前端开发人员来说真的是福音。所以这对一些前端开发者来说，效果弄出来就行了，还有现成的UI框架，该下班就下班，该玩就玩。其实这个时候更需要我们花时间了解深入学习这些框架的由来，我觉得光看文档讲解js的知识，感觉很虚，只有在实践中才能更好地理解（当然这是小编的想法）。当使用了一段时间框架，你就会自然而然的去了解数据绑定怎么回事，监听是怎么实现的，父子组件通信又是什么。类可以用来干什么，怎么简化书写更好的封装。
现在TS很火热，js的超集。我之前自己看过java，所以用了ts之后，发现很多都是相通的，什么是接口，什么是实现。他可以实现更好的团队开发，js的检查效果更好（我的理解也不是很深刻，没有用到太多）。vue3版本也还会使用ts开发。所以今天的前端生态很成熟，值不够东西很多，前端直接面对用户，所以更要求体验，代码的简单。现在网上的资料也很多，大家可以多多学习，小编也在学习之中。
以上就是小编的愚见，淡然写的还不完全，如果有什么缺少的，欢迎更为朋友补充，小编还有些学习资料，如果有需要可以留言，百度网盘。建议大家也多多学习，看文档，小编会在掘金上面学习，希望对你也有帮助。谢谢阅读，一起进步。