自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

平凡之路

走一步,再走下一步,不要停

  • 博客(22)
  • 收藏
  • 关注

原创 vuex的简介与使用

vuex:作用是全局的状态管理;首先安装(在vue-cli中并没有安装vuex):npm i vuex --save在main.js里面引入import Vuex from 'vuex'Vue.use(Vuex)此时在main.js里面,我们就可以创建一个名为store的仓库了:const store = new Vuex.Store({ state: { ...

2019-03-29 16:34:00 168

原创 wepy框架组件创建使用

首先我们应该在src文件下创建一个components的文件夹,来放置我们开发过程中使用的组件文件;例如:<script> import wepy from 'wepy'; export default class ListItem extends wepy.component { props = { } data = {};...

2019-03-29 14:51:48 692

原创 wepy框架开启Promise

在wepy框架中,创建empty模板的时候,并没有开启Promise,为了开启异步,我们需要在项目的根目录安装:npm install wepy-async-function --save然后在app.wpy文件中引入import 'wepy-async-function';引入之后,我们还需要在app.wpy中开启Promise;代码如下: constructo...

2019-03-28 21:05:48 554

原创 wepy框架搭建小程序

我们都知道,小程序对组件化开发并不友好,腾讯自己的 团队就搞出了一个wepy框架。我们先看下wepy的介绍;既然说自己是最受欢迎的小程序 框架,我们就来安装使用一下吧;步骤 :1:npm install wepy-cli -d(推荐cnpm。淘宝镜像比较快)2. wepy new myproject(你会发现这句代码会实现不了你项目的 创建)。因为已经改成了: wp...

2019-03-28 20:46:04 2162

原创 小程序组件介绍-基础内容

其实写了第一篇视图组件后,我就觉得写的什么啊 ,有什么用呢,过了五分钟,我 就想也许这是我自己想偷懒的借口,无论有没有用,先搞出来,混几个浏览次数也是 好的。哈哈icon(图标)ps:其实我觉得大家都知道icon是图标的意思;哈哈;在微信小程序中,关于icon的属性介绍这就是微信提供的type对应的图标样式。我们在项目中,往往需要更多的 icon类型,那么怎么在小程序 中...

2019-03-28 14:20:13 1413

原创 小程序组件介绍-视图容器

额,其实关于小程序的组件介绍,你们完全可以参考:小程序组件。但是为了更熟悉小程序的开发,我就在新入职的第一天写一下,组件的大致内容。听说,接下来我要负责的是一个小程序商城的项目,应该,会在以后的工作中遇到,和解决一些问题,与诸君分享。类似的介绍内容完全参考小程序提供的内容。视图容器:view在小程序里面,我们看不到div这样的标签元素,完全可以把view理为div盒子。在view...

2019-03-28 11:47:43 1443

原创 js的对象深拷贝

面试遇到对象深拷贝的问题,我没想到这样的问题,在js面试中也能真实的遇到。还好,在面试的前夜,我刷到了这道面试题。自然就拿到了offer。首先看一个例子var a = {name: 'jack'};var b = a;a.name = 'bill';console.log(b);如果,你对对象没有基础的了解,你一定会犹豫此时的打印结果。真实的打印结果是:因为...

2019-03-26 22:14:39 138

原创 map函数,filter函数

map 函数用在 JavaScript 数组中。map 函数通过将数组的每个元素传递给转换函数,并返回一个新数组。例子:去除数组中包含字母的元素。var arr = ['1', '2', '3', 'd', 'e', '4', '5', '6', 'g', 'g', 'h'];var re = /[a-z A-Z]/;var newArr = arr.map((ele) =&...

2019-03-23 15:13:58 636

原创 ES6rest运算符

rest 英[rest];rest运算符,和扩展运算符一样,都是三个点,,只是作用相反;var foo = function (a, ...args) {console.log(a);console.log(typeof args);console.log(args);}foo(1, 2, 3, 4);一目了然:可以看到 rest运算符把逗号隔开的值序列组合...

2019-03-14 10:47:19 2972 2

原创 ES6扩展运算符

首先,我们要读仔细下面这句话,就很容易知道扩展运算符的使用了,可以在心里反复读三遍;扩展运算符用三个点号表示,功能是把数组或类数组对象展开成一系列用逗号隔开的值接下来,我们看下究竟怎么个情况:声明一个方法:var foo = function(a, b, c) {console.log(a);console.log(b);console.log(c);}声明一个...

2019-03-14 10:26:06 150

原创 ES6解构介绍

在es6以前,我们常用arr[i]的形式,来获取下标为i的数组值;在es6里面提供了解构,使我们的代码更加简洁;比如:var arr = [1, 2, 3];//传统方式var a = arr[0], b = arr[1], c = arr[2];在es6语法中解构赋值,就简洁了很多。var [a, b, c] = arr;console.log(a);//...

2019-03-14 10:09:47 1437

原创 根据对象属性名合并属性值,然后排序

//老数组listvar list = [{name: 'a', num: 1}, {name: 'b', num: 1}, {name: 'c', num: 6}, {name: 'a', num: 3}, {name: 'a', num: 1}];var allArr = [];//新数组for (var i = 0; i &lt; list...

2019-03-12 11:30:57 393

原创 移动端使用rem布局

/*** 以设备宽375作为基准,即375*667,即iPhone6s* 1rem = 100px*/function setFontSize () {const windownWidth = window.innerWidthconst size = (windownWidth / 750) * 100const remSize = size &lt; 100 ...

2019-03-10 20:57:01 144

原创 axios设置拦截

import Vue from 'vue'import axios from 'axios'/** 全局请求拦截*/axios.defaults.baseURL = process.env.API_BASEURLaxios.defaults.headers.common['Content-Type'] = 'application/x-www-form-urlencoded...

2019-03-10 20:46:36 2450

原创 前端面试题(持续更新)

css知识点:1.实现一个三角形;.sanjiao{width: 0;height: 0;border-width:10px;border-color:red transparent transparent transparent;border-style:solid;}2.让所有div外面的p标签背景颜色为黄色;div+p{background-color: yellow;}...

2019-03-06 21:09:55 129

原创 vue项目打包原生app(HBuild)

开发完成的web app项目,npm run dev可以正常预览的项目1,将项目目录下config文件内index.js中assetsPublicPath修改为assetsPublicPath: './' 如图所示:留意箭头所指的内容(哈哈)。是build对象下的。2,执行npm run build之后生成dist文件夹;3,打开HBuilder,文件-&gt;打开目录,如下...

2019-03-04 21:23:29 2610 1

原创 git-项目开发过程的修复BUG技巧命令

软件开发中,有了bug就需要修复,在Git中,由于分支是如此的强大,所以,每个bug都可以通过一个新的临时分支来修复,修复后,合并分支,然后将临时分支删除。当你接到一个修复一个bug的任务时,很自然地,你想创建一个分支来修复它,但是,等等,当前正在dev上进行的工作还没有提交。并不是你不想提交,而是工作只进行到一半,还没法提交,预计完成还需1天时间。但是,必须在两个小时内修复该bug,怎么...

2019-03-03 19:19:31 561

原创 git分支的创建,合并,删除

一开始的时候,master分支是一条线,Git用master指向最新的提交,再用HEAD指向master,就能确定当前分支,以及当前分支的提交点。每次提交,master分支都会向前移动一步,这样,随着你不断提交,master分支的线也越来越长。分支的创建当我们创建新的分支,例如dev时,Git新建了一个指针叫dev,指向master相同的提交,再把HEAD指向dev,就表示当前分...

2019-03-03 16:03:35 131

原创 git-远程仓库的使用笔记

git-远程库创建第1步:创建SSH Key。在用户主目录下,看看有没有.ssh目录,如果有,再看看这个目录下有没有id_rsa和id_rsa.pub这两个文件,如果已经有了,可直接跳到下一步。如果没有,打开Shell(Windows下打开Git Bash),创建SSH Key:$ ssh-keygen -t rsa -C "youremail@example.com"然后一路回车,...

2019-03-03 15:39:00 129

原创 git的简单的安装使用(windows系统)

Git是目前世界上最先进的分布式版本控制系统。git安装:可以从Git官网直接官网下载安装。PS:安装完成后,在开始菜单里找到“Git”-&gt;“Git Bash”,蹦出一个类似命令行窗口的东西,就说明Git安装成功!安装完成后,还需要最后一步设置:(每个机器都必须自报家门:你的名字和Email地址。)$ git config --global user.name "You...

2019-03-02 23:32:52 175

原创 vue-cli的安装

Vue的脚手架的使用首先我先介绍一下vue的脚手架,常常构建比较大的项目的时候,我们就需要好好考虑,项目的目录结构,项目的构建,热加载,等事情,你会在项目开发的深入的时候,就会发现,之前所做的这些工作,大大的减少了工作量(我就吃过这个辛苦)。Vue-cli脚手架,就能帮助我们快速的构建vue项目。vue-cli是node编写的命令行工具,打开终端,全局安装。 命令:npm ins...

2019-03-02 18:01:32 122

转载 eslint在日常项目中的实战应用

官网: https://eslint.org/中文网址: http://eslint.cn/基本概念: javascript代码检测工具,帮助我们统一团队的代码风格 优势: 1、内置很多检查规则,同时支持自定义规则 2、NodeJS开发的,方便安装 可配置的信息: Environments - 指定脚本的运行环境...

2019-03-02 17:55:41 491

空空如也

空空如也

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

TA关注的人

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