自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(40)
  • 资源 (16)
  • 收藏
  • 关注

原创 git 分支创建以及合并

git 分支的创建使用以及合并分支

2022-07-06 16:32:38 1857

原创 Vue轻松实现随机分班

该例子可以根据填写的班级总人数、男女比例进行随机分班,支持Excel的学生信息表格导入和分班结果Excel的导出和展示。

2022-06-09 15:15:25 603

原创 简简单单搭建nginx进行项目部署及前端跨域请求

一、下载文件官网下载最新版本文件:http://nginx.org/en/download.html二、放入打包文件解压后在/html文件夹下放入前端打包文件,例如dist三、修改配置文件修改/conf/nginx文件1. #user nobody;改为#user root;2. 将listen为80端口的server里的location/修改为location / { root html/dist; # 服务的根目录,这里配置刚才的打包文件..

2020-08-22 10:40:27 982 2

原创 再一次对Node.js的学习之:开发基础

交互式运行环境——REPL在控制台直接输入node命令即可进入这个环境,此时控制台会显示一个“>”符号,表明我们已经进入这个环境,然后就可以直接在命令行输入node代码并执行了提示如果要退出该运行环境,连续按两次Ctrl+C快捷键,或者输入.exit。Node.js的命令需要在前面加点。例如,可用.help查看所有命令。浏览器环境——Chrome & FireFox...

2020-02-19 17:29:42 198

原创 再一次对Node.js的学习之:Node.js的概述

简介Node.js是一个基于Google所开发的浏览器Chrome V8引擎的JavaScript运行环境。Node.js使用多种先进的技术,其中包括事件驱动和非阻塞式I/O模型,使其轻量又高效,受到众多开发者的追捧。简单来说,Node.js就是运行在服务端的JavaScript,可以稳定地在各种平台下运行,包括Linux、Windows、MaC OSX、SunOS和FreeBSD等众...

2020-02-19 16:38:46 335

原创 是时候系统的学习之一:canvas

目录一、什么是Canvas二、Canvas的环境三、Canvas的坐标系统四、绘制矩形五、绘制路径六、添加样式、颜色和阴影七、绘制文字八、绘制图片九、变形十、合成十一、其他十二、动画参考网址:小例子:一、什么是Canvas没有Canvas的年代,绘图只能借助Flash,页面不得不用JavaScript和Flash进行交互,...

2019-06-21 11:50:24 796

原创 原生javascript + vue组成的日历

本项目是一款日历,提供了展开看整月、收拢看整周功能;上月下月翻页功能;点击具体日期响应事件以及点击灰色日期,字段跳转到上月、下月功能。主要思路是从两侧计算完日期后,加上本月中间这一块日期,拼接而成。例如: 整月数据: 1.首先获取本月总共多少天,第一天和最后一天是星期几。最终获得本月数据 2.拿到刚才计算的本月第一天...

2019-04-27 22:34:22 457

原创 是时候系统的学习之一:display:flex

1.Flex布局是什么Flex是Flexible Box的缩写 => 意为“弹性盒子”,用来为盒状模型提供最大的灵活性。 设置为Flex布局后,子元素的float、clear和vertical-align属性将失效。传统的布局接近方式是给予盒状模型、依赖display属性+position属性+float属性,因此对于特殊布局非常不方便,例如垂直居中不易实现。直到2009年W3C提出...

2019-03-03 20:37:50 282

原创 简单知识点实例之四:BootstrapTable新型树表格

之前就一直苦恼,为什么没有树形表格,今天无意中看到,很开心,赶紧实验了一下。具体可以查看官网http://issues.wenzhixin.net.cn/bootstrap-table/#extensions/treegrid.html一、创建url/bootstrap_treegrid.json[ { "id": 1, "pid": 0, "name": "系统管

2018-01-13 21:42:13 44682 12

原创 简单知识点实例之三:Bootstrap-Table和后台进行百分百交互的简单实例

