前端编程
蓝星花
用代码编写我们的青春年华!
展开
-
01-node.js-安装
1.下载并安装 Node.jswget https://nodejs.org/dist/v6.10.3/node-v6.10.3-linux-x64.tar.xztar xvJf node-v6.10.3-linux-x64.tar.xz2.将解压的 Node.js 目录移动到 /usr/local 目录下mv node-v6.10.3-linux-x64 /usr/local/no原创 2018-01-12 13:14:32 · 677 阅读 · 0 评论 -
第四篇-后端人员学习vue(常用语法)
1.前言 我们对vue有了一个大致的印象之后,我们现在巩固一下vue常用的语法,然后我们怎么跟好的把vue.js整合到我们后台里去,方便我们对数据的处理:展示。2.{{msg}}(插值表达式)<!DOCTYPE html><html><head>原创 2018-08-01 14:41:50 · 941 阅读 · 0 评论 -
第三篇-后端人员学习vue(项目实战)
1.前言 上篇我们大家好了vue的环境,那么我们赶紧上车吧。(我是看慕课网的高仿饿了么vue.js视频)本篇不会将饿了么都实现,我们干后端的也没必要说把页面写的多好看,我们要搞清楚一下东西: 1.vue项目开发流程 2.项目入口在哪 3.路由-对应页面模板 4.数据的双向绑定大概把这些东西弄清楚了,我们就可以更好的用vue来写我们的后台页面!2.dem...原创 2018-08-01 12:58:53 · 3544 阅读 · 2 评论 -
第二篇-后端人员学习vue(搭建环境)
Vue.js是一套构建用户界面的 “渐进式框架”。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。 我们将学习一下内容: 1.node.js安装 2.cnpm的安装 3.vue-cli的安装 4.新建一个Vue项目 5.本地运行调试...原创 2018-07-29 11:15:42 · 2073 阅读 · 3 评论 -
第一篇-后端人员学习vue
1.前言 现在基本都要求程序猿知识面广,引用一句经典的话:“不想当全栈的后台程序猿不是好攻城狮”。所以还是要多了解一些知识,每个菜鸟都有一个大牛梦,每个小白都有一个全栈梦,颤抖吧骚年。2.前端框架目前最火的三款前端框架:AngularJs、VueJs、ReactJs,各有各的社区和粉丝,很难说它们三个谁是最好用的,只能说各有各的使用场景、各有各的优势,比如AngularJs最...原创 2018-07-29 10:01:46 · 3105 阅读 · 0 评论 -
pm2常用命令
pm2是node进程管理器,在服务器上搭建node服务是把利器。最近整理了下常用的一些命令,会持续进行更新。安装:npm install pm2 -g //安装pm2pm2 update // 更新pm2pm2 uninstall pm2 //移除pm2开启关闭:pm2 start server.js //启动server.js进程pm2 stop all // 停止所有进程pm2 st...转载 2018-03-04 16:38:06 · 424 阅读 · 0 评论 -
jqGrid基本用法与示例
jQuery("#list").jqGrid({ // 请求后台json数据的url url:'list.json', // 后台返回的数据格式 datatype: "json", // 列表标题 colNames:['Inv No','Date', 'Client', 'Amount','Tax','Total','Notes...转载 2018-02-23 00:39:22 · 1034 阅读 · 0 评论 -
bootstrap 表单提交验证
直接上我写的一个实例:11 姓名 密码原创 2018-02-06 21:29:00 · 14882 阅读 · 0 评论 -
后台管理UI的选择
一、EasyUIeasyui是一种基于jQuery的用户界面插件集合。easyui为创建现代化,互动,JavaScript应用程序,提供必要的功能。使用easyui你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以定义用户界面。easyui是个完美支持HTML5网页的完整框架。easyui节省您网页开发的时间和规模。easyui很简单但功能强大的。转载 2018-02-06 14:09:25 · 652 阅读 · 0 评论 -
BootStrap-04按钮
以下样式可用于, , 或 元素上:类描述实例.btn为按钮添加基本样式尝试一下.btn-default默认/标准按钮尝试一下.btn-primary原始按钮样式(未被操作)尝试一下.btn-success表示成功的动作尝试一下转载 2018-02-05 16:06:50 · 430 阅读 · 0 评论 -
BootStrap-07ui编辑器
LayoutIt!拥有拖拽接口的功能,能简单迅速的构建一个 Bootstrap 前端代码。LayoutIt! 兼容任何的编程语言,允许用户下载 HTML ,在这里自由的进行编码设计。http://www.layoutit.com/build转载 2018-02-05 16:43:22 · 515 阅读 · 0 评论 -
BootStrap-06字体图标
在线定制字体图标点击这里,定制字体图标 »图标列表图标类名实例glyphicon glyphicon-asterisk尝试一下glyphicon glyphicon-plus尝试一下glyphicon glyphicon-minus尝试一下转载 2018-02-05 16:22:09 · 533 阅读 · 0 评论 -
BootStrap-05图片
.img-rounded:添加 border-radius:6px 来获得图片圆角。.img-circle:添加 border-radius:50% 来让整个图片变成圆形。.img-thumbnail:添加一些内边距(padding)和一个灰色的边框。转载 2018-02-05 16:13:29 · 351 阅读 · 0 评论 -
BootStrap-03排版
我的学习心得:1.label的for的意义在用户注册的时候,常常用户点击文字就需要将光标聚焦到对应的表单上面显式的联系: Social Security Number: 隐式的联系: Date of Birth: 2.sr-only属性的理解screen reader only屏幕阅读器,这个 class 主要用于增强 accessbil转载 2018-02-05 14:09:24 · 582 阅读 · 0 评论 -
BootStrap-02网格系统
Bootstrap 提供了一套响应式、移动设备优先的流式网格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列。Bootstrap 网格系统(Grid System)的工作原理网格系统通过一系列包含内容的行和列来创建页面布局。下面列出了 Bootstrap 网格系统是如何工作的:行必须放置在 .container class 内,以便获得适当的对齐原创 2018-01-13 22:36:46 · 798 阅读 · 0 评论 -
BootStrap-01简介
Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。Bootstrap 基本结构Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构Bootstrap CSS全局的 CSS 设置、定义基本的 HTML 元素样式、可扩展的 class,以及一个先进的网格系统Bootstrap 布局组件和原创 2018-01-13 21:57:46 · 829 阅读 · 0 评论 -
第五篇-后端人员学习vue(实际项目中)
1.前言前面把vue大部分重要的内容学完了,其实vue还是非常容易上手的。我学习vue的目的就是它挺好用的,所以我一直在想怎么把vue整合到后台中,写出好看的页面。本篇博客会讲到: 1.我们后台怎么改成vue的 2.vue能给我们带来什么便捷2.效果展示反正我觉得用了vue之后,我们对数据的展示方便了许多,个人认为是我目前最喜欢的一款框架。### 3...原创 2018-08-01 15:31:46 · 7998 阅读 · 7 评论