吹过麦田的风的专栏

吹过麦田的风-前端解忧

Javascript面试题 把AaaBbbcccc 变成AaaBbbCcc

这个是一个面试题,要求把一个字符串AaaBbbcccc变成AaaBbbCcc。写一个通用的函数: 我的代码实现如下: function handle(txt){ let arr = txt.split(""); let t = arr[0].toUpperCase(),...

2019-04-11 09:38:20

阅读数 79

评论数 0

vue webpack项目打包优化,从60s到17s的优化之路

下面就进入本文的正题了: 对本文感兴趣的,想必都有一定的开发经验了,对webpack工具也有了一定的了解。只是在webpack生态里面有太多的插件了,除了默认推荐的插件之外,不知道怎么找更好用的插件,其实当初,我也有和你一样的困惑,只是我喜欢钻研,喜欢尝试。基于webpack的项目啦都有一个弊端...

2019-03-07 17:51:32

阅读数 73

评论数 0

仿美团城市选择器的 Vue 插件开发实例

本文是讲一个基于 Vue 的仿美团城市选择器的插件开发实例,目前关于城市选择器的插件比较少,在自己做项目的时候一直没有找到合适的城市选择器插件,所以自己开发了一个。同时也想把这个插件分享给出来,供同样有所需的前端同学学习使用。 本项目使用 Vue 和 Vue 插件相关的技术来开发本项目。通过学习...

2019-01-13 12:02:54

阅读数 3866

评论数 0

Node.js+MySQL+Vue 的全栈实战项目:星辰笔记

本项目是一个基于 Node.js 的全栈是实战项目,目标就是带领读者朋友上手实战。众所周知全栈工程师是要比纯前端有发展前景的,非常希望本篇文章能给朋友们带来一些收获。 该实战项目主要有首页、登陆、注册、笔记分类,笔记列表,笔记详情,发布笔记和个人主页八个部分。项目虽小,五脏俱全,设计的知识面还是...

2018-12-18 10:27:11

阅读数 2117

评论数 0

vue+webpack项目打包优化,从60s到17s的优化之法

有的 Vue 项目比较大.或者说项目中引入了许多第三方库,那么在执行 npm run build 构建项目的时候会极其的慢.比如我现在的项目就每次打包就要大概60s的样子。可能大家也会遇到如下同样的问题: 一,npm run build 构建项目耗时较长 二,打包出来的文件太大 三,打包前需要手动...

2018-11-15 17:01:00

阅读数 476

评论数 0

vue+better-scroll实现多tab选项卡上拉加载更多的实践例子

 闲话少说,先上效果 项目中会经常遇到类似这样的多tab切换的需求,tab可以点击,可以滑动。每个tab的内容还需要上拉加载刷新。 没有办法,好好研究一下,做个记录。以防来日不时之需。 还有对vue不熟悉的,可以先去看看这个vue+webpack 从入门到精通(基础篇) 项目中上拉加载...

2018-09-30 14:23:09

阅读数 1408

评论数 0

vue项目打包后首页一片空白解决办法和具体原因总结

很高兴在万千文章中你看到本章,希望能为你解决问题!!! 在最初用vue+webpack+vue-router做项目的时候,在本地pc开发测试都是正常的,但是在把代码打包部署到测试服务器之后,访问项目首页总是白屏。 第一种,打包后的dist目录下的文件引用路径不对,会因找不到文件而报错导致白屏。...

2018-08-20 19:47:03

阅读数 7822

评论数 1

Node.js安装及环境配置之Windows篇

Node.js安装及环境配置之Windows篇   一、安装环境 1、本机系统:Windows 10 Pro(64位) 2、Node.js:v6.9.2LTS(64位) 二、安装Node.js步骤 1、下载对应你系统的Node.js版本:https://nodejs.org/en/dow...

2018-08-19 15:53:26

阅读数 122

评论数 0

flex弹性布局的属性和属性值详解

一、Flex布局是什么? Flex是Flexible Box的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为Flex布局。 .box{ display: flex; } 行内元素也可以使用Flex布局。 .box{ display: inl...

2018-08-01 18:00:12

阅读数 283

评论数 0

如何做前端缓存,防止内存溢出,npm-storage短小精悍的前端缓存插件

一,先介绍一下前端常用的几种缓存 1.Cookie cookie是比较老的前端缓存技术了,它的特点是想要使用它前端必须要有服务(静态网页是不行的),而且存储大小限制在4kb。那么为什么必须要有服务才能使用cookie呢?因为只要有请求涉及cookie,cookie就要在服务器和浏览器之间来回传...

2018-07-27 02:18:41

阅读数 747

评论数 3

windows下生成github ssh key教程

一、引子: 什么是ssh:ssh是Secure Shell(安全外壳协议)的缩写,建立在应用层和传输层基础上的安全协议。为了便于访问github,要生成ssh公钥,这样就不用每一次访问github都要输入用户名和密码。 二、生成条件: 请在github上先注册账号,本地安装git。 三、生...

2018-07-22 12:35:29

阅读数 114

评论数 0

vue+axios全局注册环境变量和全局接口拦截黑科技

axios 用了有一段时间了,可能对于刚入手的同学来说,和vue-resource没啥区别。但是有没有相关,为啥那么多人喜欢用axios,而不用vue-resource啦。axios有很多的黑科技,比如全局注册变量,全局拦截等等,对于开发来说,可以节省很多事儿!!! 一、安装axios 老规矩...

2018-07-18 12:56:40

阅读数 1280

评论数 0

vue+webpack把px转化成rem的实战例子

第一,首先需要本地安装node环境和配置。 第二,npm全局安装vue-cli。 第三,通过vue的脚手架初始化本地项目 vue init webapck  project-name 这里会自动安装基础依赖,先npn run dev一下,是否运行正常! 第四,安装 npm install...

2018-07-17 12:05:58

阅读数 930

评论数 0

vue项目如何全局注册过滤器(filter)

前言:一个vue项目中难免会遇到一些地方需要用到filter,那么怎么写,才能在各个组件中肆意使用啦.一,在static目录下新建一个filter目录,在filter目录下创建一个filter.js文件这里举一个给商品价格精确不足两位的补0,比如22.2->22.20,22-...

2018-06-22 10:14:52

阅读数 3349

评论数 0

把一个有序整数数组放到二叉树平均搜索树

前沿:有这样一个需求,一个整数数组[1,2,3,4,5,6,7,8,9,10,11],需要生成这样的树形结构。                                     6                        3                            9  ...

2018-05-18 09:55:57

阅读数 64

评论数 0

vue 插件开发教程与发布

前言对于插件的好处就不用多说了~~~~看了vue官方的vue插件开发的文档,讲的比较粗略,看完一头雾水的,所以决定自己研究开发了一个组件,并写成一个教程。就拿基于vue的一个toast组件开始吧项目初始化封装vue的插件用webpack-simple很合适,vue init webpack-sim...

2018-04-16 00:04:13

阅读数 1988

评论数 0

vue+webpack 从入门到精通(二)

还对vue+webpack不熟悉的同学,请走这边:vue-cli+webpack 从入门到精通(基础篇)这篇正式进入主题了,先来个数据渲染。在vue中渲染数据很方便,这也是喜欢vue的原因之一。准备工作-———1.首先在根目录下新建一个data.json文件2.在components目录下新建一个...

2018-04-14 20:07:01

阅读数 2501

评论数 0

vue+webpack 从入门到精通(基础篇)

所谓工欲善其事必先利其器,众所周知vue+webpack的开发需要本地安装node环境(有还不知道的就先去知道知道再来看本博的文章吧)。一、nodejs下载,安装和配置本地环境,就自己百度一下,网上有很多的文章,此处就不再赘述。二、全局安装vue 的脚手架工具vue-cli。npm install...

2018-04-05 23:17:30

阅读数 2212

评论数 1

JS维护nginx反向代理,妈妈再也不用担心我跨域了!

一些废话(直接看代码的可跳过)“跨域了,咋搞啊!”“问你自己啊,我们后台不配合解决的。”“你们写几句话就好了啊,cors、jsonp、header ......”“搞不来!不合法!不安全!......”“卧槽,这接口又跨域了,我CNMLGB”“你TM不会自己url-get、form-post、写n...

2017-12-29 11:00:39

阅读数 347

评论数 0

一稿设计多端适配优雅的解决方案 - rem

为提高前端团队开发效率,输出高质量的前端页面代码,提高UI设计还原度,特编写该规范文档。本文档如有不对或者不合适的地方请及时提出。 JS代码块 (function (doc, win) { var docEl = doc.documentElement, res...

2017-12-29 10:53:09

阅读数 596

评论数 0

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