自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(18)
  • 收藏
  • 关注

转载 vue mock(模拟后台数据) +axios 简单实例(二)

需装上axios,build文件夹中webpack.dev.conf.js文件添加上vue mock配置的东东, 如,继(一)//组件<template> <div> <ul class="product"> <li v-for="(item, index) in goodsList"> ...

2018-08-15 23:30:00 185

转载 vue mock(模拟后台数据) 最简单实例(一)——适合小白

开发是前后端分离,不需要等待后台开发。前端自己模拟数据,经本人测试成功。我们在根目录新建存放数据的json文件,存放我们的数据data.json//data.json{ "status":"0", "result":[ { "productId":"10001", "productName":"小米6", ...

2018-08-15 17:59:00 421

转载 一个前端程序猿的Sublime Text3的自我修养

本文章会在本人有插件或者设置更新时,进行不定时更新2015-12-31更新:NO. 21 侧边栏同步编辑窗口底色插件。2016-04-06更新:代码片段:better-completions;主题:Material,Seti_UI;代码格式化:HTML-CSS-JS Prettify;vue语法高亮:Vue Syntax Highlight;Terminal与MarkdownEd...

2018-08-06 13:21:00 209

转载 正则表达式-基础实战篇

在理论基础篇之后呢,应该就对正则表达式有了一些了解.比如说如何去创建一个正则表达式以及其中的匹配规则等等.那么就开始正则表达式的实战吧!建议把所有的实例在console窗口敲一遍.例子中展现的只是一部分,配合《正则表达式-理论基础篇》SF地址、原址使用效果更佳哦!一个手机号码匹配的进化历程实例代码依托于:RegExpObj.test(String),其含义是测试正...

2018-08-06 13:18:00 101

转载 正则表达式-理论基础篇

什么是正则表达式?可以称作规则一个描述字符模式的对象,正则表达式中的字母和数字,都是按照字面含义进行匹配的。强大的字符串匹配工具如何建立一个正则表达式?使用RegExp()构造函数来创建RegExp对象特殊的直接量语法来创建,定义为包含在一对斜杠(/)之间的字符例:var reg = /s$/;,var reg = ...

2018-08-06 12:56:00 88

转载 webpack入坑之旅(六)配合vue-router实现SPA

在上面的练习当中我们已经成功的加载了一个.vue格式的单文件组件,并且实现了在使用vue情况下的自动刷新。但是我们最终的目的还是要实现单页面应用程序,这个时候我们就必不可少的需要使用到路由管理器来进行SPA的开发,vue官方为我们提供了一个官方库vue-router,并且配有对应的中文文档。关于里面的内容大家自行前去观看。在这里,只会把我们需要的东西拿出来讲。vue组件...

2018-08-06 12:26:00 120

转载 webpack入坑之旅(五)加载vue单文件组件

需要什么?在经过前面的四个练习,相信已经对于webapck有了一定的了解,现在我们就来一个综合案例,进一步加深对于webpack的理解。首先我们应该思考要解析.vue类型的文件,需要什么样的东西?应该按照什么样的步骤来?我们应该怎么去搭建这个项目?开始第一步:初始化项目目录我们需要创建如下目录及文件夹,最终目录结构如下:1234567891011...

2018-08-06 12:21:00 113

转载 webpack入坑之旅(四)扬帆起航

加载图片现在来我们来试试加载图片,首先第一件事情,肯定是安装对应的loader。它会将样式中引用到的图片转为模块来处理,使用该加载器需要先进行安装:1npm install url-loader --save-dev当然你也可以在package.json添加依赖,然后再npm nstall一样的效果。现在去我们的项目目录中添加i...

2018-08-06 12:19:00 122

转载 webpack入坑之旅(三)webpack.config入门

这是一系列文章,此系列所有的练习都存在了我的github仓库中vue-webpack,在本人有了新的理解与认识之后,会对文章有不定时的更正与更新。下面是目前完成的列表:在上面我们已经尝试过了两种对于loader的使用方式,无论是在require的时候编写我们loader的前缀,还是在我们的命令行中进根据扩展名来自动绑定我们的loader,显然都不够自动化,在需要编译的语言继续增加的情...

