JS实战应用之做LOL领图标任务~

说一个技术造福人类的故事,事情是这样的,我是英雄联盟的忠实玩家,在浏览官网的时候看到这样一个活动(http://lol.qq.com/act/a20161020teemo/index.html),有个获取末日小兵图标的任务, 点进去后是个小游戏,要求不停的点屏幕中间,然后就有小兵跳到坑里,等右边的圈圈填满的时候,就可以领取图标了. 手动点估计得点500下,身为技术宅,当然不能用这么坑的方法完成任务了,然后就投机取巧的写了一段代码,不点一下鼠标,完成了任务.附流程和攻略: //进入任务页面,用谷歌…

《Node.js实战（双色）》作者之一——吴中骅访谈录

…

iKcamp团队制作｜基于Koa2搭建Node.js实战项目教学（含视频）☞ 环境准备

安装搭建项目的开发环境视频地址:https://www.cctalk.com/v/15114357764004 文章 Koa 起手 - 环境准备由于 koa2 已经开始使用 async/await 等新语法,所以请保证 node 环境在 7.6 版本以上. 安装node.js 直接安装 node.js :node.js官网地址 https://nodejs.org nvm管理多版本 node.js :可以用nvm 进行node版本进行管理 Mac 系统安装 nvm https://githu…

iKcamp｜基于Koa2搭建Node.js实战（含视频）☞ 错误处理

沪江CCtalk视频地址:https://www.cctalk.com/v/15114923887518 处理错误请求爱能遮掩一切过错. 当我们在访问一个站点的时候,如果访问的地址不存在(404),或服务器内部发生了错误(500),站点会展示出某个特定的页面,比如: 那么如何在 Koa 中实现这种功能呢?其实,一个简单的中间件即可实现,我们把它称为 http-error.实现过程并不复杂,拆分为三步来看: 第一步:确认需求第二步:整理思路第三步:代码实现确认需求打造一个事物前,需要先确…

iKcamp｜基于Koa2搭建Node.js实战（含视频）☞ 记录日志

沪江CCtalk视频地址:https://www.cctalk.com/v/15114923883523 log 日志中间件最困难的事情就是认识自己. 在一个真实的项目中,开发只是整个投入的一小部分,版本迭代和后期维护占了极其重要的部分.项目上线运转起来之后,我们如何知道项目运转的状态呢?如何发现线上存在的问题,如何及时进行补救呢?记录日志就是解决困扰的关键方案.正如我们每天写日记一样,不仅能够记录项目每天都做了什么,便于日后回顾,也可以将做错的事情记录下来,进行自我反省.完善的日志记录不仅能…

iKcamp｜基于Koa2搭建Node.js实战（含视频）☞ 代码分层

视频地址:https://www.cctalk.com/v/15114923889408 文章在前面几节中,我们已经实现了项目中的几个常见操作:启动服务器.路由中间件.Get 和 Post 形式的请求处理等.现在你已经迈出了走向成功的第一步. 目前,整个示例中所有的代码都写在 app.js 中.然而在业务代码持续增大,场景更加复杂的情况下,这种做法无论是对后期维护还是对患有强迫症的同学来说都不是好事.所以我们现在要做的就是:『分梨』. 分离 router 路由部分的代码可以分离成一个独立的文件…

vue.js 实战 todo list

vue.js 起源 vue.js 的作者是尤雨溪,是一名中国人,之前在谷歌工作,现在在全职维护 vue 项目. vue.js 是 2014 年推出来的.现在已经更新到 2.x 版本,3.0 版本会在 2020 年第 1 季度推出. vue.js 借鉴了 mvvm 思想,采用单向数据流,使得数据流更加清晰易懂. 小贴示:什么是 MVVM? MVC 架构 MVVM 架构最常见的就是 mvc 架构,由模型.视图.控制器组成.mvvm 模式由模型.视图.视图模型组成.mvvm 模式的优点是便于复杂的逻…

Webfrom 生成流水号组合查询 Repeater中单选与复选控件的使用 JS实战应用

Default.aspx 网页界面 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html> <html xmlns="http://www.…

Webfrom 生成流水号组合查询 Repeater中单选与复选控件的使用 JS实战应用

Default.aspx 网页界面 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html> <html xmlns="http://www.…

vue.js实战——购物车练习（包含全选功能）

vue.js实战第5章 54页的练习1 直接放代码好了,全选的部分搞了好久,代码好像有点啰嗦,好在实现功能了(*^▽^*) HTML: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sca…

【Vue.js实战案例】- Vue.js递归组件实现组织架构树和选人功能

大家好!先上图看看本次案例的整体效果. 浪奔,浪流,万里涛涛江水永不休.如果在jq时代来实这个功能简直有些噩梦了,但是自从前端思想发展到现在的以MVVM为主流的大背景下,来实现一个这样繁杂的功能简直不能容易太多.下面就手把手带您一步步拨开这个案例的层层迷雾. 实现步骤如下: api构建部门和员工信息接口,vuex全局存放部门list和员工list数据信息.api: export default { getEmployeeList () { return { returncode: , messa…

Node.js实战(二)之HelloWorld示例

经过前面的Node.js实战(一)之概述想必你应该对Node.js的概念.应用场景.优缺点等有个大致的了解,同时你本地Windows或者Linux上已经准备好了Node.js环境. 下面我们来进入每种编程语言必经之关“HelloWorld”,不要小看这个HelloWorld,每学一样新的东西,HelloWorld是必须的,因为能给有接下来学习的勇气. 这里以Linux为例,第一个HelloWorld例子 console.log('hello world') 结果如下: 还可以将其编辑为一个he…

iKcamp｜基于Koa2搭建Node.js实战（含视频）☞ 解析JSON

视频地址:https://www.cctalk.com/v/15114923886141 JSON 数据我颠倒了整个世界,只为摆正你的倒影. 前面的文章中,我们已经完成了项目中常见的问题,比如路由请求.结构分层.视图渲染.静态资源等. 那么,JSON 呢?JSON 格式数据的传输,已经深入到了我们的码里行间,脱离了 JSON 的人想必是痛苦的.那么,复合吧! 如何设置 JSON 格式伟大的武术家--李小龙先生--说过这样一段话: Empty your mind, Be formless,s…

iKcamp｜基于Koa2搭建Node.js实战（含视频）☞ 处理静态资源

视频地址:https://www.cctalk.com/v/15114923882788 处理静态资源无非花开花落,静静. 指定静态资源目录这里我们使用第三方中间件: koa-static 安装并使用安装 koa-static: npm i koa-static -S 修改 app.js,增加并指定 /public 目录为静态资源目录. const Koa = require('koa') const path = require('path') const bodyParser = re…

iKcamp｜基于Koa2搭建Node.js实战（含视频）☞ 视图Nunjucks

视频地址:https://www.cctalk.com/v/15114923888328 视图 Nunjucks 彩虹是上帝和人类立的约,上帝不会再用洪水灭人. 客户端和服务端之间相互通信,传递的数据最终都会展示在视图中,这时候就需要用到『模板引擎』. 什么是模板引擎? 模板引擎是为了使用户界面与业务数据分离而产生的,可以生成特定格式的文档.例如,用于网站的模板引擎会生成一个标准的 HTML 文档. 市面上常见的模板引擎很多,例如:Smarty.Jade.Ejs.Nunjucks 等,可以根据个…

分享Node.js + Koa2 + MySQL + Vue.js 实战开发一套完整个人博客项目网站

这是个什么的项目? 使用 Node.js + Koa2 + MySQL + Vue.js 实战开发一套完整个人博客项目网站. 博客线上地址:www.boblog.com Github地址:https://github.com/liangfengbo/nodejs-koa-blog 解决了什么问题? 服务端:使用 Node.js 的 Koa2 框架二次开发 Restful API. 前端:Vue.js 打造了前端网站和后台管理系统. 项目包含什么功能? Koa2服务端管理员与权限控制文章文章…

Vue.js 入门：从零开始做一个极简 To-Do 应用

Vue.js 入门:从零开始做一个极简 To-Do 应用写作时间:2019-12-10版本信息:Vue.js 2.6.10官网文档:https://cn.vuejs.org/ 前言学习 Vue 的最佳方式之一是「请立刻查阅 Vue.js 的官方文档」,简单看一下「基础」部分,配合本文食用更佳. 在开始写代码之前,首先去 BootCDN 上找一下目前最新版本完整版的 Vue.js 的链接:https://cdn.bootcss.com/vue/2.6.10/vue.js ,与压缩版(vue.…

Node.js 实战 & 最佳 Express 项目架构

Node.js 实战 & 最佳 Express 项目架构 Express Koa refs https://github.com/xgqfrms/learn-node.js-by-practice xgqfrms 2012-2020 www.cnblogs.com 发布文章使用:只允许注册用户才可以访问!…

highcharts基本配置和使用highcharts做手机端图标

使用highcharts三个理由:1>手机适配2>大数据的支持3>svg的优势缺点:不开源.学习资料少官方有基本的常规用法,一般都是基于jquery写的例子,也可以自己封装函数,用原生来调取,性能简单测试一下,没发现两者有什么大的区别. heightcharts.js是一些简单图表的框架js,但是要做动态实时数据图 <script src="js/jquery-1.7.2.js"></script> <script src=&quo…

WKWebView与Js实战(OC版)

前言上一篇专门讲解了WKWebView相关的所有类.代理的所有API.那么本篇讲些什么呢?当然是实战了! 本篇文章教大家如何使用WKWebView去实现常用的一些API操作.当然,也会有如何与JS交互的实战. 如果还没有阅读过WKWebView精讲(OC版),请先阅读,不然有可能看不懂下面所讲的内容. 效果图通过本篇文章,至少可以学习到: OC如何给JS注入对象及JS如何给IOS发送数据 JS调用alert.confirm.prompt时,不采用JS原生提示,而是使用iOS原生来实现如何监…

Vue.js 实战教程（附demo）

在实战之前,你需要对vuejs的基础语法有一定的了解,可以通过以下几个途径进行学习: vue.js官方文档:https://cn.vuejs.org/v2/guide/index.html vue.js 教程:https://www.mingtern.com/course/vuejs/ 官方的文档内容比较多且杂,对于初学者来说可能没有系统性的引导,可以查看明灯小站的基础教程,对一些常用的基础语法都进行了整理,还可以在线进行调试. 好了,如果你对基础语法有一定的了解了,那就可以开始我们的实战项目了…

JS实战 · 零碎笔记

onclick:单击时触发事件 onmouseover:鼠标进入时触发事件 onmouseout:鼠标离开时触发事件事件三要素:最基础的内容事件源:有监听的HTML 标签,能响应事件的HTML 标签,就是事件源. 事件名:用户的特定行为,比如onclick 事件的响应:就是一个个function 通过ID来获得元素:document.getElementById("XXX"): 通过Class来获得元素:document.getElementByClassName(&quo…

【图文详解】python爬虫实战——5分钟做个图片自动下载器

python爬虫实战——图片自动下载器之前介绍了那么多基本知识[Python爬虫]入门知识,(没看的先去看!!)大家也估计手痒了.想要实际做个小东西来看看,毕竟: talk is cheap show me the code! 这个小工程的代码都在github上,感兴趣的自己去下载: https://github.com/hk029/Pickup 制作爬虫的基本步骤顺便通过这个小例子,可以掌握一些有关制作爬虫的基本的步骤. 一般来说,制作一个爬虫需要分以下几个步骤: 1. 分析需求(对,需求…

Vue.js 实战总结

最近在某个项目中用到了Vue.js,从上手做开发到项目发布,一步步踩了不少坑.本文试图总结过去一个多月使用Vue.js中的一些经验,也算是一点心得体会吧,拿出来与大家分享,欢迎多多交流. Vue.js简介 Vue.js is a JavaScript framework for building astonishing web applications. Vue.js is a JavaScript library for creating web interfaces. Vue.js is a…