- 博客(632)
- 资源 (28)
- 收藏
- 关注
RSS订阅原创 vue-cli+webpack项目 修改项目名称的方法
使用vue-cli+webpack创建的项目，修改文件名称或者更改文件的位置，运营时会报错，是因为npm项目，在安装依赖（node_nodules）时，会记录当前的文件路径，当修改之后就无法正常启动。解决方法：1 删除 node_modules 文件夹（如果修改项目名称，需要在在package.json中修改对应的name）2 重新安装依赖 cnpm install3 启动项目 cnpm run ...
2018-05-16 19:58:25
3046
转载 前端UI大全（针对后台管理ERP类）
最近有个项目需要，维护优化以前一个外包的项目，由于项目比较早所以UI不太美观，想做重构。想满足的条件应该达到如下几个：1、美观、大方、简洁2、兼容IE8、不考虑兼容IE6/IE7，因为现在还有很多公司在使用Win7系统，系统内置了IE83、能通过选项卡打开多个页面，不想做单页，iframe也没关系4、性能好，不要太笨重5、最好以Bootstrap为基础6、还希望在以后别的系统中能够复用。一次次反复...
2018-05-14 16:20:53
7518
转载 05-Vue入门系列之Vue实例详解与生命周期
Vue的实例是Vue框架的入口，其实也就是前端的ViewModel，它包含了页面中的业务逻辑处理、数据模型等，当然它也有自己的一系列的生命周期的事件钩子，辅助我们进行对整个Vue实例生成、编译、挂着、销毁等过程进行js控制。5.1. Vue实例初始化的选项配置对象详解前面我们已经用了很多次 new Vue({...})的代码，而且Vue初始化的选项都已经用了data、methods、el、comp...
2018-05-03 13:55:38
164
转载 VUE插件整理
1.VsCode官方插件地址：https://marketplace.visualstudio.com/vscodehttp://code.visualstudio.com/docs官网下载地址：http://code.visualstudio.com/2.使用方法，可以在官网中搜索需要的插件或者在VsCode的“”扩展“”中搜索需要的插件添加方法使用Ctrl+P, 输入 ext install ...
2018-04-28 18:11:09
2852
转载 vscode编辑器插件总结
之前一直用webstorm，webstorm确实太重了，后来无意中发现了vscode。高颜值吸引了我哈哈哈…就一直用着。VScode下载地址：点击下载VScode详细用法：点击查看很喜欢VScode的插件功能~想要什么插件就搜索，比如搜索angular以下是我装的一些插件，记录防止下次装机只要点击一下某款插件，插件的介绍和用法都会在右侧窗口详细介绍，还会有小动画演示...
2018-04-28 17:30:17
1815
原创 Visual Studio Code 使用 Typings 实现typescript的智能提示功能
Visual Studio Code 可以通过 Typings 来对 JavaScript 实现智能提示功能：1.通过NPM安装Typings通过 NPM 我们可以很容易的安装 Typings ，在命令行中输入：npm install -g typings安装完成后，在命令行中输入：typings --version看到版本信息就表示 typings 工具安装完成了2.安装相关提示信息文件安装完成...
2018-04-28 17:17:53
7234
原创 vscode: Visual Studio Code 常用快捷键
vscode: Visual Studio Code 常用快捷键 主命令框F1 或 Ctrl+Shift+P: 打开命令面板。在打开的输入框内，可以输入任何命令，例如：按一下 Backspace 会进入到 Ctrl+P 模式在 Ctrl+P 下输入 > 可以进入 Ctrl+Shift+P 模式在 Ctrl+P 窗口下还可以:直接输入文件名，跳转到文件? 列出当前可执行的动作! 显示 Erro...
2018-04-26 18:10:45
167
原创 Vue -渐进式JavaScript框架
介绍vue 中文网vue githubVue.js 是一套构建用户界面(UI)的渐进式JavaScript框架库和框架的区别我们所说的前端框架与库的区别？Library库，本质上是一些函数的集合。每次调用函数，实现一个特定的功能，接着把控制权交给使用者代表：jQueryjQuery这个库的核心：DOM操作，即：封装DOM操作，简化DOM操作Framework框架，是一套完整的解决方案，使用框架的时...
2018-04-26 18:07:54
231
原创 新手向：Vue 2.0 的建议学习顺序
起步1. 扎实的 JavaScript / HTML / CSS 基本功。这是前置条件。2. 通读官方教程 (guide) 的基础篇。不要用任何构建工具，就只用最简单的 <script>，把教程里的例子模仿一遍，理解用法。不推荐上来就直接用 vue-cli 构建项目，尤其是如果没有 Node/Webpack 基础。3. 照着官网上的示例，自己想一些类似的例子，模仿着实现来练手，加深理解...
2018-04-26 18:04:33
199
原创 VUE知识大全
Vue ，React ，Angular 三大主流框架，最后我选择学习 Vue ，接触过 React ，自己感觉学习曲线有些陡峭，进而我选择了学习 Vue ，他的学习曲线平稳很多；不管选择什么框架，除了对基础的知识有一定的了解掌握，还应该对 ES6 有一定的了解；这就是我脑海中的 Vue 知识体系；一句话概况了 Vue 通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。Vue 的创建一个...
2018-04-26 18:00:11
219
转载 vuejs 和 element 搭建的一个后台管理界面
介绍： 这是一个用vuejs2.0和element搭建的后台管理界面。 相关技术： vuejs2.0：渐进式JavaScript框架，易用、灵活、高效，似乎任何规模的应用都适用。 element：基于vuejs2.0的ui组件库。 vue-router：一般单页面应用spa都要用到的前端路由。 vuex：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。 效果图：演示地址：...
2018-04-26 11:08:30
3896
1
转载 使用vuejs2.0和element-ui 搭建的一个后台管理界面
说明：这是一个用vuejs2.0和element-ui搭建的后台管理界面。相关技术： vuejs2.0：一套构建用户界面的渐进式JavaScript框架，易用、灵活、高效。 element-ui：一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库。 vue-router：前端路由，用Vue.js + vue-router 创建单页应用(SPA)非常简单。 axios: 基于...
2018-04-26 11:04:38
3524
原创 css:各种样式相关资料列表（tree、button、nav）
1.button： http://blog.csdn.net/lushuaiyin/article/details/8118669 （代码可用且较为简洁，效果较好）2.布局： http://www.kwstu.com/ArticleView/divcss_2013929173533658 （布局基础，方便学习布局的基本理念）http://news.cnblogs.com/n
2017-10-23 18:49:06
455
原创 纯CSS打造的Family tree（族谱）
Family tree（族谱），也称家谱，用来记录家族世系繁衍辈份关系。本文结合实例，不借助任何js脚本，使用纯CSS打造一个漂亮的Family tree（族谱），也可以应用的企业组织架构图中。查看演示下载源码HTML我们使用div#tree来包含整个族谱结构，内部以ul和li元素构建数据源。实际开发中这些族谱数据源可以从数据库中读取，就像得到一个无限级的分类列表，以下是主
2017-10-23 18:18:04
6519
原创 js代码转vue
js代码divclass="jumbotron">h1id="step1">HTML in tooltiph1>pid="step4"class="lead">We're going to use HTML codes in tooltips via Programmatic APIp>aclass="btn btn-large btn-succes
2017-08-01 14:44:25
7253
1
原创 vue调用其它页面
例如：此页面为home.page.vue ； 被调用的页面为helpdoc.page.vuehelpv-if="helpdoc"class="miao">help>import HelpDocfrom '@/components/helpdoc.page'export default {name:
2017-07-31 08:40:45
6016
1
原创 js转vue.js语法
js语法：script>$(function() { // Set up tour $(‘body‘).pagewalkthrough({ name: ‘introduction‘, steps: [{ popup: { content: ‘#walkthrough-1‘,
2017-07-31 08:30:45
3275
原创 引导插件步骤：pagewalkthrough实例
插件作用：基于jquery的步骤引导插件setp1. 引入jquery和pagewalkthrough插件link rel="stylesheet" href="css/jquery.pagewalkthrough.css">script type="text/javascript" src="jquery-1.8.3.min.js">script>script type="tex
2017-07-28 13:55:37
1868
原创 vue_上传文档
选择我的文档 import $ from 'jquery'export default { name: 'library', methods: { btn () { var file = $('#file') var aim = $('#aim') file.on('change', function (e) {
2017-07-25 21:29:27
393
原创 Bootstrap 组件之 Navbar
Bootstrap 组件之 Navbar一、简介Navbar 指导航条，它在移动设备上显示为折叠状态，在宽屏幕上水平展开。这里 是一个线上例子。{提示} 响应式导航条依赖 collapse 插件，定制 Bootstrap 时务必要包含。{设备的可访问性}务必使用 元素；如果使用 元素，需要设置属性 role="navigation"。
2017-07-06 09:37:49
2000
原创 bootstrap常用的类名
一、 常用类1、container居中的内容展示2、row 行内容显示3、col 列内容显示， 列必须在row 中xs 宽度小于768 ，sm宽度小于990 大于768 ,md 宽度大于990，小于1200， lg宽度大于1200col-xs-4 代表 小屏下显示为4列，col-xs-4 col-md-2 代表小屏下占4列，大屏下占2列div class="
2017-07-05 19:00:34
3864
转载 Intellij IDEA使用指南（持续更新
工欲善其事必先利其器~摘自：http://blog.csdn.net/a910626/article/details/45314457一、项目层面1.Java开发工具IntelliJ IDEA导入项目http://jingyan.baidu.com/article/a17d52852118ac8098c8f2c1.html2.IDEA 项目怎么删除先关闭项目(从菜单 F
2017-06-08 01:42:03
1134
原创 解决windows7窗口显示缓慢问题
windows7窗口显示缓慢问题现象为，你打开一个窗口，窗口会以透明的形式慢慢由小渐变变大。解决方法：选择桌面“计算机”鼠标单击右键，选择“属性”选择“高级系统设置”选择“高级”在单击性能“设置”取消选择“在最大化和最小化时动态显示窗口”选项然后单击“应用” “确定”
2017-05-17 08:21:08
4417
转载 新Eclipse安装与配置
Eclipse的官网地址：http://www.eclipse.org/我们下载J2EE版本：Eclipse IDE for Java EE Developers 目前最新版本是：Eclipse Kepler (4.3) 1、Eclipse IDE for Java EE Developers下载地址： 1、32位：http://mirror.bit.edu.cn/ec
2017-05-16 23:34:18
965
原创 android 编译错误 Error:(1, 0) Plugin with id 'com.android.application' not found. 解决
如果出现如上错误，只需要在build.gradle中添加下面代码即可：buildscript{ repositories{ jcenter() } dependencies{ classpath 'com.android.tools.build:gradle:1.5.0' }}allprojects{ re
2017-05-13 11:42:34
521
原创 BasePager,公共页面
BasePager,公共页面: 好处：①把公共的东西放到一块，我们都继承同一个类，到时候写泛型的时候可以写一个父类。 ②我们可以写父类作为泛型，可以很方便的操作各个页面本地视频（VideoPager）本地音乐（AudioPager)网络视频（NetVideoPager）网络音乐(NetAudioPager)上面四个页面都继承BasePager
2017-04-18 23:20:16
750
转载 【我的Android进阶之旅】解决 Error:CreateProcess error=216, 该版本的 %1 与您运行的 Windows 版本不兼容。请查看计算机的系统信息，了解是否需要 x86
一、错误描述刚刚打开Android Studio新建一个项目，然后就编译不了，报了如下所示的错误：错误描述为：Error:CreateProcess error=216, 该版本的 %1 与您运行的 Windows 版本不兼容。请查看计算机的系统信息，了解是否需要 x86 (32 位)或 x64 (64 位)版本的程序，然后联系软件发布者。1分析错误原来是因为JDK版本和之
2017-02-23 09:49:44
1076
原创 AndroidStudio汉化包安装及使用方法
汉化预览 汉化包下载：http://pan.baidu.com/s/1kVKYUjH。 AndroidStudio V2.0.x.版汉化工作介绍resource_en.jar------> resource_cn.jar此汉化基于AndroidStudio V2.0.0.20（20160408）最新V2.0稳定版本 使用前请
2016-12-18 07:39:39
15247
原创 实现BaseFragment的创建分析
1.Fragment生命周期了解。 Fragment整个生命周期演示。/** * 作用:一个基类，左侧菜单和正文Fragment的基类 * 【了解fragment生命周期：http://blog.csdn.net/miaozhenzhong/article/details/53710807】 */public abstract class BaseFragmen
2016-12-17 20:36:07
693
转载 Fragment 整个生命周期演示
Fragment 整个生命周期演示分类： Android 2014-05-21 17:09 945人阅读 评论(0) 收藏 举报JAVAandroidFragment生命周期主要体现在以下表中13个方法里，以下是按照Fragment从开始到销毁的先后执行顺序排序。 序号方法名称描述1
2016-12-17 18:39:18
698
原创 继承SlidingFragmentActivity实现侧滑View
//1.设置主页面setContentView(R.layout.activity_main);//2.设置左侧菜单页面setBehindContentView(R.layout.leftmenu);//3.设置右侧菜单页面SlidingMenu slidingMenu = getSlidingMenu();slidingMenu.setSecondaryMenu(R.layout
2016-12-17 18:07:57
1436
原创 AndroidStudio 将项目托管到github上
1.修改总的 .gitignore声明哪些文件夹或者文件.gradle.ideabuild*.iml/local.properties2.删除src下的test文件夹3.关联git.exe路径4.关联github主页，设置本人github账号密码5.指定使用git应用进行版本管理
2016-12-17 10:29:43
737
转载 Android快速实现上传项目到Github（原来Android Studio的git已经这么好用了）
转载地址：http://www.jianshu.com/p/aa341d691658一、开篇本文讲如何使用Android Studio将项目上传到github，虽然讲上传github的文章很多，但是大部分都是使用Git Bash命令行，虽然效率高些，但是有点麻烦，而且AS已经为我们很好的集成了这一功能，干嘛还要去记那么多命令呢？二、安装git不多说，就是下载客户端安装，放个链接
2016-12-17 07:56:20
1183
原创 做一个缓存，记录是否进入过此页面
GuideActivity//如果不是第一次进入主页面，应做一个缓存，记录一下//如果进入过主页面，则下次不经过引导页面直接进入主页面，//如果没有进入过主页面，则按正常情况下，先进入引导页面，再进入主页面。CacheUitls.putBoolean(GuideActivity.this,WelcomActivity.START_MAIN,true);//true:保存一下。下次进来后直
2016-12-17 07:01:27
891
原创 页面改变的监听
//监听viewpager页面的改变viewpager_guide.addOnPageChangeListener(new MyOnPageChangeListener());//实现OnPageChangeListener接口 【滑动viewpager相应的小红点也发生改变】class MyOnPageChangeListener implements ViewPager.OnPag
2016-12-17 06:20:20
875
原创 代码中适配
//分辨率转换工具 public class DensityUtil { // Density密度/** * 根据手机的分辨率从 dip 的单位 转成为 px(像素) */public static int dip2px(Context context, float dpValue) { final float scale = context.getResources().getD
2016-12-16 22:26:44
420
原创 红点移动的原理
/** * 红点移动的原理 * view.leftMargin = 动态的值 * 要计算点的间距 = 第一个点距离左边的距离 - 第零个点距离左边的距离 * 点滑动的距离 ：间距 = 屏幕滑动的距离 ：屏幕的宽 = 0.5 = 移动屏幕的百分比 * * 所有公式：
2016-12-16 22:09:26
1022
原创 引导页面
<!--①在布局中定义viewpager;--><android.support.v4.view.ViewPager android:id="@+id/viewpager_guide" android:layout_width="match_parent" android:layout_height="match_parent" />private ViewPager vi
2016-12-16 19:25:00
439
原创 引导页面小灰点
布局设置引导点布局-->LinearLayout android:id="@+id/ll_point_group" android:orientation="horizontal" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layou
2016-12-16 19:10:26
482
原创 引导页面滑动ViewPager(设置ViewPager适配器)
//①在布局中定义viewpager;android.support.v4.view.ViewPager android:id="@+id/viewpager_guide" android:layout_width="match_parent" android:layout_height="match_parent" />//②在代码中初始化；private ViewP
2016-12-16 07:35:14
806
AndroidStudio汉化包直接用
2016-12-18
仿新闻客户端3
2016-12-18
仿新闻客户端2
2016-12-17
仿新闻客户端1
2016-12-17
Android简历源码
2016-11-08
百度地图文档1
2016-10-03
时光网接口文档1
2016-10-03
android知识大总结【邯院】
2016-10-03
时光网接口文档
2016-10-03
百度地图文档
2016-10-03
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人