这是一个针对前后台交互的例子,可以直接套进项目中通畅运行。第二页之所以数据不对,是因为例子毕竟没有真正的后台,所以数据不对。但是可以套入项目中,就正常了。重点:其中bootstrap-table有一个search:truse搜索框的参数我没有使用,而是自己写了一个搜索框,因为那个参数只针对client(客户端数据才有效果,因为客户端数据得到了所有的数据了,但是例子是和后台交互的se

2018-01-13 20:39:15 5757 1

原创 简单知识点实例之二:如何动态生成div框并且同时异步加载数据

一、动态生成框并且同时ajax异步请求数据<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> Title #box{width: 80%;height: auto;border: 1

2018-01-13 16:01:27 870

原创 简单知识点实例之一:如何将各个单一获取的数据存储为数组对象并将其取出

一、将获取的值存为数组或数组对象(1)存为数组是以逗号隔开的,建议用到存单个特定值时用(如光存id值时)"text" value="我是输入框的名字" id="inputName"/> 取值:直接可以用for循环比对里面的值即可(2)存为对象如果有多条数据,会以序号分别列出来。建议以此去多个值混合的多条数据。这样取值方便很多。

2017-09-23 22:43:54 873

原创 vue.js的第一个helloWorld

Vue.js 的核心是一个允许采用简洁的模板语法来声明式的将数据渲染进 DOM(1)第一步:去官网下载vue.jshttp://cn.vuejs.org/v2/guide/index.html(2)将js引入到普通的html代码中(3)写一个名叫vueFirst的div {{message}}(4)写一个调用这个,特别注意:要把js放在最后面

2017-05-25 11:34:19 3297

原创 JavaScript知识点归纳之教程(二)

2017-02-28 14:37:56 545

原创 JavaScript知识点归纳之教程(一)

一、JavaScript输出JavaScript没有任何打印或输出的函数,不过可以通过不同的方式来输出数据。window.alert()弹出警告框innerHtml写入到HTML元素 document.write()将内容写到HTML文档中console.log()写入到浏览器控制台1.使用window.a

2017-02-27 23:58:04 538

原创 JavaScript知识点归纳之简介

简介:1.JavaScript直接写入HTML输出流: document.write("这是由JavaScript写入的语句");2.JavaScript对事件作出反应点击有惊喜3.javascript能够改变HTML原定元素内容我是一串文字君点击改变文字function fontShow(){fonts=document.getElementById("demo

2017-02-27 21:57:04 419

原创 使用Sencha cmd安装extjs6

1.安装Ruby(ruby的主题包,帮助extjs生成主题样式,而DevKit是ruby需要的)Ruby是sencha cmd 的一个支持环境ruby32位下载地址:http://dl.bintray.com/oneclick/rubyinstaller/ruby-2.2.2-i386-mingw32.7zruby64位下载地址:http://dl.bintray.com/oneclick

2017-02-23 17:42:08 1911

原创 Meteor学习路程(三)之数据库的例子(5)【删除】

这个例子插入的例子是在http://blog.csdn.net/miss_ll/article/details/54573802数据库基础进行继续完善的。与update类似,也需要指定目标文档ID。添加“删除”按钮,单击后弹出确认提示框,确认后在集合中删除模板文档。(1)在testsusersitem.html修改按钮后面新增删除按钮 {{#if isEditing}}

2017-01-16 15:57:12 644

原创 Meteor学习路程(三)之数据库的例子(4)【修改】

这个例子插入的例子是在http://blog.csdn.net/miss_ll/article/details/54377748数据库基础进行继续完善的。这几个例子都是仿照着《Meteor全栈开发》完成的哦。接下来,会在每条展示的用户信息后面添加“修改”按钮,单击后,词条记录文字变为一个表单,提交后,词条用户信息变为修改后的内容。(1)在client/template目录下新建一个用于

2017-01-16 15:40:32 539

原创 Meteor学习路程(三)之数据库的例子(3)【查询】

这个例子插入的例子是在http://blog.csdn.net/miss_ll/article/details/54573400数据库基础进行继续完善的,数据库中存在着三条数据。查询的方式:(1)条件查询修改数据库helper,我这里是testsusers.jsTemplate.testsusers.helpers({ testsusers:function () {

2017-01-16 14:25:41 552

原创 Meteor学习路程(三)之数据库的例子(2)【插入】

这个例子插入的例子是在http://blog.csdn.net/miss_ll/article/details/54377748数据库基础进行继续完善的。(1)在client/template文件夹下面新建一个插入表单模板insertform.html 姓名: 年龄: 保存(2)在main.html中引入表单模板(注意:这个要放在数据库表单模板上面显示,这样插入后就可

2017-01-16 14:02:58 698

原创 Meteor学习路程(三)之数据库的例子(1)【查询】

接下来会用Meteor的几种方式展示出数据:第一步:命令行新建工程meteor create dbTest.......cd dbTest.......meteor npm install.......meteor第二步:第一种方式:模拟数据在client文件夹下新建template文件夹并且建立一对模板和helper文件:users.html、users.js(1)创

2017-01-16 11:42:38 2067

原创 Meteor学习路程(二)之模板的例子

第一步:用《Meteor学习路程(一)之简介与安装》(http://blog.csdn.net/miss_ll/article/details/54312254)的方式新建一个Meteor项目【只有安装meteor的时候才需要翻墙,建项目不需要翻了】第二步:为了让界面更美观,我们这里使用Bootstrap来进行美化。因此需要引入bootstrapmeteor add twbs:bootst

2017-01-11 15:49:05 1511

原创 Windows从源码手动安装wekan实践步骤(Install manually from Source):

这是最复杂的方式,不过拥有最大的灵活性,适应自己的需求。第一步:首先得安装Node.js,去官网(https://nodejs.org/en/)正确安装最新版本的Node.js。(我安装版本是v6.9.1)还没安装的朋友可以查看我另外一篇博文:http://blog.csdn.net/miss_ll/article/details/53469463查询node.js版本方式:命令行进入存储

2017-01-10 16:51:46 10308 3

原创 Meteor学习路程(一)之简介与安装

一、Meteor是什么?Meteor是一个构建在Node.js之平台,用于开发让网页能够实时和响应的程序。Meteor位于程序数据库和用户界面之间,保存二者之间的数据同步更新。二、为何使用Meteor?易于学习,上手快三、安装Meteor(我主要是Windows安装的哦)1.区分系统安装(1)Mac OS或Linux系统下,可以打开终端窗口,输入以下命令来安装Meteor

2017-01-10 14:05:41 5093 1

原创 例子:实现最新版本Node.js中Express+mongodb的登录注册页面

由于版本差异巨大且不兼容的情况下,作为才开始学习Node.js的菜鸟,书籍上的例子是不能看了,因此仿照着网络大神中的例子自己再归纳总结了一遍,方便自己以后查看。好记性不如烂笔头嘛。这里主要使用的版本是express4.0+mongodb最新版本以及Bootstrap3.0界面所做。一、新建项目文件且搭建依赖关系下图步骤1:首先用命令行进入一个自定的项目存放地址下图步骤2:运行命令行

2016-12-29 14:48:18 6499 5

原创 了解windows下Node.js的调试

首先写一个简单的程序,test.js:一、命令行下的单步调试

2016-12-08 11:31:42 1408

原创 了解Node.js的模块、包、包管理器

一、模块1.一个Node.js文件就是一个模块,这个文件可能 是JavaScript代码、JSON或者编译过的C/C++扩展。2.Node.js提供了exports和require两个对象,其中exports是模块公开的接口,require用于从外部获取一个模块的接口,即所获取模块的exports对象。3.一个文件就是一个模块。第一个例子,如何创建一个模块,先创建一个module.

2016-12-07 10:45:56 483

原创 了解Node.js的异步式I/O与事件式编程

Node.js最大的特点就是异步式I/O(非阻塞I/O)与事件紧密结合的编程模式。1.什么是阻塞式I/O:线程在执行过程中遇到磁盘读写或网络通信(统称为I/O操作),通常要耗费很长的时间,这时系统会剥夺这个线程的CPU控制权,使其暂停执行同时将资源让给其他的工作线程,这种调度方式称为阻塞。当I/O操作完毕时,操作系统将这个线程的阻塞状态解除,恢复其对CPU的控制权,令其继续执行,这种I/O模式

2016-12-06 17:40:31 587

原创 Node.js建立一个超简单的HTTP服务器

PHP架构是"浏览器-HTTP服务器-PHP解释器”的组织方式,而Node.js采用了一种不同的组织方式即"浏览器-Node”现在创建一个HTTP服务器:(1)建立app.js文件,内容如下:var htpp = require('http');http.createServer(function(req,res){ res.writenHead(200,{'Content-t

2016-12-06 16:32:48 927

原创 Node.js简介

现在开始学习《Node.js开发指南》,所以这是上面的介绍性文字。1.Node.js或者Node是一个可以让JavaScript运行在服务器端的平台。2.Node.js是一个为实时Web应用开发而诞生的平台,摒弃了传统平台依靠多线程来实现高并发的设计思路,而采用了单线程、异步式I/O、事件驱动式程序的设计模型。3.Node.js有着强大而灵活的包管理器(node package man

2016-12-06 15:02:07 694

原创 Windows下Node.js的安装与配置

(1)下载适合的Node.js版本https://nodejs.org/en/安装到任意位置(我安装地址是:D:\A_Learn\NodeJS\anzhuangmulu)。傻瓜式操作,就不详细介绍了,网上都有步骤。(2)cmd进入到安装目录,运行node -v看是否成功(3)安装git.安装提示下载,然后到cmd安装目录中查看是否安装好git -v

2016-12-05 20:08:34 744

原创 使用Node.js和MongoDB通过Mongoshin和Express.js构建JSON REST API服务器

根据《JavaScript快速全栈开发》书籍和网络上的融合整理出,方便自己和大家以后学习交流哒,更加为了自己整理笔记--将使用Mocha和Super Agent库写测试,然后使用测试驱动的方式用Express.js、MongoDBD Mongoshin库开发一个免费的Node.js JSON Rest API服务器。1.先创建一个用于保存测试文件的文件夹。可以人工创建也可以代码创建。(我的

2016-12-05 16:31:22 670

原创 Windows中的MongoDB安装步骤详解

(1)首先在MongoDB官网中下载需要的版本https://www.mongodb.com/download-center?jmp=nav#community(2)新建存放MongoDB安装的文件夹(D:\A_Learn\MongoDB\anzhuanglujing)(3)MongoDB解压安装好后,在D:\A_Learn\MongoDB\anzhuanglujing里面新建一个新的文件

2016-12-02 17:04:53 1231

原创 创建Node.js的Hello World程序

(1)首先肯定要先下载Node.js。选择需要的版本。我下载的是(node-v6.9.1-x64.msi)。至于怎么安装请自行百度一下吧。https://nodejs.org/en/download/  (2)新建一个用于Node.js测试程序的文件夹NodeTest,然后创建helloworld.js的文件。我的地址是D:\A_Learn\Node.js\anzhuangmulu\Nod

2016-12-02 10:00:01 1402

原创 总结【代码重构】:Backbone.js做一个点击链接,跳过加载图片后即可跳转到效果图片的例子

因为要遵循KISS(Keep It Simple Stupid)原则,尽可能使事情简单把应用拆分成多个文件,每个包含下面一种类型:(1)视图(2)模板(3)路由器(4)集合(5)模型此文是对《BackBone.js的第一个应用,相当于Hello World!》《BackBone.js集合》《BackBone.js的事件绑定例子》《Backbone.js中Underscore.js的视图和子

2016-12-01 15:56:14 1429

原创 Backbone.js中Underscore.js的视图和子视图

此文是对上一篇文章《Backbone.js的事件绑定例子》的完善。子视图也是Backbone视图,是在另一个Backbone视图里创建和使用的。子视图对于分离UI事件(如点击)是很实用的一种方式。此源码来自《JavaScript快速全栈开发》中,经过网络其他的学习掺杂整理记录下来的。提醒:推荐使用谷歌浏览器、火狐浏览器查看,360浏览器无效,IE会被拦截。(1)先引入三个库

2016-12-01 15:22:44 812

原创 Backbone.js的事件绑定例子

此文是延伸上文的Backbone.js的集合。获取数据并不是立即发生的,所以为了创造更好的用户体验,应当加载一个图标告诉用户数据正在加载中。(1)先映入三个文件库(JQuery.js、Underscore.js、BackBone.js)第一篇Backbone.js的文章《编写Backbone.js的第一个应用,相当于Hello World!》 有下载地址和版本号介绍(2)准

2016-12-01 11:46:01 2206 1

原创 Backbone.js的集合

此源代码来自《JavaScript快速全栈开发》中,经过网络其他的学习掺杂整理出的代码。接下来会创建一个水果数据库,也就是Rest API的替代品,它会提供给我们水果的名字和图像URL(数据模型)Rest API指一组架构约束条件和原则,满足约束条件和原则的应用程序设计。(用固定的URI和可变的参数访问某个服务,来完成一系列的业务请求)接下来写一个小例子,步骤:(1)先引入三个库文

2016-12-01 09:24:13 628

原创 编写Backbone.js的第一个应用,相当于Hello World!

因为最近都在看《JavaScript快速全栈开发》,所以有些源代码可能就是从中摘抄下来的哦~这是编写的第一个Backbone.js应用,感觉网络上这方面有些少,作为小白,在此写下自己在书籍和网络上查找出的步骤归纳一下,以便以后的学习和大家的分享交流。具体步骤:(1)下载以下库文件,并且引入进等会新建的html文件里面:(具体版本没有深入考虑过,我下载的是jquery-2.0.0、und

2016-11-30 18:57:25 803

分班系统根据填写的班级总人数、男女比例进行随机分班

该例子可以根据填写的班级总人数、男女比例进行随机分班,支持Excel的学生信息表格导入和分班结果Excel的导出和展示。 这是核心代码,需要放在Vue脚手架里开个页面,引用一下elementui、xlsx、file-saver即可!!!!

2022-06-09

canvas学习.zip

canvas的官网小例子,可以在给的api网址中查看到的例子。

2019-06-21

calendar.zip

一款原生JavaScript,手写的日历功能。具体上下翻页以及点击日历事件等

2019-05-20

JavaScript日历

一款原生JavaScript,手写的日历功能。具体上下翻页以及点击日历事件等

2019-04-27

displayFlex小例子

displayFlex的小例子。里面不包括描述‘项目’的例子。

2019-03-03

vue_element纯净项目

vue_element纯净项目,各个资源加载完毕,还解决了前台生成环境下跨域问题,引用了vue+elementui+axios+vuex

2018-06-28

boostrapTable表格树

boostrapTable表格树,官网上有,但是如果未来方便也可以下载,毕竟js和css齐全可以直接运行出效果

2018-01-13

bootstrap-table真实交互数据

可以直接套入使用,是真实前后台可以交互的数据表格例子,只需要切换下绑定值和url和返回值就可以了

2018-01-13

动态生成div框并且同时加载数据

动态生成div框并且同时加载数据,当数据量大的时候大大节省数据回访时间

2018-01-13

例子:实现最新版本Node.js中Express+mongodb的登录注册页面

大家分享交流

2016-12-30

LoginRegister

参考交流

2016-12-16

Backbone.js例子代码重构

供大家交流沟通

2016-12-01

bcakbone.js中Underscore.js实现的视图与子视图

源代码免费提供给大家,希望大家一起交流学习。

2016-12-01

Backbone.js的事件绑定

源代码免费提供给大家,希望大家一起交流学习。感谢。

2016-12-01

Backbone.js的集合

提供给大家免费下载,交流沟通

2016-12-01

First Backbone.js

免费提供,大家交流分享。感谢

2016-12-01

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除