- 博客(139)
- 收藏
- 关注
原创 使用HTML5里的classList操作CSS类
在HTML5 API里,页面DOM里的每个节点上都有一个classList对象,程序员可以使用里面的方法新增、删除、修改节点上的CSS类。使用classList,程序员还可以用它来判断某个节点是否被赋予了某个CSS类。Element.classList这个classList对象里有很多有用的方法:{ length: {number}, /* # of class
2017-04-18 20:09:16 1093
原创 js动态给当前点击元素添加css类
1.页面:2.html代码: class="project-all"> for='(index,project) in projectData'> class="project" v-on:click='projectSelectFun($event,index)'>{{project.projectName}} class="
2017-04-18 20:08:19 6246 1
原创 CSS3 Media Queries实现响应式布局
概念我就不在这里写啦。大家可以看看以下网页:http://www.runoob.com/cssref/css3-pr-mediaquery.htmlhttp://www.w3cplus.com/content/css3-media-queries以下是我做的一个小例子:页面效果:当页面宽度在320px到550px之间时:
2017-04-18 20:07:04 567
转载 bootstrap走动的进度条
1.页面效果:起始位置:单击"走"按钮后2.html代码:class="progress progress-striped active"> class="progress-bar" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" v-
2017-04-18 20:06:00 3647
原创 Vue.js实现checkbox的全选和反选
小颖之前写的代码存在一个bug,就是当你选择全选的时候去掉后面的一个选项,再点全选结果就是反的了.很感谢博客园的朋友帮我改了这个问题嘻嘻,下面一起来看看具体是怎么实现的吧.1.html 'checkbox' class='input-checkbox' v-model='checked' v-on:click='checkedAll'>全选 fo
2017-04-18 20:05:27 3807
原创 自定义配置UEditor 工具栏上的按钮列表
修改配置项的方法: 1. 方法一:修改 ueditor.config.js 里面的 toolbars 2. 方法二:实例化编辑器的时候传入 toolbars 参数方法一:在ueditor.config.js中 //工具栏上的所有的功能按钮和下拉框,可以在new编辑器的实例时选择自己需要的重新定义 , toolbars: [[
2017-04-18 20:04:48 499
原创 vue实现轮播图效果
页面效果:1.html class="shuffling"> class="fouce fl"> class="focus"> class="showimg"> for='sd in shufflingData'> if='shufflingId==$index' v-on:mouseover=
2017-04-18 20:04:06 6800 4
原创 纯CSS照片墙
效果图:1.html: class="banner clearfix"> class="polaroids"> "javascript:void(0)" title="豆豆">"/yezi/img/1_yezi.png"> "javascript:void(0)" title="猫了个咪">"
2017-04-18 20:03:10 419
原创 v-if VS v-show
在vue实现轮播图效果 中分别用到 v-if和 v-show 下面讲讲我理解的他们的区别:v-if:根据表达式的值的真假条件渲染元素。在切换时元素及它的数据绑定 / 组件被销毁并重建。如果元素是 ,将提出它的内容作为条件块。v-show:根据表达式的值的真假条件渲染元素。在切换时元素及它的数据绑定 / 组件被销毁并重建。如果元素是 ,将提出它的内容作为条件块。
2017-04-18 20:02:40 406
原创 用jquery.pager.js实现分页
1.html"/stylesheets/Pager.css" rel="stylesheet" type="text/css"/> "/javascripts/web/jquery.pager.js" type="text/javascript"> "pager"> "countPage" style="displa
2017-04-18 20:01:55 1019
原创 easyui中方向键、tab键、回车键
1.html中 function changeTab(event, i) { var keyCode = event.keyCode; var inputs = jQuery("#table :input"); // 获取表单中的所有输入框 var idx = inputs.index(i);
2017-04-18 20:01:17 1394
转载 webstorm快捷键大全
ctrl+/ 单行注释/+*+*+*+换行键,生成方法头部注释ctrl+shift+/ 块注释ctrl+shift+ +/- 展开/折叠ctrl+alt+L 格式化代码ctrl+shift+ up/down 上下移动句子Alt+回车 导入包,自动修正Ctrl+N 查找类Ctrl+Shift+N 查找文件Ctrl+Alt+L 格式化代码Ctrl+Alt
2017-04-18 20:00:21 365
原创 nodejs+easyui(抽奖活动后台)增删改查
登录页面main页面 增删改查页面1.npm install express-session2.npm install art-template3.app.js如下var routes = require('./routes/index');var users = require('./routes/users
2017-04-18 19:59:35 1941
原创 nodejs+edatagrid读取本地excel表格
excel表格内容点击 加载excel表格 后1.npm install node-xlsx2.在app.js中加入 var logger = require('morgan');var bodyParser = require('body-parser');var routes = require('./routes/in
2017-04-18 19:55:43 509
原创 nodejs 批量修改、删除
1.首页index.jsvar express = require('express');var router = express.Router();/* GET home page. */router.get('/', function(req, res, next) { res.render('main', { title: 'Express' });});modu
2017-04-18 19:51:28 4016
原创 js实现多张图片每隔一秒换一张图片
html代码 "UTF-8"> "text/javascript" src="/plugin/jquery-easyui-1.4.3/jquery.min.js">"background-color: pink"> "carousel" style="border:1px solid #000000; float:left; width:400px
2017-04-18 19:50:53 13180 2
原创 HighCharts从数据库中读取数据
1.index.jsrouter.get('/', function(req, res, next) { res.render('index', { title: 'Express' });});router.get('/value', function(req, res, next) { var sql="select * from [dbo].[highchar
2017-04-18 19:50:20 4458
原创 用pageGroup.js实现分页功能
1.html页面中引入 "stylesheet" type="text/css" href="/stylesheets/pageGroup.css"> "/javascripts/web/pageGroup.js" type="text/javascript"> "pageGro" class="cb">
2017-04-18 19:49:50 1786
原创 NET 获取类内成员的名称,以字符串形式显示
需要做一个功能,显示类内的属性名和对应的值。比如有类Public Class SupervisedParams Public TestMode As string Public Time As String Public TorquePV As Single Public PrsPV As SingleEnd Class这里用了公
2017-04-18 19:47:37 479
原创 Unity3d学习 基础-关于MonoBehaviour的生命周期
其实在刚接触Unity3D,会有一个疑问,关于Unity3D游戏运行的初始入口在哪?不像Cocos2dx还有个AppDelegate文件可以去理解。而且在刚开始就接触Unity3D时,看到所有脚本中编写的类几乎都继承了MonoBehaviour这个父类,那么MonoBehaviour这个类是干什么的? 首先我们看一关于MonoBehavior这个类的继承关系:
2017-04-17 20:57:56 2024
转载 关于几个主流语音SDK的接入问题
这两周都在忙着游戏上线还有接入游戏语音,两周分别接了腾讯语音和百度语音!!!关于腾讯语音的一些问题由于发现腾讯语音的在录完音频后的数据是编过码的所以出现了一些问题:*不能解码(腾讯方不提供解码算法,能理解),所以导致不能以MP3原有的格式数据传到服务器*版本兼容问题 因为游戏已经上线所以旧的语音数据可以说不能再播放了其实不能解码的问题已经解决,可以将pcm数
2017-04-17 20:55:40 3038
原创 关于接入百度语音的总结
百度语音SDK的接入总算告一段落,感觉接SDK是件很麻烦的事,接过的同学都知道!先来谈一谈接SDK麻烦的二三事:)坑接入的平台一般都是ios或者android,对于wp这种平台还没接过,不过表示前面两个已经暗坑无数,如果要接第三个平台感觉想死的心都有!Android的坑其实最大的问题就是不能调试C++代码,所以一旦发现C++代码有问题就需要修改,并且需要重新NDK编译,这部
2017-04-17 20:54:47 816
原创 Unity3d入门 - 关于unity工具的熟悉
上周由于工作内容较多,花在unity上学习的时间不多,但总归还是学习了一些东西,内容如下:.1 根据相关的教程在mac上安装了unity..2 学习了unity的主要的工具分布和对应工具的相关的功能..3 根据书中的提示 做了一个 简易的机器人游戏(只实现了行走)关于如何在mac(windows)下安装unity3d工具:http://jingyan.bai
2017-04-17 20:53:59 576
原创 Unity3d学习 制作地形
这周学习了如何在unity中制作地形,就是在一个Terrain的对象上盖几座小山,在山底种几棵树,那就讲一下如何完成上述内容.1.在新键得项目的游戏的Hierarchy目录中新键一个Terrain对象(如图黑色部分代表Terrain[地形])2.对地形Terrain增加纹理 .1 在Hierarchy选中Terrain对象可以看到在Inspector有关于Terr
2017-04-17 20:53:28 2699
原创 Unity3d学习 预设体(prefab)的一些理解
之前一直在想如果要在Unity3d上创建很多个具有相同结构的对象,是如何做的,后来查了相关资料发现预设体可以解决这个问题!预设体的概念: 组件的集合体 , 预制物体可以实例化成游戏对象.创建预设体的作用: 可以重复的创建具有相同结构的游戏对象。.1下面来讲解一下如何制作一个简单的预设体(上下为流程和结果图): .2 创建多个prefabs_ne
2017-04-17 20:52:42 5849
原创 Python学习第一弹——Python环境搭建
一、Python简介: Python,是一种面向对象、解释型计算机程序设计语言,由Guido van Rossum于1989年底发明,第一个公开发行版发行于1991年。Python语法简洁而清晰,具有丰富和强大的类库。它常被昵称为胶水语言,它能够把用其他语言制作的各种模块(尤其是C/C++)很轻松地联结在一起。常见的一种应用情形是,使用Python快速生成程序的原型(有时甚至是程序的最终
2017-04-17 20:51:14 476
原创 Android随笔之——Activity中启动另一应用
最近在写语音交互程序,在语音打开应用这块碰到如何用代码控制应用启动的问题。百度了一下,有两种方案:1、获取应用的包名;2、获取应用的包名、入口类名。 之前对两种方案都进行了尝试,发现方案二中存在一个弊端,那就是系统级应用只能获取到包名,不能获取到入口类名,这会导致程序报错,当然你也可以不获取系统级应用的包名和入口类名。出于简单方便的考虑,选择了方案一,废话不多说,上代码。方案一、
2017-04-17 20:50:36 389
转载 Android随笔之——PackageManager详解
今天要讲的是PackageManager。Android系统为我们提供了很多服务管理的类,包括ActivityManager、PowerManager(电源管理)、AudioManager(音频管理)等。除此之外,还提供了一个PackageManger管理类,它的主要职责是管理应用程序包。 通过PackageManager,我们就可以获取应用程序信息。 提到PackageManager,
2017-04-17 20:50:00 372
原创 Openfire/XMPP学习之——一个简单的Smack样例
昨天讲了Openfire的搭建和配置,今天来讲一下Smack。如果对如何搭建和配置Openfire的,可以参考Openfire/XMPP学习之——Openfire的安装、配置。 Smack是一个开源,易于使用的XMPP客户端类库。Smack API, 是一个 Java 的XMPP Client Library,也是由Jive Software开发。 优点:编程简单。 缺点:API并非为大
2017-04-17 20:49:23 435
原创 Ubuntu 14.04 LTS中怎样安装fcitx中文输入法
Ubuntu 14.04 LTS中自带的iBus输入法有多么的难用,这个不用我来说,今后你会看到各种吐嘈会像滔滔江水连绵不绝的。这里我们不抱怨,我们自己来着手解决中国人自己的Linux中文输入法问题。Fcitx是当之无愧的最好的中文输入法(框架),真的非常感谢作者——当然是中国人,不然谁给你写这头痛的东西。当Linux走进平常百姓家的时候,我确信Fcitx的贡献起码也得有好几个百分点呀!
2017-04-17 20:48:51 1579
原创 Android随笔之——Android广播机制Broadcast详解
在Android中,有一些操作完成以后,会发送广播,比如说发出一条短信,或打出一个电话,如果某个程序接收了这个广播,就会做相应的处理。这个广播跟我们传统意义中的电台广播有些相似之处。之所以叫做广播,就是因为它只负责“说”而不管你“听不听”,也就是不管你接收方如何处理。另外,广播可以被不只一个应用程序所接收,当然也可能不被任何应用程序所接收。 一、Android广播机制三要素:
2017-04-17 20:47:47 492
转载 Android随笔之——闹钟制作铺垫之AlarmManager详解
说实话,之前写的两篇博客Android广播机制Broadcast详解、Android时间、日期相关类和方法以及现在要写的,都算是为之后要写的闹钟应用做铺垫,有兴趣的话,大家可以去看看前两篇博客。一、AlarmManager简介 对于一个闹钟应用的实现,个人觉得最主要的应该要属于AlarmManager了。AlarmManager称为全局定时器,字面意思就是闹钟管理(请原谅我蹩脚的
2017-04-17 20:46:17 494
原创 angular2系列教程(一)hello world
今天我们要讲的是angular2系列教程的第一篇,主要是学习angular2的运行,以及感受angular2的components以及模板语法。例子这个例子非常简单,是个双向数据绑定。我使用了官网上最简单的方法来启动这个程序,并且去除cdn使用本地加载,保证长期可以运行(因为文件都在本地,我们不用担心版本更新的问题。)源代码运行方法:全局安装http
2017-04-17 20:45:07 641
原创 angular2系列教程(二)模板语法
今天我们要讲的是angualr2的模板语法,官网写的很清楚,但我也用通俗易懂的讲法再罗列一下吧!例子源代码属性绑定不需要特别的指令,只需要用[value]就可以了,并不只有value,[]里面可以是任何常用的html元素的属性!app/app.htmlinput [value]="firstName" [placeholder]="first
2017-04-17 20:44:18 305
原创 angular2系列教程(三)components
今天,我们要讲的是angualr2的components。例子这个例子是个老外写的,我将其迁移到angular2beta版本,想了解迁移的同学可以参考我的做法。源代码消失的控制器angular2的组件就是angual1中的指令。它包含模板、样式、注入、和选择器。组件嵌套组件可以实现类似react的模块化,我曾经也用angular1做过类似的事
2017-04-17 20:43:45 765
原创 angular2系列教程(四)Attribute directives
今天我们要讲的是ng2的Attribute directives。顾名思义,就是操作dom属性的指令。这算是指令的第二课了,因为上节课的components实质也是指令。例子这个例子共两个指令,第一个是redify指令,能使元素的color属性变红。另外一个直接复制官网的highlight指令,但是我自己做了很多变化,来讲解写法的多样化。源代码@Direct
2017-04-17 20:43:15 1771
原创 angular2系列教程(五)Structural directives、再谈组件生命周期
今天,我们要讲的是structural directives和组件生命周期这两个知识点。structural directives顾名思义就是改变dom结构的指令。著名的内建结构指令有 ngIf, ngSwitch and ngFor。例子例子是我自己改写的,编写一个structural directives,然后通过这个指令实例化和注销组件,在此同时监视组件生命周期。
2017-04-17 20:40:01 591
原创 angular2系列教程(六)两种pipe:函数式编程与面向对象编程
今天,我们要讲的是angualr2的pipe这个知识点。例子这个例子包含两个pipe,一个是stateful,一个是stateless,是直接复制官方的例子(最新的官网文档已经将其改为了pure和impure,并移除了面向对象的比喻,个人认为较为准确,请以最新的官网文档为参考!)。源代码stateless pipepipe就是ng1中的filter。
2017-04-17 20:39:28 1789
原创 angular2系列教程(七)Injectable、Promise、Interface、使用服务
今天我们要讲的ng2的service这个概念,和ng1一样,service通常用于发送http请求,但其实你可以在里面封装任何你想封装的方法,有时候控制器之间的通讯也是依靠service来完成的,让我们一睹为快!例子例子是官方的例子,加载一个英雄列表,点击显示详细信息。我直接放在我们的升级后的装备里面。源代码Injectable在ng2里面如何编写服
2017-04-17 20:38:53 5612
原创 JAVA--网络编程(UDP)
上午给大家简单介绍了一下TCP网络通信的知识,现在就为大家补充完整网络编程的知识,关于UDP的通信知识。 UDP是一种不可靠的网络协议,那么还有什么使用价值或必要呢?其实不然,在有些情况下UDP协议可能会变得非常有用。因为UDP具有TCP所望尘莫及的速度优势。虽然TCP协议中植入了各种安全保障功能,但是在实际执行的过程中会占用大量的系统开销,无疑使速度受到严重的影响。反观UDP由于排除了
2017-04-16 21:30:55 163
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人