自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(30)
  • 资源 (1)
  • 收藏
  • 关注

转载 JQuery实现可以编辑的表格

前段时间做项目用到了可以编辑的表格,本篇博客主要是简单总结jQuery部分实现可以编辑的表格,没有与数据库的交互部分,下篇博客会详细解说AJax部分。       首先是准备表格,样式自定,例子中我用了表格很简单的样式。       html      [html] view plain copy print?html xml

2017-01-23 13:52:14 547

翻译 datatables-editor——API

做项目要用到datatables 的可编辑表格、所以在官网搜了一下怎么用,发现是英文的,所以写了这篇文章,让自己先过一遍dataTables的Editor的API编辑器可以快速轻松通过内置tabletools按钮和简单的初始化创建一个可编辑的表格。但要解锁编辑器的真正力量,你需要使用它的API。API提供了控制每个编辑器实例的能力,对表单中的字段有完整的控制,对最终用户显示了什么编辑显

2017-01-23 13:08:06 4032

转载 css3的新属性————calc()属性

calc()的用法十分巧妙,可以像我们在学校做数学应用题那样列式子来计算长度宽度等值,从而一定程度上实现自适应布局我们想要实现页面自适应布局时,通常因为margin的存在,而比较麻烦;有时候想要实现宽度自适应的输入框时,也因为padding或margin的存在,而相当繁琐,同时由于浏览器兼容性而导致最终效果不一致。css3新添加属性box-sizing,在一定程度上解决了上面的问题,案例:

2017-01-12 17:06:47 1140

原创 鼠标滑轮事件

script>// 禁止鼠标滑轮滚动 function disable_scroll() { if (window.addEventListener) { window.addEventListener('DOMMouseScroll', function () { ev

2017-01-10 16:16:53 409

原创 h5结构标记

2、结构标记      1、元素         用作与网页头部,可能包含网页标题、LOGO、导航信息该元素可以出现多次等同于     欢迎光临。。。      2、元素         用于定义网页导航首页母婴用品家居用品等同于:      3、元素         section:小节该元素标识网页内容

2017-01-10 14:08:53 479

原创 CSS3 box-shadow 属性

box-shadow 属性向框添加一个或多个阴影。语法box-shadow: h-shadow v-shadow blur spread color inset;注释:box-shadow 向框添加一个或多个阴影。该属性是由逗号分隔的阴影列表,每个阴影由 2-4 个长度值、可 选的颜色值以及可选的 inset 关键词来规定。省略长度的值是 0。值描述测

2017-01-10 13:16:47 390

转载 npm如何升级自身

其实使用npm升级各种插件是很方便的,比如我想升级express框架,使用如下命令npm update express如果你的express是全局安装,则npm update -g express也可以使用安装命令来重装,在这里是等效于update:npm install -g express但是如果想升级npm自身,则会遇到一点问题,因为nodejs附带了npm,

2017-01-10 10:39:47 451

转载 一个简单的 vue.js 实践教程

博客地址: http://cody1991.github.io/vue/2016/08/30/a-simple-vue-guide.html公司有一个项目,其中一部分的截图如下:主要需求如下:需要拉取十个人的信息,包括封面图,名字,票数,以及对应用户是否进行了投票等信息,以及根据票数排序正在直播的人在右上角会有一个提示点击支持的时候,

2017-01-08 23:56:06 2207

转载 使用 Vue.js 制作一个简单的调查问卷平台

使用 Vue.js 制作一个简单的调查问卷平台原文  https://github.com/pramper/Demos/tree/master/Vue-Demos/Questionnaire主题 Vue.jsQuestionnaire一个用Vue.js写的微型问卷调查任务基于百度ife 任务四demo任务目的基于阶段三的各

2017-01-08 23:54:45 7309

转载 vue项目实践(vuex + vue-router + vue-resource)

https://segmentfault.com/a/1190000006747096?utm_source=tuicool&utm_medium=referral初次接触vue,刷完了堪称经典的vue官网文档+vue-router文档+vuex文档+vue-cli文档,然后就开始刷项目了。这篇文章总结了项目实践的一些思路。首先看下项目的总览图(mockplus制作)

