- 博客(24)
- 收藏
- 关注
RSS订阅转载 运行npm install报错 ——[email protected] install: `node install.js`
执行如下命令：npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver
2018-07-31 21:36:01
1559
原创 基于@vue/cli 3.0 快速构建vue 项目
写在前面的话： vue命令行工具的包名字已经从vue-cli变成了@vue/cli，@vue/cli 是vue 的3.x版本，而vue-cli的最高版本目前只到 @2.9.6。如果你原先在电脑上全局安装过vue-cli，需要先执行 npm uninstall vue-cli -g 或者 yarn global remove vue-cli 将其卸载掉。一、安装 @vue/cli...
2018-07-31 18:36:41
30128
原创 微信小程序统一设置所有页面背景色
app.wxss中的样式属于全局样式，可以在app.wxss中添加如下代码来统一设置所有page的样式。page { background-color: rgba(250,250,250,0.90);}
2018-07-30 13:52:21
24822
4
原创 json-server常用自定义路由和简单配置
json-server为前端工程师提供了快速mock后端REST api的可能。我们只需要新建一个简单的json文件或者几行js代码就可以快速模拟出REST api的接口。比如，对于如下json文件：// db.json{ "posts": [ { "id": 1, "title": "json-server", "author": "typicode" }
2018-07-30 10:58:36
6351
1
原创 git pull报错：fatal: refusing to merge unrelated histories
问题重现：在使用git pull命令拉代码时，控制台一直报如下错误：fatal: refusing to merge unrelated histories翻译一下就是：拒绝合并不相关的历史原因：基于同一个origin，做了两次完全不同的提交。一次提交是在github上直接创建文件并commit，第二次是在本地还没有拉新代码的情况下修改了代码，并进行pull -...
2018-07-27 17:49:37
1422
原创 json-server 的使用（入门篇）
作为一个前端开发工程师，在后端还没有ready的时候，不可避免的要使用mock的数据。很多时候，我们并不想使用简单的静态数据，而是希望自己起一个本地的mock-server来完全模拟请求以及请求回来的过程。json-server是一个很好的可以替我们完成这一工作的工具。我们只需要提供一个json文件，或者写几行简单的js脚本就可以模拟出RESTful API的接口。首先，提供一...
2018-07-27 15:41:51
27395
7
原创 CSDN用户名修改问题的最新见解！
由于注册博客的时候直接使用了微信帐号注册，在写博客的时候，才发现，默认的用户名就是**weixin_12345664**(虚拟帐号)。进入自己的博客，博客显示的就是如下图所示，好难受：进入个人中心后发现，点击修改个人资料，默然发现，竟然只有昵称可以进行修改，用户名一栏是灰掉的，disable。。。查阅相关资料说，用户名在CSDN中是唯一的，注册的时候填写，不可修改!一...
2018-07-27 13:11:34
1023
3
原创 原生js获取浏览器语言配置，设置文本多语言（小demo）
项目中遇到多语言的支持问题，多语言主要要做到两点：根据用户目前的浏览器配置语言进行显示提供语言切换按钮，用户自定义选择不同的语言显示在这里，首先展示一个获取用户当前浏览器配置语言进行显示的小demo。 代码主要分为两部分，index.html文件和language.js。// language.jsvar love = ['我爱你.', 'I love you!'];...
2018-07-27 12:31:58
8426
原创 详解AMD、CommonJS和UMD模块化规范
开发的时候，我们经常会把某些功能封装成可复用的模块。模块封装了功能，并且对外暴露一个API。随着Node.js的诞生和发展，JavaScript可以在服务端运行，同时客户端应用也越来越流行，JavaScript界产生了对优秀和健壮模块系统的需求。在JavaScript中定义模块的规范也随之产生。这里，将详细介绍最常见的两个定义模块的方法AMD和CommonJS，以及它们的结合UMD....
2018-07-26 23:06:57
7320
原创 微信小程序——自定义个性化模态框（附代码）
微信小程序官方提供的模态框主要有以下几种，这几种方法都只能简单的显示文字内容，不能达到设计要求。最后只能通过自定义实现可以灵活设计的弹框。主要原理：和普通的css相同，利用 z-index实现不同层的显示，以实现弹框效果。先附上最终效果图： 实现方法关键点：设置boolean变量showModal，利用wx:if="{{showModal}}"来实现模态框的显示隐...
2018-07-25 16:48:32
18636
4
原创 微信小程序路由跳转失败——不能使用wx.navigateTo跳转到tabBar定义的页面
背景在编写微信小程序的时候，遇到了跳转页面部分失灵的问题。使用了一个weUI自带的msg页面如下， wxml如下：<view class="page"> <view class="weui-msg"> <view class="weui-msg__icon-area&
2018-07-24 18:17:43
6601
原创 微信小程序中的冒泡事件
背景一、概念首先引用百度百科解释下什么是事件冒泡。 所谓事件冒泡，就是指当事件发生后，这个事件就要开始传播(从里到外或者从外向里)。为什么要传播呢？因为事件源本身（可能）并没有处理事件的能力，即处理事件的函数（方法）并未绑定在该事件源上。例如我们点击一个按钮时，就会产生一个click事件，但这个按钮本身可能不能处理这个事件，事件必须从这个按钮传播出去，从而到达能够处理这个事件的代码...
2018-07-23 16:26:41
6253
原创 初识微信小程序（基础）
工作原因，要完成一个微信小程序，从今天开始，将会记录微信小程序那些事儿。微信小程序微信小程序，简称小程序，是一种不需要下载安装即可使用的应用，它实现了触手可及的梦想，用户扫一扫或者搜一下即可打开应用。一、特点：免安装操作更接近原生APP必须在微信中使用二、宣传方式：小程序搜索入口&附近的小程序扫一扫，长按识别小程序码好友分享、群分享...
2018-07-20 17:44:06
373
原创 Web前端自动化构建（四）—— Bower 依赖管理（Bower集成Gulp的两种方式）
全名：《Web前端自动化构建 Gulp、Bower和Yeoman开发指南》 作者：Stefan Banumgartner【奥】 译者：谈博文Bower可以管理项目的依赖，因而我们可以不再使用本地下载好的vendor，因为这个文件夹可能存在老版本的组件。下面，我们将一个存在于‘./scripts/vendor’目录下的jquery，通过bower安装，并使用gulp把...
2018-07-19 18:08:08
502
原创 Web前端自动化构建（四）—— Bower 依赖管理（入门）
全名：《Web前端自动化构建 Gulp、Bower和Yeoman开发指南》 作者：Stefan Banumgartner【奥】 译者：谈博文典型的依赖树主要有三种：扁平依赖树、嵌套依赖树和混合依赖树。 Bower是一个专门为前端开发设计的依赖关系工具，使用的是扁平依赖树。 安装：npm install -g bower在一个空项目下，执行命令：bow...
2018-07-19 17:27:21
302
原创 Angular2项目部署发布到服务器后刷新页面出错：前端发布时需要添加锚（hash）
今天踩到了angular的一个坑，即本地npm start运行项目时没有出现问题。部署到服务器后，页面可以正常跳转，但是只能通过根路径访问，不能通过子路由的url访问，而且在当前url的基础上如果刷新页面，也会报错。报错如下：解决方法：添加锚，即使用hash。 配置代码如下： app.module.tsimport {HashLocationStrategy , Loc...
2018-07-18 23:21:55
1063
原创 Web前端自动化构建（三）——用Gulp配置本地开发环境
全名：《Web前端自动化构建 Gulp、Bower和Yeoman开发指南》 作者：Stefan Banumgartner【奥】 译者：谈博文Gulp提供了自动化的能力，可配置成一个完全自动化的、完整的开发环境。通过Gulp API，gulp.series、gulp.parallel，决定task执行的顺序通过Gulp API，gulp.watch 创建监控过程，...
2018-07-18 18:36:43
1497
原创 Web前端自动化构建（二）——Gulp入门
全名：《Web前端自动化构建 Gulp、Bower和Yeoman开发指南》 作者：Stefan Banumgartner【奥】 译者：谈博文Gulp是用JavaScript编写、运行在Node.js上的构建工具。配置GulpCreated with Raphaël 2.1.2安装Gulp创建Gulpfile使用Gulp插件处理task1 安装 Gulp...
2018-07-18 16:09:01
473
原创 Web前端自动化构建（一）——现代前端工具流的工具链
写在前面的话： 最近开始学习Web前端自动化构建，为加深学习效果，整理笔记，作为博客发出。 全名：《Web前端自动化构建 Gulp、Bower和Yeoman开发指南》 作者：Stefan Banumgartner【奥】 译者：谈博文第一章 现代前端工作流的工具链脚手架工具 Yeoman： 创建应用依赖管理工具 Bower： 下载依赖 构建...
2018-07-18 15:09:29
2696
原创 gulp插件：gulp-cssnano，gulp-minify-css 和gulp-clean-css
近日在学习《Web前端自动化构建》，关于gulp的css压缩插件，书中先后提到了两个，分别是gulp-cssnano和gulp-minify-css，而执行npm install gulp-minify-css –save-dev时，控制台提示如下： npm WARN deprecated [email protected]: Please use gulp-clean-css gu...
2018-07-18 11:24:13
3623
原创 Gulp Error: Cannot find module 'jshint/src/cli';
在学习《web前端自动化构建》一书，根据第二章《Gulp入门》中，为使用JSHint进行代码风格检查，安装gulp-jshint后，写了如下示例代码：const jshint = require('gulp-jshint');gulp.task('test', () => { return gulp.src('./app/**/*.js') .pipe(jsh...
2018-07-17 13:49:30
2603
原创 gulp: Did you forget to signal async completion?处理
gulp: Did you forget to signal async completion?处理新思路背景学习gulp的前端自动化构建，按照示例代码，跑了一个简单的task，控制台打出如下提示： The following tasks did not complete: testGulp Did you forget to signal async completi...
2018-07-17 13:21:24
26495
7
原创 关于npm audit fix
背景：执行npm install 出现如下提醒added 253 packages from 162 contributors and audited 1117 packages in 42.157sfound 5 vulnerabilities (1 low, 4 high) run `npm audit fix` to fix them, or `npm audit` for detai...
2018-07-12 15:01:29
151432
6
原创 webpack 4 打包后bundle.js过大，处理过程
最近做公司项目，用webpack 打包发现输出的bundle.js文件体积超大，9M多。查阅相关博客，最后处理得到的bundle.js压缩到202k。由于目前用的webpack是4.10.2， 在处理过程中，也遇到了关于webpack版本的一些坑。根据webpack version 4+， 整理优化思路如下：1. 去除devtool（罪魁祸首）bundle.js达到9M，明显是在webp...
2018-07-11 14:28:05
20003
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人