2018-08-06 12:14:00 113

转载 webpack入坑之旅(二)loader入门

这是一系列文章,此系列所有的练习都存在了我的github仓库中vue-webpack在本人有了新的理解与认识之后,会对文章有不定时的更正与更新。下面是目前完成的列表:引子在上一篇博客中我们已经成功的把简单的事情变得复杂了,把我们的只有几行代码的两个文件first.js、entry.js使用webpack进行文件打包生成了bundle.js。Webpack能做的就是这样,只...

2018-08-06 12:13:00 91

转载 webpack入坑之旅(一)不是开始的开始

最近学习框架,选择了vue,然后接触到了vue中的单文件组件,官方推荐使用 Webpack + vue-loader构建这些单文件 Vue 组件,于是就开始了webpack的入坑之旅。因为原来没有用过任何的构建工具与模块化工具,所以本系列会十分的基础。并且可能有很多不正确的地方,希望大家谅解,并指出错误帮助改进。谢谢!什么是webpackWeb...

2018-08-06 12:09:00 83

转载 export ,export default 和 import 区别 以及用法

首先要知道export,import ,export default是什么ES6模块主要有两个功能:export和importexport用于对外输出本模块(一个文件可以理解为一个模块)变量的接口import用于在一个模块中加载另一个含有export接口的模块。也就是说使用export命令定义了模块的对外接口以后,其他JS文件就可以通过import命令加载这个模块(文件)。这几个都是...

2018-07-23 11:31:00 82

转载 初识vuex vuex 的基本用法

Vuex 是什么?官方是这么说的:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。一个完整的store包含state, getters, actions, mutations这4项,但是必须包含state,mutationsexport default new ...

2018-07-23 11:11:00 98

转载 js设置、修改、获取、删除 cookie

上面这串省略号对于各种吐槽的声音;因为在百度上看到的关于设置cookie的前几篇文章都是错误的;里面给出的设置cookie的代码是这样的;function setCookie(name,value){ var Days = 30; var exp = new Date(); exp.setTime(exp.getTime() + Days*24*...

2018-06-24 09:56:00 86

转载 css各种鼠标手型集合

比较齐全的鼠标手型css在国内的网站上是没搜到这么全的比如说哪个禁止的手型;鼠标往下移动即可看到效果;html代码如下:<h1>Cursors</h1><div class="cursors"> <div class="auto">auto</div> <div class="de...

2018-06-24 09:49:00 481

转载 Javascript深入__proto__和prototype的区别和联系

有一个一个装逼的同事,写了一段代码function a(){}a.__proto__.__proto__.__proto__然后问我,下面这个玩意a.__proto__.__proto__.__proto__是啥,然后我一脸懵逼,prototype还知道一点,这个__proto__,还来三个,是个什么鬼。于是我一直不能放下这个问题,虽然我很懒,很不喜欢费脑子,但是这个...

2018-06-07 23:24:00 242

转载 Web项目开发流程 PC端

  一、了解、明确需求。  这个应该是第一步了,不了解需求你就不知道为什么要做,要怎么去做这个项目的工作。  (1)明确需求是相当重要的,很有必要去和产品经理、设计人员去沟通,需要明白每一个按钮,每一个开关存在的意义,这个需要设计人员足够的了解项目的需求。之前做的一个项目就是这样,工资花了好多钱请了一个UI设计公司设计了一个十分高大上的产品,各种页面各种炫酷,领导觉得很满意...

2018-05-14 13:09:00 193

转载 前端优化:雅虎35条

写在前面英文原版链接,若是觉得本文哪里不好还请指出,以便及时修改目录(分7类,共35条):[内容]尽量减少HTTP请求数[服务器]使用CDN(Content Delivery Network)[服务器]添上Expires或者Cache-Control HTTP头[服务器]Gzip组件[css]把样式表放在顶部[js]把脚本放在底部[css]避免使...

2018-05-14 12:37:00 110

空空如也

空空如也

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

TA关注的人

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