javascript - 随笔分类 - 小虎Oni

javascript挑战编程技能-第一题：将问题转变成代码

摘要：按我的个人理解，程序就是一个个约束条件的累加逻辑。目的只有一个，解决问题。在开始讲解如何解决问题之前，我觉得最重要的事情是，理解问题。首先你应该能够清楚的知道，你现在面临的是什么问题，才能根据问题提出解决方案。假设现在有一家小店的老板告诉你，我需要一个结算工资的软件。那你是不是就可以开始编写程序了呢... 阅读全文

posted @ 2017-10-09 18:07 小虎Oni 阅读(152) 评论(0) 推荐(0)

javascript挑战编程技能-第二题：计算字符数

摘要：问题：创建一个程序，提示用户输入字符串，然后输出这个字符串以及其中包含的字符数。要求：1、确保输出中包含原始的字符串。2、使用一个输出语句来构造输出。3、使用javascript内置函数来确定字符串长度。4、如果用户什么也没有输入，提示用户输入。首先提一下第二点的要求，尽量把所有独立的方法构造成单独... 阅读全文

posted @ 2017-10-09 18:07 小虎Oni 阅读(123) 评论(0) 推荐(0)

javascript挑战编程技能-第六题：检查密码强度

摘要：函数可以帮助我们抽象掉负责操作，还可以帮助我们构建可复用的组件。开发一个程序，基于如下规则确定给定密码的强度。1、如果只包含数字，则为非常弱的密码。2、如果只包含字母，则为弱密码。3、如果包含字母，至少有一个数字，并且字数不少于8个字符，则为强密码。4、如果包含字母、数字和特殊字符，兵器字数不少于8... 阅读全文

posted @ 2017-10-09 18:07 小虎Oni 阅读(145) 评论(0) 推荐(0)

javascript挑战编程技能-第五题：函数作为javascript的一等公民

摘要：函数作为javascript中的一等公民，不仅像别的语言中的函数一样简单的声明和调用，还可以作为对象和参数传递。如以下两种定义方式：function test(){}和var test = function(){}第一个函数像船用函数一样的使用方式，先声明函数，后面再调用函数。第二种定义方式是将函数... 阅读全文

posted @ 2017-10-09 18:07 小虎Oni 阅读(131) 评论(0) 推荐(0)

javascript挑战编程技能-第四题：谈个if讲点逻辑

摘要：前三节课我们，我们编写的程序都有点简单。就是根据输入计算然后输出结果。上一节课写了一些工具方法，其实jquery.js已经有了很好的封装。后面的demo中会开始使用，不了解的朋友可以查阅官网api。http://api.jquery.com/这里我不做过多的讲解哦。其实很好懂的，我的学习路线跟其他的... 阅读全文

posted @ 2017-10-09 18:07 小虎Oni 阅读(111) 评论(0) 推荐(0)

javascript挑战编程技能-第三题：计算矩形房间面积

摘要：一、问题：计算矩形房间的面积。二、要求：1、提供用户输入长和宽2、输出英尺和米的单位选择3、输出平方英尺和平方米的数值4、结果保留两位有效小数5、只能输入数值6、让计算与输出分离7、使用一个常量来保存转换因子。三、首先我们还是先确定元素。有两个输入，长和宽有一个单选控件选择单位英尺或者米有两个输出，... 阅读全文

posted @ 2017-10-09 18:07 小虎Oni 阅读(501) 评论(0) 推荐(0)

全栈工程师之路-中级篇之小程序开发-第一章第四节从block盒式布局到Flex弹性布局

摘要：说明：为了便于理解和分析，此处我们全部使用块级元素div来进行说明。因为要将这个文档应用于博客，所以所有的样式写在style中。公众号不支持，博客样式支持不好，又重新上传了图片，替换了展示效果（泪目）。你们能懂用纯文本编辑器编辑了一天，发现不能用的心情嘛！标题一二三不代表这些概念同级，仅仅代表本文提... 阅读全文

posted @ 2017-10-09 18:07 小虎Oni 阅读(257) 评论(0) 推荐(0)

全栈工程师之路-中级篇之小程序开发-第一章第三节阅读官方demo

摘要：在网上好多人，喜欢找别人写好的一些线上的项目源码，比较完整的。想着学习的更加实用和全面一点。这无可厚非，但是，我发现有好多人并不是很在意官方提供的demo。比如ionic的tabs demo就没有什么人看。我个人觉得既然官方把这样的demo推到了入门的地位，那必然是有它的道理的。所以我很喜欢从官方的... 阅读全文

posted @ 2017-10-09 18:07 小虎Oni 阅读(217) 评论(0) 推荐(0)

全栈工程师之路-中级篇之小程序开发-第一章第二节注册小程序和开发工具讲解

摘要：这节课我们来说说微信提供的小程序开发工具。一、首先我们从官网下载微信开发者工具，注意，不要下到旧版本的公众号调试工具。之前安装过web开发工具的朋友，可能会遇到一个奇怪的问题，明明下载的安装包是最新的，安装完打开的却是旧版的界面。这时候只要把旧版的卸载之后，把所有的文件都删除重新安装就可以了。从微信... 阅读全文

posted @ 2017-10-09 18:07 小虎Oni 阅读(144) 评论(0) 推荐(0)

全栈工程师之路-中级篇之小程序开发-第一章第一节注册小程序

摘要：之前公众号开发可能都是运维人员提供的appkey，所以不少的朋友，对微信的后台管理系统不熟悉。借由小程序提供个人账号申请，在这里专门写一篇图文教程。虽然微信对个人小程序做了诸多限制，但是作为入门的开发权限还是基本够用的。首先，要注册个人微信小程序1、你要准备一个邮箱，并且这个邮箱没有注册过个人微信，... 阅读全文

