- 博客(43)
- 收藏
- 关注
RSS订阅转载 SRPG Studio 教程(一) 创建游戏及引用素材
儿时玩红白机的时候，火纹和机器人大战这类战棋类的游戏就是博主的最爱，恰逢最近steam上上架了一款SRPG Studio用于制作火纹，趁这个机会学习一下，顺便记录下来。 秉承着一个程序猿的自我修养，以及不太过关的日语水平，开始我们艰难的学习过程吧。 下载我就不多作介绍了，我是直接在steam上购买的正版，贴吧中有破解版，解压就行。创建游戏 打开游戏界...
2018-08-26 01:10:00
2340
转载 Vue 2.0学习（七）方法与事件
基本用法 以监听一个按钮的点击事件为例，设计一个计数器，每次点击都加1：<div id = "app"> 点击次数：{{ counter }} <button @click="counter++">+1</button></div><script> new Vue({...
2018-08-22 17:14:00
184
转载 Vue 2.0学习（六）内置指令
基本指令1.v-cloak v-cloak不需要表达式，它会在Vue实例结束编译时从绑定的HTML元素上移除，经常和CSS的display:none配合使用。<div id="app" v-cloak> {{ message }}</div><script> var app = new Vue({...
2018-08-10 16:53:00
373
转载 Vue 2.0学习（五）v-bind及class与style绑定
DOM元素经常会动态地绑定一些class类名或style样式。基本用法<div id="app"> <a v-bind:href="url">链接</a> <img v-bind:src="imgUrl"> <!-- 缩写为 --> <a :href="url"...
2018-08-09 18:07:00
175
转载 Vue 2.0学习（四）计算属性
{{}}模板内的表达式常用于简单的运算，当运算过长或逻辑复杂时，会难以维护。<div> {{ text.split(',').reverse().join('') }}</div> 这个表达式包含3个操作，在遇到复杂逻辑时应该使用计算属性。上面的例子可以用计算属性进行改写：<div id = "app">...
2018-08-08 16:35:00
177
转载 Vue 2.0学习（三）指令与事件
指令（Directives）是Vue.js模板中最常用的一项功能，它带有前缀v-，前面已经使用过v-html、v-pre等。指令的主要职责就是当表达式的值改变时，相应地将某些行为应用到DOM上。v-if<!-- html --><div id="app"> <p v-if="show">显示这段文本</p>...
2018-07-23 16:11:00
105
转载 Vue 2.0学习（二）数据绑定
Vue实例对象 创建一个vue应用很简单，通过构造函数Vue就能创建一个Vue的根实例：var app = new Vue({ el: '#app', data: { message: 'Hello Vue.js!' }}) 变量app代表了这个Vue实例。el、data都属于实例的参数选项。 el：el是...
2018-07-19 16:35:00
148
转载 Vue 2.0学习（一）简介
简介 Vue是一套用于构建用户界面的渐进式框架。简单小巧（压缩后仅17KB），Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。它不仅易于上手，还便于与第三方库或既有项目整合。特点 ♦ 解耦视图与数据 ♦ 可复用的组件 ♦ 前端路由 ♦ 状态管理 ♦ 虚拟DOM环境版本 开发环境：&...
2018-07-17 15:44:00
102
转载 大数据入门学习（一）：初识大数据
大数据的定义 大数据（Big Data）又称为巨量资料，指需要新处理模式才能具有更强的决策力、洞察力和流程优化能力的海量、高增长率和多样化的信息资产。大数据技术，是指从各种各样类型的数据中，快速获得有价值信息的能力。适用于大数据的技术，包括大规模并行处理（MPP）数据库，数据挖掘电网，分布式文件系统，分布式数据库，云计算平台，互联网，和可扩展的存储系统。大数据的特点 ...
2018-07-04 18:55:00
126
转载 Knockout.js(四)：自定义绑定
除了内嵌的绑定，还可以创建一些自定义绑定，封装复杂的逻辑或行为。 注册绑定 添加子属性到ko.bindingHandlers来注册绑定:ko.bindingHandlers.yourBindingName = { init: function(element, valueAccessor, allBindingsAccessor, viewMod...
2017-10-09 09:37:00
212
转载 Knockout.js(三)：计算属性（Computed Observable）
在Knockout2.0之前，计算属性被称之为依赖属性，在2.0版本中，ko.dependentObservable重命名为ko.computed，因为它在读、解释和类型上更简单。在实际使用中，ko.dependentObservable和ko.computed是等价的。 如果有两个监控属性firstName和lastName，想显示全名，就可以使用计算属性，这个方法依赖于一个...
2017-09-22 15:39:00
524
转载 Knockout.js(二)：监控数组属性（Observables Arrays）
如果想发现并响应一个对象的变化，就应该使用监控属性（observables），如果想发现并响应一个集合的变化，就需要使用监控属性数组（observableArray）。在很多情况下，它都非常有用，比如你要在UI上需要显示/编辑的一个列表数据集合，然后对集合进行添加和删除。 声明ObservableArrayvar myObservableArray = ko.o...
2017-09-22 11:30:00
283
转载 Knockout.js(一)：简介
Knockout是一款很优秀的JavaScript库，通过应用MVVM模式使JavaScript前端UI简单化。任何时候你的局部UI内容需要自动更新，KO都可以很简单的帮你实现，并且非常易于维护。 Knockout的3个核心功能是： ♦ 属性监控与依赖跟踪 ♦ 声明式绑定 ♦ 模板机制 MVVM Model-View-View Model ...
2017-09-20 15:20:00
162
转载 将Electron桌面应用转化为Win10的UWP应用
如果有小伙伴不知道如何打包Electron桌面应用的，请戳我。 微软提供了一款快捷工具：electron-windows-store，用于将electron桌面应用打包成Windows10系统上.appx后缀的通用UWP应用。 准备工作 1.Windows 10周年纪念更新 - 企业版（版本14316以上）（实测10586也是可以转化，查看系统版本号的方法是...
2017-09-15 15:57:00
664
转载 Electron：将前端应用打包成桌面应用
首先戳我下载安装对应版本的node.js。 安装完成后，打开命令行输入node -v以及npm -v查看对应版本。能够正常显示说明安装成功。 写一个最简单的hello world的nodejs应用。nodejs的基础目录结构如图： ♦ node_modules文件夹用于存放开发或应用时的依赖 ♦ index.html：初始化的页面 ♦ main....
2017-09-15 14:52:00
196
转载 JavaScript中的正则表达式
ECMAScript通过RegExp类型来支持正则表达式。 正则表达式的创建 使用类似Perl的语法，就可以创建一个正则表达式。var expression = / pattern / flags; 其中的模式（pattern）部分可以是任何简单或复杂的正则表达式，可以包含字符类、限定符、分组、向前查找以及反向引用。每个正则表达式都可带有一或多个标...
2017-09-11 17:49:00
101
转载 JavaScript中的Date类型
ECMAScript中的Date类型是在早起Java中的java.util.Date类基础上构建的。为此，Date类型使用自UTC（Coordinated Universal Time，国际协调时间）1970年1月1日0时开始经过的毫秒数来保存日期。在使用这种数据存储格式的条件下，Date类型保存的日期能够精确到1970年1月1日之前或之后的100000000年。 要创建一个日...
2017-09-07 17:42:00
86
转载 JavaScript中的Array数组详解
ECMAScript中的数组与其他多数语言中的数组有着相当大的区别，虽然数组都是数据的有序列表，但是与其他语言不同的是，ECMAScript数组的每一项可以保存任何类型的数据。也就是说，可以用数组的第一个位置来保存字符串，第二个位置保存数值，第三个位置保存对象，而且ECMAScript数组的大小是可以动态调整的，即可以随着数据的添加自动增长以容纳新增数据。 数组的创建...
2017-09-06 18:08:00
196
转载 Electron与jQuery中$符号冲突的三种解决方法
在Electron工程中引用jQuery时，经常会出现以下错误：Uncaught ReferenceError: $ is not defined 解决的具体方法如下： ①.在测试的过程中（测试过1.10.1,以及当前最新的3.2.1版本都不行），发现只要使用2.03版本的jQuery或者2.2.0版本的jQuery，就不会出现$未定义的情况。 ②.使...
2017-09-04 13:25:00
514
转载 Android异步消息处理机制（多线程）
当我们需要执行一些耗时操作，比如说发起一条网络请求时，考虑到网速等其他原因，服务器未必会立刻响应我们的请求，如果不将这类操作放在子线程里去执行，就会导致主线程被阻塞住，从而影响用户对软件的正常使用。 线程的基本用法 Android多线程编程其实并不比Java多线程编程特殊，基本都是使用相同的语法。比如说，定义一个线程只需要新建一个类继承自Thread，然后重写父类...
2017-08-21 16:20:00
114
转载 Android技巧：查看当前界面对应的活动
常常接手别人的android代码，非常头疼不知道界面所对应的活动是哪一个。下面所说的方法可以完美解决。 新建一个BaseActivity类，继承自AppCompatActivity，并重写onCreate()方法。public class BaseActivity extends AppCompatActivity{ @Override protec...
2017-07-26 17:08:00
515
转载 Android的日志工具Log
Android中的日志工具类是Log（android.util.Log），这个类提供了以下几个方法来供我们打印日志。 ♦ Log.v():这个方法用于打印那些最为琐碎的，意义最小的日志信息。对应级别verbose，是android日志里面级别最低的一种。 ♦ Log.d():这个方法用于打印一些调试信息，这些信息对调试程序和分析问题应该是有帮助的。对应级别debug，比v...
2017-07-25 14:23:00
235
转载 jQuery的实用技巧
1.禁用页面的右键菜单$(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; })}); 2.新窗口打开页面$(document).ready(function(){ //例子1：href=...
2017-07-25 11:16:00
70
转载 jQuery中的Ajax
jQuery对Ajax操作进行了封装，在jQuery中$.ajax()方法属于最底层的方法，第2层是load()、$.get()、$.post()方法，第3层是$.getScript()和$.getJSON()方法。 load()方法 load()方法是jQuery中最为简单和常用的Ajax方法，能载入远程HTML代码并插入DOM中。它的结构为：load(u...
2017-07-20 17:00:00
109
转载 jQuery中的动画
1.show()方法和hide()方法 show()方法和hide()方法是jQuery中最基本的动画方法。在HTML文档里，为一个元素调用hide()方法，会将该元素的display样式改为“none”。$("element").hide(); 与css()方法设置display属性效果相同。$("element").css("display","n...
2017-07-19 14:19:00
79
转载 jQuery中的事件
加载DOM 以浏览器装在文档为例，在页面加载完毕后，浏览器会通过JavaScript为DOM元素添加事件。在常规的JavaScript代码中，通常使用window.onload方法，而在jQuery中，使用的是$(document).ready()方法。$(document).ready()是事件模块中最重要的一个函数，可以极大地提高Web应用程序的响应速度。jQuery就是用...
2017-07-17 17:27:00
118
转载 jQuery中的DOM操作
创建元素节点 创建元素节点可以使用jQuery的工厂函数$()来完成。格式:$(html)。 $(html)方法会根据传入的HTML标记字符串，创建一个DOM对象，并将这个DOM对象包装成一个jQuery对象后返回。 例：创建一个<li>元素，并插入文档。var $li = $("<li title='香蕉'>香蕉</li>...
2017-07-13 14:55:00
108
转载 详解jQuery的选择器
1.基本选择器 基本选择器是jQuery中最常用的选择器，也是最简单的选择器，它通过元素id、class和标签名等来查找DOM对象。在网页中，每个id名称只能使用一次，class允许重复使用。 ♠ #id 描述：根据给定的id匹配一个元素。 返回：单个元素。 示例：$("#test")选取id为test的元素。 ♠ .class ...
2017-07-12 11:33:00
141
转载 微信小程序开发教程（九）视图层——.wxss详解
WXSS是一套样式语言，用于描述WXML的组件样式。 官方文档表示，WXSS的选择器目前支持（“.class”、“#id”、“elemnt”、“element,element”、“::after”、“::before”）,而且本地资源无法通过WXSS获取，所以WXSS中的样式都是用的网络图片，或者base64。 好在微信团队提供的WXSS具有CSS大部分特性。同时为了更适...
2017-07-07 15:58:00
291
转载 微信小程序开发教程（八）视图层——.wxml详解
框架的视图层由WXMKL（WeiXin Markup language）与WXSS（WeiXin Style Sheet）编写，由组件进行展示。 对于微信小程序而言，视图层就是所有.wxml文件与.wxss文件的集合。 微信小程序在逻辑层将数据进行处理后发送给视图层展现出来，同时接受视图层的事件反馈。 ♦ .wxml文件用于描述页面的结构。 ♦ .wxss文件...
2017-07-07 13:34:00
705
转载 jQuery对象和DOM对象的相互转换
1.jQuery对象转成DOM对象 jQuery对象是一个类似数组的对象，可以通过[index]的方法得到相应的DOM对象。var $cr = $("#cr"); //jQuery对象var cr = $cr[0]; //DOM对象//orvar cr = $cr.get(0); //DOM对象2.DOM对象转成jQuery对象va...
2017-07-04 08:58:00
59
转载 JavaScript中的map方法
假设有一个函数f(x)=x²;作用在一个数组[1,2,3,4,5,6,7,8,9],通常我们会用遍历的方法来实现。 function f(x){ return x * x; }var arr = [1,2,3,4,5,6,7,8,9];var result = [];for(var i=0; i<arr.length; i++){ ...
2017-07-03 10:31:00
92
转载 微信小程序开发教程（七）逻辑层——.js详解
逻辑层，是事务逻辑处理的地方。对于小程序而言，逻辑层就是.js脚本文件的集合。逻辑层将数据进行处理后发送给视图层，同时接收视图层的事件反馈。 微信小程序开发框架的逻辑层是由JavaScript编写。在JavaScript的基础上，微信团队做了一些适当的修改，以便提高开发小程序的效率。主要修改包括： ♦ 增加app和page方法，进行程序和页面的注册 ♦ 提供丰富的A...
2017-06-22 10:01:00
891
转载 微信小程序开发教程（六）配置——app.json、page.json详解
全局配置：app.json 微信小程序的全局配置保存在app.json文件中。开发者通过使用app.json来配置页面文件（pages）的路径、窗口（window）表现、设定网络超时时间值（networkTimeout）以及配置多个切换页（tarBar）等。 首先看一个典型的全局配置app.json文件{ "pages": [ "pages/index...
2017-06-21 14:03:00
932
转载 微信小程序开发教程（五）开发框架：MINA
微信团队为小程序提供的框架命名为MINA应用框架。MINA框架通过封装微信客户端提供的文件系统、网络通信、任务管理、数据安全等基础功能，对上层提供一整套JavaScript API，让开发者能够非常方便地使用微信客户端提供的各种基础功能与能力，快速构建一个应用。 通过框架图我们可以看到两大部分：在页面视图层，wxml是MINA提供的一套类似html标签的语言以及一系列基...
2017-06-21 11:20:00
1430
转载 微信小程序开发教程（四）线程架构与开发步骤
线程架构 从前面的章节我们可以知道，.js文件是页面逻辑处理层。我们可以按需在app.js和page.js中添加程序在生命周期的每个阶段相应的事件。如在页面的onLoad时进行数据的下载，onShow的时候进行数据的更新。 典型的app.js代码结构如下：App({ onLaunch: function(){ //启动时执行的初始化工作 },...
2017-06-20 16:37:00
186
转载 微信小程序开发教程（三）项目目录及文件构成
第二章我们已经创建了一个Hello WXapplet示例小程序。我们从文件目录结构来了解Hello WXapplet项目的构成。 目录结构显示，在小程序项目的根目录下面包含3个app开头的文件（app.js、app.json、app.wxss）以及pages目录与utils目录。其中pages目录存放了2个页面（index和log）的构成文件。每个页面都是一个目录，目录名就...
2017-06-20 13:23:00
538
转载 微信小程序开发教程（二）创建第一个微信小程序
在安装完“微信Web开发者工具”之后，通过开发者的微信扫码进入后，如图。 点击“添加项目”，填入之前获得的AppID（无AppID可忽略），输入项目名称“Hello WXapplet”,选定本地文件夹作为项目目录。 勾选“在当前目录中创建quick start项目”后，点击“添加项目”按钮，即已成功创建了我们第一个微信小程序项目——Hello WXapple...
2017-06-20 10:51:00
976
转载 微信小程序开发教程（一）准备
1.成为微信公众平台开发者 成为微信公众平台的开发者，是小程序开发的首要条件。只有成为微信公众平台的开发者，才可以使用公众平台的各种开发接口。如果你已经是开发者，则可以跳过本章。 ①.进入微信公众平台官网（mp.weixin.qq.com）点击右上角的“立即注册”按钮 ②.选择“小程序”。 ③.请填写未注册过公众平台、开放平台、企业号、未绑定个人号的邮箱。 ④.登录邮...
2017-06-20 08:56:00
128
转载 JavaScript中的局部作用域及常量的定义
局部作用域 通常JavaScript的作用域是函数内部，在类似for循环的语句块中是无法申明局部变量的。function exm() { for (var i=0; i<100; i++) { sum += i; } i += 1; // 可以引用i} 为了满足块级作用域的要求，ES6引入了let关键字，let关键...
2017-06-14 17:03:00
140
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人