2017-01-08 23:53:12 1306

转载 基于Vue的简单的单页面应用

基于Vue的简单的单页面应用在对Vue和webpack有了一定了解后,我们就可以开始利用所了解的东西做一个简单的webapp了,不了解的同学可以看下我的前两篇关于vue和webpack的基本应用:webpack+vue起步利用webpack和vue实现组件化构建项目首先创建各个组件,我的目录结构如下:1234567891011121314

2017-01-08 23:51:31 505

转载 基于vue.js和webpack的Chat示例

todomvc看腻了,周末花时间做了一个基于Vue + Webpack构建的简单chat示例,聊天记录保存在localStorge。简单演示了Vue的component、filter、directive、computed以及组件间的事件通讯。项目地址: https://github.com/Coffcer/vue-chat

2017-01-08 23:50:18 734

转载 Vuejs在v-for中,利用index来对第一项添加class

(1)在v-for中,利用index来对第一项添加class[html] view plain copy  a class="list-group-item" :class="{'active':!index}" v-for="(i,index) in announcement">  index来源

2017-01-08 23:49:33 8869

转载 使用 Vuex + Vue.js 构建单页应用

原文地址:https://coligo.io/learn-vuex-by-building-notes-app/前言:在最近学习 Vue.js 的时候,看到国外一篇讲述了如何使用 Vue.js 和 Vuex 来构建一个简单笔记的单页应用的文章。感觉收获挺多,自己在它的例子的基础上进行了一些优化和自定义功能,在这里和大家分享下学习心得。在这篇教程中我们将通过构建一个笔记应用来学习

2017-01-08 23:48:25 677

转载 用 vue.js 开发微信 app(ios 版) 界面的 demo

目录(?)[-]vue-wechat安装技术栈为了减少图片加载图标使用的iconfont手机预览QR基本操作开发约定参考  https://github.com/useryangtao/vue-wechat主题 Vue.js iOS开发vue-wechat用vue.js开发微信app(iOS版)界面的demo线上地址:

2017-01-08 23:46:59 4782 1

转载 vue + webpack 起手式

介紹https://segmentfault.com/a/11900000053630302016-10-04 更新為使用 Vue.js 2.x前端的世界變化之快速,從 2010 開始小弟經歷了 jQuery, Backbone, Angular, 到 React。這一路走來雖然學習到了許多高明開發者融合於框架或函式庫中的智慧,卻也因為不斷快速變化感到疲憊。時至 201

2017-01-08 23:44:59 433

转载 一步一步教你用 Vue.js + Vuex 制作专门收藏微信公众号的 app

只看不赞,或者只收藏不赞的都是耍流氓,放学别走,我找我哥收拾你们。项目地址:https://github.com/jrainlau/wechat-subscriptor下载&运行git clone git@github.com:jrainlau/wechat-subscriptor.gitcd wechat-subscriptor && npm ins

2017-01-08 23:43:29 1775

转载 Vue2.0 新手完全填坑攻略—从环境搭建到发布

Jinkey原创感谢 showonne、yubang 技术指导Demo 地址:http://demo.jinkey.io/vue2源码:https://github.com/Jinkeycode/vue2-examplevue-router中文文档http://router.vuejs.org/zh-cn/index.html什么是 Vue

2017-01-08 23:36:35 1043

转载 es6+webpack+vue项目实践

最近开发一个铜盘功能,用了以上的技术栈开发。有一些心得可以记录下来。包括写的模块的经验。构建后台是用Java实现,使用velocity模板。目录结构---webapp|-----resource|--------init // 初始js文件|--------src|-----------business // 业务vue组件|------

2017-01-08 23:33:51 801

转载 Webpack + vue-loader构建单文件vue组件

