- 博客(22)
- 收藏
- 关注
RSS订阅原创 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
1414
原创 小程序组件介绍-视图容器
额，其实关于小程序的组件介绍，你们完全可以参考:小程序组件。但是为了更熟悉小程序的开发，我就在新入职的第一天写一下，组件的大致内容。听说，接下来我要负责的是一个小程序商城的项目，应该，会在以后的工作中遇到，和解决一些问题，与诸君分享。类似的介绍内容完全参考小程序提供的内容。视图容器：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
1438
原创 根据对象属性名合并属性值，然后排序
//老数组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 < 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 < 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，文件->打开目录，如下...
2019-03-04 21:23:29
2611
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
130
原创 git的简单的安装使用(windows系统)
Git是目前世界上最先进的分布式版本控制系统。git安装：可以从Git官网直接官网下载安装。PS：安装完成后，在开始菜单里找到“Git”->“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关注的人