本文翻译自:https://dev.to/olpeh/javascript-should-be-your-last-resort-5dje 在进行现代化Web前端开发时,使用着自己最爱的框架,有时候可能会情不自禁地用JavaScript解决所有的问题.很多时候这是无意识的,因为你日复一日的开发工作使用的正是JS. 这类似于亚伯拉罕·马斯洛(Abraham Maslow)在1966年描述的情况: 如果你仅有的工具是锤子,那么你就会不自禁地把所有东西都当作钉子. --维基百科:Law of the…
摘要 1.好的代码职责要清晰,javscript不要用来操作样式: 2.API要设计的合理:通用性,适度的抽象(数据抽象,过程抽象),可扩展性: 3.效率问题:用好的.合适的算法(前端程序员要把自己当程序员). 注: 1.学习视频地址 2.ppt地址 3.个人感想: 是我hin厉害的师父推荐我看的月影大大的视频,感觉对于我这个小白来说,真的是一遍又一遍的刷新知识面.我觉得像月影大大这种大佬的思路,我接触之后真的是受益匪浅. 所以我总结出来不仅是自己记笔记,也是想分享给想要成为真正的前端“工程师”…
本以为写个递归函数就可以将js的对象打印出来. 当然第一个想到的估计是JSON.stringify() 这个函数.但这个函数打印到浏览器 显示效果不友好.最友好的显示肯定是 控制台打印咯. 结果尝试打印window的时候,直接挂逼.原因就是对象循环引用. 经过几次修改,还是禁止了window里的某几个属性. function parseObjToString(obj){ var filter = ['top', 'window', 'document', 'localStorage', 'ses…
一些我更愿意在开始就知道东西 利用 Node.js 开发是一个非常有趣,和令人满足的过程, 他有3万多个模块可以选择使用,并且所有的模块可以非常容易的集成入现有的应用之中. 无论如何,对于一些刚开始使用Node.js 开发的的人来说,很容易碰壁,在这个文章中,我会提到在你学习过程中遇到的问题. 贴士 1: 在开发环境使用 nodemon, 在生产环境使用pm2 当你第一次开发Node.js应用的时候,其中一件事情就是一次又一次的运行[file].js 就和揭伤疤一样. 当我第一次开发的node…
基于jquery.bootstrap数据验证插件bootstrapValidator教程 bootstrap:能够增加兼容性的强大框架. 因为项目需要数据验证,看bootstrapValidator 还不错,就上手一直,完美兼容,话不多说. 需要引用css: bootstrap.min.css bootstrapValidator.min.css js: jquery-1.10.2.min.js bootstrap.min.js bootstrapValidator.min.js (下载实例)…
看几天的javascript面向对象和基础等之类相关javascript的知识,因为自己是写php的,也写过java,所以想在写javascript代码的时候也能用上面向对象的思想, 折腾了一整天的js继承和封装等,搞得我是吃午饭都想着问题,怎么javascript代码能够如此松散呢?眼看就要下班了,加班到如今不知怎么滴就弄了这样一个js代码模板,想以后每一个模块都这样写.大了就各个功能对象提炼出来,如验证的.语言包的. 好了,废话不多说,菜鸟一个,代码没凝视也不完整,高手留情指点: reg.h…
目前还未完成的功能有:textarea高度自适应,移动端与pc端都写了.效果如图: html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <…
想简单等运行一段js代码,以前可能会新建一个html 里面包含script标签,或者引入一个js,然后chrome浏览器打开.这样很麻烦. 想再console控制台写,也不方便,换行处理麻烦. 基于在线开源的codeopen.io,https://codesandbox.io 之类的又太重. 那么可以直接在chrome浏览器里面新增js代码:…
贴士 1: 在开发环境使用nodemon,在生产环境使用pm2 当你第一次开发Node.js应用的时候, 其中一件事情就是一次又一次的运行[file].js 就和揭伤疤一样. 当我第一次开发的node app时候,这个让我感到异常挫败和痛苦, 尤其是每当我修改很小东西的时候需要control+c幸运的是我发现了一个非常棒的工具Nodemon. 你可以利用以下的命令来安装 npm install -g nodemon Nodemon 是一个令人惊叹的工具, 当你全局安装它以后, 可以通过 node…
所以遇到下拉框默认选择的情况,用php写比较方便一些 <select type="text" class="form-control_2" name="years" id="years" > <?php $year = date('Y',time()); for($iadd=2005;$iadd<=2030;$iadd++){ if($year == $iadd){ $selected="se…