1.开始创建下面目录:修改package.json:[javascript] view plain copy{    "name": "vue",    "version": "0.0.1",    "description": "My vue",    "author": "m

2017-01-08 23:33:18 770

转载 vue入门实战教程 - 用vue高仿饿了吗APP

滴滴出行的一位哥们录制的视频,收费的,价格198元,我这里不是打广告,我不认识他。不过对于vue的入门还是不错的,使用的是vue1.0框架,虽然现在已经是vue2.0, 不过2.0基本上只是多了virtual-DOM,Templates || JSX || Hyperscript,流式服务端渲染及一些性能优化,并且管方也有详细的1.0到2.0的迁移教程,懂1.0了,2.0也不用怎么去学习了。

2017-01-08 23:31:29 6823

转载 Vue.js插件开发入门

相对 组件 来说,Vue 的 插件 开发受到的关注要 少 一点。但是插件的功能是十分强大的,能够完成许多 Vue 框架本身不具备的功能。 大家一般习惯直接调用现成的插件,比如官方推荐的 vue-router 、 vue-touch 等。 下面就看一下 Vue 的插件开发如何入门。首先我们简单回顾一下 Vue.js 官方文档中对于插件开发的描述。Vue 的插件必须提供一个公开方法

2017-01-08 23:30:14 4230

转载 基于Vue的简单的单页面应用

构建项目首先创建各个组件,我的目录结构如下:123456789101112131415//没有后缀名的都是文件夹|-wechat |-dist |-src | |-components //存放vue组件 | | |-tab //存放home.vue中的tab,动态切换的模板 |

2017-01-08 23:28:05 2195

转载 利用webpack和vue实现组件化

在vue中实现组件化用到了vue特有的文件格式.vue,在每一个.vue文件就是一个组件,在组件中我们将html,css,js全部写入,然后在webpack中配置vue-loader就可以了。建立vue组件在src目录下建立components文件夹,并在其中建立app.vue文件,这样我们项目的目录结构如下:|--dist //webpack打包后生成

2017-01-08 23:26:15 991

转载 webpack+vue起步

项目的创建1.新建项目文件夹,并在其中建立package.json$ mkdir [project name]$ cd [project name]$ npm init2.在项目目录下新建index.htmlhtml lang="en">head> meta charset="UTF-8"> title>Vue exampletitle>head>

2017-01-08 23:25:09 272

转载 vue.js总结

1.Vuejs组件vuejs构建组件使用1Vue.component('componentName',{ /*component*/ });这里注意一点,组件要先注册再使用,也就是说:1234567891011121314Vue.component('mine',{

2017-01-08 23:23:15 717

转载 前端开发人员2017年学习什么

学习怎么写可读的代码我们工作的大部分内容是修改已有的代码,而不是写新的代码。这意味着你读代码要多过写代码,所以你需要尽量为下一位程序员优化代码,而不是为程序解释器优化代码。在这里我推荐阅读这三本惊奇的书--按照由短到长的顺序:The Art of Readable Code(中文版:编写可读代码的艺术),作者:Dustin Boswell。Clean Code: A Han

2017-01-08 22:14:11 1302

转载 vuejs 安装

安装1、 安装nodejs 直接网上找下载就好2、安装淘宝镜像 打开命令行 输入npm install -g cnpm --registry= https://registry.npm.taobao.org13、安装webpack cnpm install webpack -g4、在你想要新建项目的路径下新建文件夹 用于存放项目文件 cd 进入你

2017-01-06 16:33:43 1666

转载 Vue入门

1.1. Vue简介Vue是一个前端的双向绑定类的框架,发音[读音 /vjuː/, 类似于 view]。新的Vue版本参考了React的部分设计,当然也有自己独特的地方,比如Vue的单文件组件开发方式都很有创新,另外Vue自身的一些绑定的语法、用法等都非常精炼,很容易上手,而且第三方的插件都非常丰富,社区非常活跃,最新的文档都有中文版本。而且Vue配合官方的和第三方的库可以实现单文件的组件化开

2017-01-06 15:25:02 554

原创 vue ——Vue实例

VUE  实例构造器:每个vue.js应用都是通过构造函数Vue创建一个 Vue的根实例启动的。 var vm = new Vue({ //选项 })在实例化Vue时,需要传入一个选项对象,他可以包含数据、模板、挂载元素、方法、生命周期钩子等选项。可以跨站Vue 构造器,从而用预定义选项创建可复用的组件构造器; var MyCompo

2017-01-04 15:03:07 2608

后台管理-ace

这是一个后台管理模板,非常好用。

2018-10-25

空空如也

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

TA关注的人

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