前端的思维方法
文章平均质量分 65
周行知
如果仅仅死记书本上可以翻到的东西,什么事件啦、人名啦、公式啦,等等,根本就不用上大学。这也就是说,一直以来学校教育教给我们的主要是知识的教育,而非思维的教育。所以,我们的思维也需要接受训练,一种可以让一个有许多知识的头脑变得更为灵活、更富创造力的训练。
展开
-
怎样解决支持同一元素句柄可以绑定多个监听函数问题?
问题描述:支持同一元素句柄可以绑定多个监听函数我们来分析这个问题,看下面的例子:这里我们得理解1)同一元素是意思?2) 绑定多个监听函数?如下面例子window.onload=function(){//1个监听函数 alert("1");}//没有输出结果window.onload=function(){/2个监听函数 alert("2");转载 2017-08-25 04:48:39 · 828 阅读 · 0 评论 -
深入浅出jquery中tab选项卡之常用方法siblings用法
我之前说过,我在写tab选项卡这一思路上遇到closest用法问题上,今天我还是想谈谈关于jquery中tab选项卡经常用到的方法-siblings的用法我还是以实验的方式来帮助大家理解,因为牛顿曾经说过,例子比概念重要,先看我的第一个实验 Hello Hello Again And Again$("p").siblin原创 2018-01-07 16:39:37 · 838 阅读 · 0 评论 -
jquery中closest的用法
前些天在做前端移动端遇到tab选项卡中别人写代码用到closest,不知道什么意思,于是查了下手册,意思写得很抽象,于是我便自己做一个测试,基本理解他的含义,现在分享给大家首先我做第一个实验 引入jquey,写入demoul,li,span{ display: block;border: 2px solid bla原创 2018-01-07 16:03:17 · 1366 阅读 · 0 评论 -
怎样解决 [Vue warn]: The computed property "count" is already defined in data. 报错问题?
最近在写vue项目时候发现一个项目中报如下错误vue.esm.js?5425:578 [Vue warn]: Property or method "counit" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in th原创 2018-01-06 18:06:04 · 32856 阅读 · 2 评论 -
es6去重数组的思维方法
假设这里有一对数组[1,2,3,4,5,6,2,3,4,5,6]我们有一个需求就是把它变成[1,2,3,4,5,6].我们怎样实现这一问题的答案呢?首先得思考我们es6什么方法可以实现这一功能?没错map,那map如何用得呢?表达式如下[1,2,3,4,5,6,2,3,4,5,6].map(function(){})这时我们得思考把这个过滤后的数组放入一个对象中,所原创 2017-09-13 08:02:47 · 881 阅读 · 0 评论 -
运用波利亚的怎样解题表来解决事件绑定问题
波利亚曾经在怎样解题表中,为了解决这个问题,你是否可以解决一个与此相关问题?而解决与此相关问题你是否可以引入一个辅助元素首先我们运行一下下面代码:html部分: 测试divjs部分:window.onload=function(){原创 2017-09-02 19:10:13 · 646 阅读 · 0 评论 -
由星座判断引发我对vue.js的思考问题的模式的基本启示
你是否知道一个与此有关的问题?你能否解决一个更容易着手问题,波利亚提出这种探索方法不仅适应于数学,而且适应前端。原创 2017-09-02 08:44:44 · 537 阅读 · 0 评论 -
如何理解e.clientX和e.clientY e.screenX e.screenY
别人老是说e.clientX和e.clientY是可视区的坐标,后来我通过测试发现e.clientX和e.clientY的坐标是你打开浏览器不是有一个方框吗?你可以用鼠标直接点到他的最左边看它是不是0,如果是则说明是鼠标点击的地方与浏览器左边的边界线的距离。你再点击浏览器左上角你看是不是0,0如果是说明clientX与clientY就是鼠标点击的地方与浏览器左边,顶部的边界的距离。原创 2017-09-01 13:36:52 · 1498 阅读 · 0 评论 -
关于思考鼠标事件对象的按钮事件的跨浏览器的思路分析
首先我们看一段代码:window.onload=function(){ document.onmouseout=function(evt){var e=evt||eindow.evtalert(e.button);}};当我们点击鼠标时,我们发现ie返回是undefind,那么如何解决这个问题?第一步 我们肯定要设想如何兼容这两大浏览原创 2017-09-01 12:33:14 · 291 阅读 · 0 评论 -
深入理解变量 作用域 内存
变量这个概念其实说简单也简单,说复杂也复杂。特别是再内存的角度来理解这里我运用类比的方法来帮助大家理解:1) 我们暂且不管堆内存和栈内存是什么? 我们把房间比作堆内存 房间号比作栈内存2)定义 引用类型是堆内存中对象 基本类型是栈内存简单数据段3)这句话如何理解? 4) 代码 var home=12;//这代表房间的门牌号是12原创 2017-08-28 04:19:51 · 291 阅读 · 0 评论 -
李炎恢的bootstrap项目实战首页内容下思路解析
底部做法与思路比较简单1. 直接用footer标签做一块区域阿里巴巴集团|淘宝网|天猫|聚划算|全球速卖通|阿里巴巴国际交易市场|1688|阿里妈妈|阿里旅行 · 去啊|阿里云计算|YunOS|阿里通信|一淘|万网|高德|UC|友盟虾米 | 天天动听 | 来往 | 钉钉 | 支付宝关于淘宝合作伙伴营销中心廉正举报联系客服开放平台诚征英才联系我们网站地图法律声明© 2003-转载 2017-08-27 20:03:39 · 1209 阅读 · 0 评论 -
李炎恢bootstrap写首页内容上思路解析
关于利用bootstrap做一张图片对应一段文字,这是李炎恢思路是一生二,二生三,三生万物的思路第一步 做一个大盒子,这好比修房子,你要划出一块区域给我第二步 在这个大盒子里面做四个盒子,为什么这么做?因为李炎恢把图片与文字看做一个整体,然后再两两独占一行,因为栅格系统是屏幕分为12列,所以两两独占一行的就jiu就是12/2=61234转载 2017-08-27 16:43:15 · 501 阅读 · 0 评论 -
李炎恢bootstrap做轮播器的方法与思路
第一步 html布局1)做轮播器的一个大的div,并命名它的id如下:2)做轮播器的页码部分1233)做轮播器的两边的箭头或者·下一页·上一页·123 上一页·下一页第二步css布局第一步 先干扰我们布局的图片做起,使其图片隐藏:1)将div的class直接设置成ca转载 2017-08-26 20:51:50 · 470 阅读 · 0 评论 -
bootstrap中button在data-toggle="##" data-target="xxx"没起作用的解决方法
例如·今天我遇到bootstrap点击button没有弹出下面无序列表代码如下: 首页案例资讯关于 找不到错误,后来把放在前面就解决。原创 2017-08-26 18:55:53 · 11111 阅读 · 4 评论 -
bootstrap关于文本对齐的用法
与css文本对齐进行对比:css文本对齐是用text-align:☑ 左对齐,取值left ☑ 居中对齐,取值center ☑ 右对齐,取值right ☑ 两端对齐,取值justifybootstrap文本对齐是这样的: ☑class="text-left"//左对齐 ☑ class="text-center"//居中对齐 ☑ c转载 2017-08-25 23:15:21 · 10521 阅读 · 0 评论 -
vuex怎么使用
概念vuex其实这个概念在文档中很难准确理解,而它本身就是一个公共的数据仓库,有什么用?例如你在登录百度页面时,你的登录状态,你在百度贴吧页面的登录状态与你在百度百科页面的登录状态实际上是一样的,这说明你需要一个公共的仓库来存储它,所以vuex基于此实践怎么用?第一步 cmd进入到你的项目目录,并且输入命令cnpm install vuex --sav原创 2018-01-29 10:56:46 · 4902 阅读 · 2 评论