今天继续,JS的数值转换。这里面的坑啊, 真是太多了。...JS有三个函数可以把非数值转为数值: Number(); parseInt(); parseFloat(); Number()可以用于任何数据类型。换言之,什么都可以往里面放。...--够乱的啊。。 接下来是parseInt(),主要用来处理整数的。它忽略字符串左边的空格。如果第一个字符不是数字或负号,它返回NaN; 就是说,parseInt()转换空字符串,返回NaN。...这也是JS的坑啊。不知道这些东西,用JQ习惯了,再用原生JS很难写的圆满。 parseFloat就比较好了,这货只解析十进制,其它不认。...JS的数值转换这块,我得好好再复习复习,,面试题的坑这里有许多。 重学javascript 红皮高程(6)
什么类啊,面向对象啊,抽像啊,继承啊,父子类,设计模式等等。上周日的先行者群视频,有同学连参数传递的顺序都还搞不清楚呢。所以我说不要一上来就步子太大,容易。。。...这样只是为了拆分而拆分,搞的JS那么复杂,即没有单个模块的易于维护,也失去了组件型模块的可复用性。 从这几次的作业来看,许多同学只是把功能实现了。但是JS书写格式都没有完全掌握。...写出来的JS代码格式很不规范。没有分行,没有分作用域。不客气点说,就是很烂。...接下来我放几张作业的截图,给大家看看这些不规范的代码是什么样子,被我截图的同学也不要不开心,如果真的不开心就留言给我,下次我放别人的哈。 ? 这个配置里,avatarsrc,这是个什么词?...我在先行者周日群视频里,无数次的说过,针对具体DOM的JQ选择器,不要用".",要用"#",它们俩在JQ的效率上有区别。 注释不对齐是怎么回事? ? 圆框里这种乱成一团的东西是什么?
官网对Vuex的定义,"Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。" 恩,从这句话可以看出,它应该是一种编写js的思路,并不是一种新的技术。...那么放哪了呢?你可以暂且认为这是一个全局变量的套路。 我们说,一切工具都是为了需求服务的。 现在看来,这个vuex就是为管理"状态"而服务的。 那么vuex要管理的,这个状态是什么?...可能有同学会说,这就状态啊?这其实都是事实啊,你说是状态;我还说是事件呢?咱俩都没说错。 vuex就搞这些啊,那我自己写个全局对象一样能搞啊,还用vuex干嘛。 事实确实是这样。...但它有二个问题, 1,jq这种方式,它的状态是一对一的; 2,它的整个应用的状态是分散的,没有集中管理; 这是jq为代表的这种前端状态管理的问题和局限性。 ... (省略) ..
于是乎,我就问后端,你返回给我的数据里面没有统计总数啊不能返回给我么? ?...存在 header 里面? ? 呵呵,此时后端嘲讽我 『只是你不懂怎么用 header』 ? 问我是 js 么?...你刚才不是 振振有词说 为什么别人可以你不可以吗? 那你 tm 如果不按照我说的去配置,你 tm 取给我看看? 你自己说的话,是不是啪啪啪打脸? ?...说了这么多,你就是不愿意把分页放在 response .text 里面是吧,坚持放 header 里面是吧 ?...request.headers里面 告诉你 page 就在那,你爱取不取,我 tm 就是有情绪了,咋啦, 你不是说我不懂 headers 么,还 tm 要教我 js?
这几年,前端开发确实是火的不行不行的, 工资也动辄十几K,几十K的, 而且前端入门的门槛确实也不高, 无非是三大块:html / css / js, 这三块里,你搞懂任意二块,就够你吃穿之用了, 但如果只是这样...它还能变成个猴啊? 当然不能,, “无限可能”,我自己的理解就是说,你把它放在哪里,它就在哪里运行。...)放哪?...这就是前端真正火的原因(我以为的), 在这个思维下,前端的框架被泛化了, 以后啊,也许所有可以显示的地方,都算前端了, 什么电冰箱啊,微波炉啊,空调啊,, 这,这不就是物联网么, 眼之所见,皆为前端。...按下来的步骤来: 先学好html / css,然后用js || JQ实现一个一个的小效果, 然后把这些小效果连接起来,就是实现一个完整的功能了。
看来是 JQuery 的问题,要不就是重复加载 JQ 冲突了,要不就是没加载成功,进一步查看源代码: 头部已加载 JQ: ? 赫然发现底部也加载了 JQ: ?...看来是插件未判断 JQ 环境,就强行加载导致了冲突! 二、着手解决 网上随便搜了一把,就找到了避免 JQ 重复加载的方法。...查看下源代码,发现不但之前底部加载的 JQ 没了,而且插件相关的 JS 也都没了!原来上面的代码是禁止所有由 wp_footer 函数输出的 js 啊??...关了第一层,里面还有第二层......真是不容易啊.... 值得注意的是,JQuery 请使用 1.7~1.8 左右版本,太高版本中可能会缺少知更鸟主题部分所需功能。
他学习还是很努力的,作业啊,日志啊,签到啊,都不落下。 昨天他问我这个问题时,我当时已经喝多了,晕晕的回答他说, 建议你分成二部分来看待,,JS做为基础,一定要一直不停的看。...就是遇到原生JS的知识,就看看。尤其要注意面试类的相关原生 JS知识,因为面试的时候,一定会问。 jQuery部分做为工作技术来看待, 一,可以从各种小例子入手,多做多练。目的是熟悉JQ的各种用法。...二,有空时看看JQ的源码类的分析文章; 三,看看github,自己也搞一个,并且用它搞个个人网站,把许多CSS3的效果,与JQ一起使用。...前端其实就是用js来控制dom和css,先做到上面这些,找工作应该是没问题的。 注意,用JQ做不同的例子,至少100个以上。...展开来说的话,js & jq基础知识都OK了,接下来干嘛? 一,分类型的多分析、研究不同的网站,电商类的,交互类的,展示类的。它们是如何组织网站的,前端与后端的分界在哪里?
答案就是在script里写,这个就是专门存放js/jq/vue.js等语言的地方,死记硬背吧,这个script里就是俗称的 bom区域,就是browser的首字母。...首先我们想控制这个 div和它里面的东西,就需要知道它的id,比如图里id是"app",如果没有我们就自己写一个。...现在我们学到了这个el,知道了它就是用来绑定不同的元素块的,他里面写#+元素块的id 就是绑定了。...(这个#实际上是借用了jq的选择器写法,代表用id定位,等价于js中的getElementById,不过我们没必要理解这么深刻,浪费我们精力,死记硬背,这个el的值就是要#+id即可。)...注意图中的这个data属性,它是个大括号,里面都是key-value这样 一对一对的。 那么,这个data是干哈的,大家应该猜到了,没错,就是专门给这个元素块 放各种变量数据的一个仓库而已。
项目中经常遇到 checked 选中的问题,可以通过 JS 或者 jQuery 实现。...1、JS 方法 判断选中: var check = document.getElementsByTagName('input')[0]; console.log(check.checked);//false...取消选中: // 设置元素为选中状态 check.checked = true; // 设置元素为未选中状态 check.checked = false; 2、jQuery 方法 判断选中: (1)、JQ1.6...版本之前(不包括1.6版本)判断 checkbox 是否被选中用的是 attr() 方法,HTML代码与上面相同,只放 jQuery 代码: console.log($("input[type='checkbox...']").attr('checked'));//false 不要想着在JQ1.6版本之前使用 prop() 方法,只会报出 $().prop()is not a function 的错误 (2)、JQ1.6
先来看看首页目前的样子: 仔细看可以发现,右侧和底部都留有大块的空白,而其中的右侧空白 慢慢会被这些个条形统计图充满,我们不必担心~ 底部留白我们可以放一些 扇形统计图作为装饰。...试想,你们公司的app 首页,放的不是用户的个人信息,个人浏览记录,个人兴趣推送。而是这个app的总体数据如一共现在多少用户,每个功能使用了多少次。这样是不是很别扭???...就是谁说学vue就不用学js了?开玩笑呢?vue的很多methods 都是要用js来写的。而且如果你不想做的很简单,一点复杂交互都不会的话,那就必须要学好js。...有的前辈用css + js硬写 有的用jq样式等 有的用bootstrap系列 有的用elementUI 还有的自己写各种样式组件 还有的用公司的统一风格的样式组件...我挑选了一个不错的 jq组件, 一进入页面的动画效果也是很让人喜欢。
先说结论啊,从我的教学经历和效果反馈来看,零基础新人学习web前端开发,还是需要学习jQuery的。 为什么呢?因为, 一、jQuery对新人很友好,不需要理解很多的思想、理论、模式。...如果没有学习jq的话,就会跳过许多手动操作数据的步骤过程。这对于加深前端开发的理解没有好处。...可以看到,每个交互操作的每个数据都需要手动的去维护,只是js的部分就将近300行,这还只是一个教学项目,而且还不包括100多行的购物车模板, ?...众所周知,购物车是最复杂的一个模块,里面各种逻辑、需求纵横交错,相互影响。 但是,同样的一样购物车模块,如果使用vueJs来开发,是这样的, ?...web前端新人的最大的短板,其实不是什么js语言、工具之类的东西,而是对于业务逻辑和需求的分析和理解,而你使用jq手动操作每一个细节时,已经在事实上拆分了所有的需求,并实现了按逻辑关系实现了这些需求。
“我都有点动摇了,我原来还总鼓励他们别放弃,搞一阵之后自己也有想法了” 我在微信是这样回复他的, 其实你细看,前端变的都是上层建筑,什么vue啊,react啊,这那的,,但这些框架都是对原生js的再封装...只要你原生 js很ok,那么你学习新框架是很快的。就例如我,我原生 js很ok,所以我学什么新的框架,都很快。一个新框架出来,无非是一套新js语法而已,核心还是那些。...你看jq,它的源码核心是call、prototype和单例。vue和react,它们的源码思想是观察者模式,搞的mvvm结构。你看redux和vuex,说什么数据啊,状态管理。...前端无论怎么变,永远只有一个js,其它的那些东西,都是在js的基础之上,再封装。jq解决dom兼容性,vue,react解决dom操作,但根上呢?...说什么操作数据,操作状态,你再往里看,还是js操作dom... 后端有后端的好处,学会一个j2ee可以吃很多年。但前端最大的优势在于,只要你比别人快,你就会有很大的优势。
搬好小板凳,接下来,正文从这开始~ 在上篇的众多留言中,有位网友的评论比较具有代表性,摘出来供大家一阅: “ 同感啊楼主 比如做tab的时候,以前jq就是切换一下class,现在vue是切换数据,再根据数据显示...class,这弯绕的啊 ” 当然,有评论就有回复,请看下面这位网友是怎么回复他的: “ 哪里绕弯了,只要记着数据驱动dom,习惯就好,这种模式才比较适合页面dom变化渲染,只是之前被jq带的根生蒂固 ”...在这里,闰土有句话想送给刚从JQ转变思路过来的同行们: MVVM时代,数据映像了DOM世界,一切以数据为核心,正如同数学可以描述世界一样,你只需要考虑数据或者状态即可。...俗话说,在js里面一切皆对象,那么vue里面,则是一切皆组件,能用组件实现的,终将被组件实现。...然后对应的代码在自己的标签里面各司其职,所有需要的html、css、javascript都在里面。
image.png 作为一个加入刚刚加入WEB前端行业的新人,所面对的情况不再是以往那种先学HTML,再学CSS,然后再学JS,最后学jQuery,挣钱。...不要看有人说JQ旧啊老土啊,你就人云亦云的不学JQ,要认清一下现实,“在可预计的将来几年,它还将一直流行下去”,因为它有一个最大的优点,“简化”。...它简化了JS的许多操作,而且它不是一个排它的JS库,bootstrap,React,Angular,Vue等,都可以和它集成使用。最重要的是,在许多情况下,只JQ就足以解决你绝大多数的开发问题了。...所以学习JavaScript差不多的时候,就应该开始学习ES6了,并且是边学边用,不要把ES6当做一个新的技术来学习,而是把它当成JS的一种升级写法,虽然事实上也是如此。...React的什么routing啊,flux之类的,能把例子写通,能说清楚,即可。切记此时不要钻的太深,关键在于React的知识面的广度。 这三步走完,基本上就可以开始找工作了。
" charset="utf-8"> 接下来,我们需要专门做一个div,作为这个新增页面,里面放一个form。...4.还是jquery的ajax香啊 没错,还是用ajax,我不打算用axios,既然有jquery,那就用jq的ajax吧。... 到这一步,就要提交数据了,一个typeName是我们自己填写的,不管了直接提交上去吧,就用ajax。...但是抵不住我的热爱啊。 哦对了,顺带提一嘴,add方法要添加这么一段逻辑。...贼爽啊。 5. 重新加载菜单 现在我们的菜单是写死的,当然不行啦,我们得用后台真实的数据,不要怂,盘他!
对比js和jq: <!....children()选择元素的所有子元素 括号里面放具体的哪一个子集。... box1里面的...p has box2里面的p find ...class=“aa bb cc”如果括号里面不填类名,会删除所有类名,如果填了类名,就删除指定的类名。 toggleClass() <!
js对象对象不能调用jq对象的方法 jq对象与js对象的联系(jq对象其实就是js对象的一个集合,伪数组,里面存放了一大堆的js对象)(宏观上) jquery对象能不能调用DOM对象的方法 DOM无法调用...//3. jq对象与js对象的区别 //js对象对象不能调用jq对象的方法 //var cloth = document.getElementById("cloth..."); //cloth.text("呵呵"); //4. jq对象与js对象的联系(jq对象其实就是js对象的一个集合,伪数组,里面存放了一大堆的js对象)(宏观上)...区别:js对象与jq对象的方法不能混着用 //5....jq对象 区别与联系 区别:js对象与jq对象的方法不能混着用 联系: DOM–> jQuery
js对象和jq对象互相转换:(js对象和jq对象不是一个东西,不能互相调用彼此的方法,有些时候只能的js对象但是需要用到jq框架里面的方法这时候就需要使用以下方式将js对象转成jq,同理有时只能得到jq...对象但是需要调用js对象里面的方法,所以需要使用以下方法把jq对象转成js对象) //js获取对象的方式 var js = document.getElementById(“d1”); //jq获取对象的方式...var jq = $("#d1"); js转jq: var jq = $(js); jq转js: var js = jq[0]; ###选择器 基础选择器 用法和css中一样 id选择器 $(...("i1"); //js对象转成jq对象 var jq = $(js); //jq.val() 获取文本框的值 alert(jq.val()); }); $(..."#b2").click(function( ){ //得到js对象 var jq = $("#i1"); //jq对象转成js对象,jq对象实际上就是一个数组 var
写博客 先删除博客的内容,博客放在_post,里面都是我的,你可以保留一些博客,如果怕不知博客格式。关于博客格式在后面会写。...文件夹主要放的是功能的东西,可以是播放器,或者评论还是flash 做完之后我们还需要写摘要和其他信息,我的模板使用的区分摘要是 <!...添加目录 首先添加 jq,建议使用百度的,他的比较快,链接是 http://libs.baidu.com/jquery/2.0.0/jquery.min.js 其他的可以到这个网站下 http://www.jq22....com/cdn/ 添加的 jq 放在 Head ,当然看到这里,相信你也是有前端技术,知道一点知识,head在哪我就不说啦。...首先添加这个代码,于是就可以在代码使用 jq 。
对于zepot.js来说,我不是很熟悉,其功能也远远没有jQuery来得强大。因此,决定使用jq实现。问题是,jq是没有这个事件的。于是,百度之。...找到jquery.touchSwipe.min.js这个插件。 官方文档全部中文,实在看不懂。看示例吧,也没看懂。我嘞个去,对不起当年的英语老师啊,恨不能回炉再造啊!!
领取专属 10元无门槛券
手把手带您无忧上云