posted @ 2017-10-09 18:07 小虎Oni 阅读(195) 评论(0) 推荐(0)

全栈工程师之路-中级篇之小程序开发-前言

摘要：我一直在考虑这个系列的第一个教程该从什么框架开始写起。是我自己入门时候学习的angularjs，还是大部分web前端入门的jquery？看过我的教程的朋友应该对我的学习方式有一点点的了解。我一直觉得学习前端没有那么多东西需要理解的，只要先记住用法，用的多了，慢慢的就能理解了。我不敢说自己的学习方式是... 阅读全文

posted @ 2017-10-09 18:07 小虎Oni 阅读(100) 评论(0) 推荐(0)

javascript挑战编程技能-第九题：数据结构

摘要：妄图用一节课的内容讲完javascript的数据结构，其实还是有点勉强的。所以我只讲几个比较常用的数据类型。基本应用级开发中已经都够用的，想深入了解的朋友可以去查阅详细的API。之前我们的练习都是比较简单的程序，通过将数据保存在变量中就能够解决。其实我们新建的变量可以说成是一个全局变量的属性。如我们... 阅读全文

posted @ 2017-10-09 18:07 小虎Oni 阅读(100) 评论(0) 推荐(0)

javascript挑战编程技能-第八题：99乘法表

摘要：今天比较晚，直接进入正题吧！题目：创建一个程序，生成从0到12的乘法表。示例输出0*0=00*1=0...12*11=13212*12=144条件：使用一个嵌套循环来完成该程序。这个没什么好说的，直接上代码吧！前面的输入输出都讲得很详细了，这里直接上主要函数吧。这个很初级，没什么好说的。挑战：创建一... 阅读全文

posted @ 2017-10-09 18:07 小虎Oni 阅读(81) 评论(0) 推荐(0)

javascript挑战编程技能-第七题：让代码做重复的事情

摘要：这节课我随便讲讲javascript中的循环语句。循环最应该注意的是写出死循环的代码，如果你在调试程序的时候，发现浏览器卡住了，点击关闭按钮都很难关掉，那就很有可能是执行了死循环的代码了。如果篇幅不长的话，我们就再做一道题目。对了，这个系列的正确阅读方式应该是先看题目，然后自己做，我的代码只是一个参... 阅读全文

posted @ 2017-10-09 18:07 小虎Oni 阅读(106) 评论(0) 推荐(0)

Angular最新教程-第十一节路由四（嵌套路由）

摘要：今天我们继续来看路由。这是我们关于路由的最后一节课。嵌套路由的使用还是蛮频繁的，使用场景场景一：商城类应用会有大分区里面的小分区，虽然也可以靠携带不同的路由参数来识别，但是他们都在同一个视图里面，就会有一个很明显的问题。有的分类内容比较多，列表很长，有些分类内容比较少，列... 阅读全文

posted @ 2017-10-09 18:07 小虎Oni 阅读(896) 评论(0) 推荐(0)

Angular最新教程-第十节路由三（路由器钩子函数、路由守卫）

摘要：我们在实际开发中，会有这样一种场景。有些页面是允许访客登录的，有些页面是强制用户登录的。后者，我们希望当用户没有登录的时候，无法直接进去页面，而是先跳转到登录页面，或者先给出让用户登录的提示。路由守卫两种方法选一种就好了，文件名有冲突哦。推荐第二种。方法一：在src/app... 阅读全文

posted @ 2017-10-09 18:07 小虎Oni 阅读(778) 评论(0) 推荐(1)

Angular最新教程-第五节编写第一个组件

摘要：讲了四节了，一行代码都没有敲，虽说磨刀不误砍柴工，但我们也是时候，上场砍点啥啦。今天我们就来编写我们的第一个组件，效果图如下。首先我们使用angular-cli的generate命令来帮我们自动化创建组件。 $ ng generate component site_status... 阅读全文

posted @ 2017-10-09 18:07 小虎Oni 阅读(128) 评论(0) 推荐(0)

Angular最新教程-第四节详细说明初始化项目

摘要：首先打开新建的项目。我们先来看一下新建项目的目录结构。查看项目目录结构src文件夹你的应用代码位于src文件夹中。所有的Angular组件、模板、样式、图片以及你的应用所需的任何东西都在那里。这个文件夹之外的文件都是为构建应用提供支持用的。根目录src/文件夹是项目的根文件夹... 阅读全文

posted @ 2017-10-09 18:07 小虎Oni 阅读(235) 评论(0) 推荐(0)

Angular最新教程-第二节使用git、svn和码云做版本控制

摘要：上一节课我们已经创建了一个新的项目，这节课我们了解一下如何创建码云（https://git.oschina.net/）管理我们的代码。在工作中，不管是自己一个人开发，还是团队开发，都会涉及到版本控制。比较常用的版本控制软件有svn和git。（如果你会使用git，会版本控制，那... 阅读全文

posted @ 2017-10-09 18:07 小虎Oni 阅读(251) 评论(0) 推荐(0)

Angular最新教程-第一节环境搭建和新建项目

摘要：步骤一：安装开发环境在开始学习angular之前，我们要先设置好开发环境。一般现在的的开发环境基本上都是nodejs，因为基本上都有使用了nodejs的npm管理和安装依赖包。如果你的电脑上已经安装过nodejs，那你可以现在命里行中输入node -v 和 npm -v查看他们... 阅读全文

posted @ 2017-10-09 18:07 小虎Oni 阅读(349) 评论(0) 推荐(0)

随笔分类 - javascript

公告