温馨提示:视频链接请点此观看 // 视频原文: 今天的话题,“一个零基础的人,如何通过自学,在二个月内学会前端开发?” 学习js,应该是三个阶段: 1,先搞清楚js的一些基础知识;(一个月,周一至五每天写几个) 找一些例子,多写一些demo,用途和目的,是为了给自己建立起, 基本的需求分析的能力。 多写一些例子,你就有了“思路”。 就是给你一个任务,你知道该怎么去着手去写。 有些同学,面对js的实例,不知道该怎么去写,怎么去学? 陷入了一个怪圈,就是“不断的再找新的例子
编程思想,这四个字博客精深,学起来近乎永无止境。例如JAVA编程思想,用了砖头那么厚的一本书,就为了写明白这四个字。 那编程思路呢?范围就小了许多。今天咱们聊这个的原因,还是那个老问题,学了半天JS,
(今天又喝酒去了,所以今晚的文章写的有点飘~~) 从某种程度上来讲,写JS脚本,和写文章是一样的。都是有时间、地点、人物、事件。 时间用Date()获取;地点用this获取;人物用getElementById获取;事件就是on;业务逻辑是它们之间发生了哪些故事。。 把它们之间的故事理清,就相当于是剧透谁爱上了谁,谁背后说谁的坏话,谁是谁的小三,谁包养了谁。。。 那些个if判断啊,三元之类的判断,就相当于是几个关键在故事转折点了。 分析到这个程度上,你是不是已经发现,写JS和写小说的都挺像的呢?没错,虽然用的
之前有同学跟我说过,老尚,我学了html、css、js和框架了,然后接下来我该学什么呢?言下之意,“我得再学哪些东西,才能写出来很牛b、很厉害的前端应用呢?”
总体思路 1、 建立一个js服务,该服务实现通用js文件的加载、依赖、缓存、更新以及复用。 2、 各个项目如果使用通用js,可(bi)以(xu)使用js服务实现加载。 3、 Js服务只提供通用的js,比如jQuery、my97、easyUI等(可根据实际情况设定具体的js文件)。 4、 其他针对特点需求写的js文件,需要自己写代码加载。Js服务可以提供加载用函数。(正在考虑要不要使用sea.js) 5、 Js服务加载的js文件,不需要做任何修改。当然也不负责各个文件里的函数名称是否冲突。 Se
今天StarLabs 发布了他们之前在天府杯上用的adobe pdf 完整exploit,该漏洞是一个 JS API UAF漏洞,利用代码公布在github上,以及利用思路分析文章:https://starlabs.sg/blog/2020/04/tianfu-cup-2019-adobe-reader-exploitation/
说是管理其实就是把常用的一些JS方法,自己保存下来,这样的以后的工作中可以比较方便的使用。 哪些方法可以、或是说值得保存呢?(偏见啊)我自己的主观看法就是一些功能性的,不怎么带逻辑的函数,或是一些常用的方法封装。 例如, 倒计时,封装ajax的get\post方法,浏览器版本判断,邮箱、手机、输入框之类的正则,这些都算是功能性的。 还有一些是扩展型的函数,例如,判断数组,增加、删除数组什么的, 还有一些工具类的,什么复制属性啊,字数判断啊,DOM节点操作啊,轮播广告啊,日期操作 总之,上面列出的那些内容的J
现在的前端框架越来越倾向于隐藏细节,不管是react还是vue都是这样。 说是让你更集中精力在业务逻辑,但某个东西在dom层面到底是怎么实现的?不用你用什么,前端开发不操作dom是不可能的。但现在至少你在使用框架的时候看不到这些了。 好处是前端入门变的更简单,会用框架照着套路写就ok;不能说坏处,不好的地方就是,深入前端变的更难了。因为你要搞清某个东西怎么实现,必须先搞懂这个框架的实现。 从这个角度来讲, 1,前端开发会更加工具化; 2,更有迷惑性。外行以为学会某几个框架就Ok,但学了才知道,根本不是这
这种方法是很多网站最常用的方法,也是最周全的方法,onclick方法负责执行js函数,而void是一个操作符,void(0)返回undefined,地址不发生跳转。而且这种方法不会像第一种方法一样直接将js方法暴露在浏览器的状态栏。
算法题解析,大部分都是使用java,python或者C语言编写的,对前端程序员非常不友好
各位同学们大家好,我是老尚 最近很多同学一直在后台留言问我 零基础web前端开发到底该怎么学呢? 没有思路呀,同学们的需要,就是我的方向 根据我长期讲前端零基础课的经验 我总结了一套【老尚前端方法论】
在我刚开始做前端,写js的时候,这个问题曾经长久的困扰着我。面对一个UI设计图,我的脑子里是一团乱,完全无从下手,当初就是拿到UI图的时候,我看着图竟然走神了。为什么看走神了呢?因为完全没有想法,不知道下手做的起点在哪里。
这是一个JS社区抛出来的问题。第一眼看到这个问题的时候,感觉这似乎是一个无稽之谈,一个变量怎么可能会同时满足俩个条件呢!
新人们找个好玩的来练练手如何?虽然不是专职搞web的做过几个代码简陋,只有几十行然而做出来的感觉甚是开心,也希望各位新入门的开发者可以拿去做个小游戏玩玩看。
image.png 今天在群视频中分享了我自己写的PPT《学习前端的思路问题》,这个PPT主要讲了以下四个问题: 一,前端的核心是学什么? html、js、css 理解前端的工作流程 前端开发,到底是在做什么? 二,你学会JS了,但动不了手是什么原因? 什么程度算是学会JS 不知道这东西怎么用 不知道在什么情况下用什么JS功能 三,解决问题2的思路是什么? 多看某框架的相关信息文章 多关注它的使用场景 明白它是为解决什么问题而生 四,要提升JS,怎么作? 想提升到什么程度? 提升JS的路径 在工作中提升 为
undefined , null, Boolean, Number, String,
上一节写了做一个简陋的播放器,需要的大致的步骤,《【从零开始】用vuejs做一个简陋但好使的播放器(一)》。 其实就是简单的记了一下流水账,这一节咱们来“设计一下它的js的结构”。 设计一个app应用的Js的结构,往大了说,这就是前端架构的设计啦。 往小了说呢,只不过是先在脑子里,或是纸上,把我们要写的Js,按功能先分类归纳而已。 获取数据; 生成列表; 点击歌曲列表,切换歌曲; 公共播放方法; 播放按钮; 暂停按钮; 上一首按钮; 下一首按钮; no
今天是周日,今天晚上20:00的时候,咱们进行了每周日都会有的先行者视频直播课程,主要内容是,通过一个实例,怎么去分析它的需求、设计它的js的结构。
摘要总结:本文介绍了两个动画示例,第一个示例通过vue.js实现了一个简单的弹出层效果,第二个示例使用vue.js实现了标签页切换的效果。通过这些示例展示了vue.js在动画方面的强大能力,同时也提供了两种实现方式供读者参考。
但是,下课之前我说,今天的作业,如何如何要求,格式什么样,标明用了多长时间,然后就有同学在学习群里问我,。。原话记不太清了,大概意思就是,自己写的看不明白了,还得再写一遍呀?
两年前做的一个项目,当时客户的需求还没有完成,客户就提出了解决安全的问题,这是当时写的一个记录,分享到这里。
学习笔记如下: 今天的内容,是拖动窗口。 js的引用数据类型,基本数据类型。 js它有5种基本数据类型: undefined , null, Boolean, Number, String, 这几种
我的博客在导航栏中有一个在线工具跳转,博客中提供了一些比较实用的在线工具,最近两天又添加了一个在线工具,作用是可以查询 docker 官方镜像仓库中指定镜像的版本信息,虽然之前写在线工具的时候就已经掌握了 django + jQuery ajax 的用法,但经过这次的工具更新,我对 ajax 的用法又有了更深层次的理解,所以分享一下我的使用经验。
转载链接http://lizhenliang.blog.51cto.com/7876557/1864869 我的学习心得: 用了小一个月时间写了这个运维管理平台,算是一段学习的总结吧!实现了一些基本的功能,跟生产环境的系统还有很大距离!现在一想其实实现起来没想象的那么遥不可及,可以说用到的技术都是基础的东西,并没有多高深,所以学习起来并不是很难。自己要完成这样的平台,思路很重要,比如数据可视化该怎么展示,数据怎么处理等等。涉及到从前端到后端再到数据库表设计及存储的一系列流程,这些都要有所了解,否则会局限
当我们选择项目分类的时候,一个项目下关联多个模块,同时有这两个选项框的时候,需要实现选中一个项目,模块里面自动删除出该项目下的模块,如下图这种
image.png 各位同学们大家好,今天是4月9号周日,今天我们继续来做“倒计时”这个前端组件。之前我们是使用原生js来实现的,其实更多的只是实现了功能。 这一次我们使用ReactJs来实现它。react本身就不做过多的介绍了,相信真心关注前端的小伙伴们不可能对它一无所知。只提一下它的重点吧,一虚拟dom;二是全组件化。 而我们在日常使用react的过程中,更多的是跟组件化这三个字打交道。一般来讲,组件就是指被封装好的,且有一定功能的ui零件。 而react的思考方式,就是把页面上的每一个部分都按组件来看
js逻辑难? 留言的这位同学是指,true,false,什么 || && ==之类的么?再有什么位运算之类的我用的比较少,每次看完二进制的资料之后不到五分钟就又忘光了。 我对于js不多且有限的想法和理解中,js不管怎么比较,最终结果都是true 或 false,如果复杂的与或非三元位运算搞不太清楚,就先不要搞,先用大片的if else把程序写通。 就写烂代码呗,烂代码写到一定程度,自然就会有提升。我总是跟我的学生们讲,“怕的不是你代码写的烂,而是怕你因为自己代码写的烂而不写代码。” 如果留言中逻辑难
他的作业:“分页组件”React版,写的很好,主要是思路很清晰。本来是想上周日视频课程直播的时候讲一下了,现在只能是放在文章中大概的说说了。先看截图, 很low的UI,不过没关系,在这种时候UI并不
如图,上面是一个同学聊天记录。 这其实就是从未知到已知的过程,不懂、不明白、不理解,到理解、明白、总结、掌握。往大了说,人类的整个现代科学大厦就是近二百年来这么一点点积累起来的。说前端开发是搬砖的,我觉得这说法一点都没错,一砖一瓦的把自己的技术体系搭建起来,从无到有,从零开始。 学一个东西, 第一要有方向,“你要学的是什么?”; 第二要有目的,“你用它要做什么?”; 第三要有一个起点,“从哪里开始?”; 第四,“开始搬砖”...,十年如一日 我个人主观以为,这四个步骤就是一个完整的“思路”,学习任何东西
原文:https://blog.csdn.net/feibabeibei_beibei/article/details/98232069
今天早上在开始讲零基础课的时候,我看了一眼旁边桌上的书,就跟我的学生们聊了一会,看书的必要性。有些前端和互联网方面的书,确实是垃圾,但也要看看,为啥呢?因为面试的时候,你没法保证每一句话都是干货。就是大致的翻看一下,然后在脑子里有个印像也就算了。 写js这东西,其实并不能每个人都像我一样,在写JS中找到乐趣,就乐意写这东西直到50岁眼瞎为止。 那肯定有人要问,也许我不仅写JS写不到35,可能我连3、5年的时间都写不到。那我学JS的意义在哪里呢?直白的讲,也就是挣点钱儿。培训班学费一万,干一二年后,第三年工资
在游戏开发者的角度来看这道题目的时候,我先想到的是上手打一打看看跟平常的俄罗斯方块有什么不同。结果发现不仅方块出现的顺序是一样的,而且感觉并不是通过随机得到的这一组序列。然后在F12里面看到了具体的规则和一些API,然后就想到可以把核心代码和game代码直接拷贝出来在本机运行,因为最后的答案只需要提交一个操作序列就可以。
关注前端这么多年,没有大的成就,就入门期间积累了不少技巧与心得,跟大家分享一下,不一定都适合每个人,毕竟人与人的教育背景与成长环境心理活动都有差别,但就别人的心得再结合自己的特点,然后探索适合自己的学习之路是比较好的。学习没有捷径,但学习是有技巧与方法。 一,css入门篇: 推荐书籍:css哪些事儿,精通css。 理由:css那些事儿,他是一本介绍css基础类的书,是入门的经典读物。 系统的介绍了css的选择符,伪类,工作环境,盒模型,两列,三列自适应布局。文字样式,图片处理,列表,表单,还有选项卡,相
学前端怎么确定目标,这类文章网上有许多。但关于这个问题,我也有自己的想法呀,所以我今天也想写一篇这个方面的文章。 今天在零基础前端课上,有一个问题,我觉得非常好, 我是这样回答他的, 然后他又问我,
clip path,话说这个东西是css3中的新特性,它可以遮罩许多形状,圆的、方的、扁的都可以,还有多边形(polygon),这个polygon最是有趣。 因为clip path的前身是svg,所以
上一家电商公司烧了半年,有点烧不动了,我就赶紧跑了。 感谢上一家电商公司,让我有机会操刀搞了一次电商交易类网站的架构体验。 这次换了一家公司,做语音媒体的。就是在PC端听语音广播,类似于喜马拉雅的PC版的东西。具名就不提了。 这一次呢,依然是整个网站的前端都由我一个人来负责。我很自然的就想从架构上搞搞好,而不是简单的切页面写功能。 聊之前,还是看下定义。 架构,啥叫架构呢? 架构,又名软件架构,是有关软件整体结构与组件的抽象描述,用于指导大型软件系统各个方面的设计。 软件架构,前端算是软件吗? 按过去的眼光
前两天在freebuf上看到一个利用Ink文件触发攻击链的文章,确实佩服作者的脑洞。
大家好,今天是0618,今天的先行者计划的主题是“可编辑表格”的第一次课。 既然是一个前端组件,那么就涉及到如何设计的问题。我们不是单纯的要实现一个可编辑表格的效果,而是要实践一个组件化的方案。 总体的方向: 第一,view层,需要分层设计; 第二,model层,需要让数据来控制view层; 思路的话,可以参考react的生命周期概念: 1,插入dom; 2,获得新数据,重新渲染dom; 3,删除dom; 咱们也一样给这三种状态各提供二种处理函数, will是事前调用; did是事后调用; 还要有公开出来
有好几个小伙伴问我如何去阅读源码?如何成为开源项目贡献者? 短暂思考后先带你入门,回答第一部分
说到看源码,很多人都有个误区,觉得看源码必须要到 github 上把完整的代码 clone 下来,认为只有把完整的代码下载下来,才能开始愉快的学习。
前段时间,有一学生问了我一道十分有意思的JS面试题,现拿出来与大家进行下分享,题目如下:
最近遇到一个需求:项目中某些功能不在需求清单内,需要藏掉某些 h5 页面的入口不再对部分用户开放。
先说下故事背景,我们平时在部署Vue等前端项目的时候,因为客户端浏览器缓存原则,经常会出现修改后,而用户不能第一时间更新的情况,只能通过禁用缓存,或者配置nginx,或者干脆联系用户,让用户刷新页面等方案,我都尝试过,都不是很舒服,今天又学到了一个技巧,分享给大家,个人感觉还是可以的,是一个思路,可以往这个方向思考。
开始 小编初学微信小程序,想做一个二维码生成器;作为一个小白,踩了不少坑,在这里分享给大家“如何在微信小程序上生成二维码”。 步骤 就像写前端代码一样,html里有form表单,css样式,js和用户做交互,微信小程序里用WXML、WXSS和JS代替。 思路: wxml里form表单提交数据到js; js通过wx.request发起请求处理原始数据到接口地址; 接口处理完原始数据后,返回结果数据到js; 处理返回的结果数据 发起请求到接口地址时,用到了微信小程序里的wx.request,它有一些相关的参数介
现在从事IT方向的人有很多。由于Web前端薪资水平高,职业前景广阔,岗位缺口大,就业口径宽,想通过学习Web前端开发从而进入到该行业工作的人越来越多。当然也有很多人在犹豫不知道web前端开发都学哪些内容?零基础的可以学会吗?好不好学.
废话开篇:小程序下有这样的一个概念,就是双引擎,意思就是 UI绘制 跟 JS 执行是在多线程环境下进行的,有人会质疑,JS 不是有异步的方法吗?不管是 setTimeout 还是 promise ,iOS 开发下在主线程开辟异步,其实是将异步任务代码块放到了主队列所有任务的最后执行的,那么,它只是调整了执行顺序,并没有开辟线程。JS 也是一样的,JS 本身就是单线程,那么,上面提到的两种方式并没有真正的开辟线程去执行任务,所以,JS 线程下的任务并没有利用 CPU 多核的优势,所有任务还是在一条线程执行的。那么实现类似小程序双引擎下执行任务的思路就是下面例子要体现的。
很多人说“我准备做一名前端开发工程师了,web前端”, 我不管你是专业的科班出身,还是出于兴趣,或者为了找工作什么的选择这个方向。 尽管都是写代码,开发前端页面,与用户接触的界面。但是真的需要明白,把主要写html与css的与写js的分开,如果你能根据设计师的效果图,用html标签与css完美的布局出来,或者你还会设计,设计的还很完美,你真的是一门称职的ui设计师或者网页设计师。就算是只做好这个工作,就不是一件容易的事情,因为要考虑的事情任然很多。比如界面交互的友好性,美观度,用户体验,还有写的页面需要考虑
测试驱动开发(Test-Driven Development)是一种软件开发的思维和方法,我的理解是它是一种开发的循环,先写测试代码,再用最小的代码实现这个测试,再继续写测试代码,继续用最小的代码实现。当实现所有的测试用例,代码也就完成了。
这是一个 JS 社区抛出来的问题。第一眼看到这个问题的时候,感觉这似乎是一个无稽之谈,一个变量怎么可能会同时满足俩个条件呢!
领取专属 10元无门槛券
手把手带您无忧上云