渲染的一抹寂静-CSDN博客

转载 vue-cli脚手架之webpack.prod.conf.js

// An highlighted block'use strict'//js严格模式执行const path = require('path')//这个模块是发布到NPM注册中心的NodeJS“路径”模块的精确副本const utils = require('./utils')//utils.js文件const webpack = require('webpack')//webpack模...

2018-11-14 14:12:52 272

转载 vue-cli脚手架之webpack.dev.conf.js

webpack.dev.conf.js 开发环境模式配置文件：// An highlighted block'use strict'//js按照严格模式执行const utils = require('./utils')//导入utils.jsconst webpack = require('webpack')//使用webpack来使用webpack内置插件const config ...

2018-11-14 13:39:43 297

原创 vue-cli脚手架之开发环境的webpack配置——webpack.base.conf.js

webpack相关的重要配置文件将在这一节给出。webpack水很深，在此先弄清楚原配文件内容的含义，后续可以自己根据实际情况配置。webpack.base.conf.js:配置vue开发环境的webpack配置，处理各种文件（js、css、vue、图片、视频…）// An highlighted block'use strict'//js严格模式执行const path = requir...

2018-11-14 11:55:53 894

转载 vue-cli脚手架之build文件夹上半部

build.js作用：命令npm run build的入口配置文件，主要用于生产环境。build.js中具体含义标注（vue-cli脚手架官方文件解释，大家可自行定制这里面的内容）：check-version.js，文件有点点长这里直接贴代码：// An highlighted block'use strict' //js严格运行模式const chalk = require('ch...

2018-11-14 11:28:10 286

转载 vue-cli脚手架目录一览

最近在学习vue，看的稀里糊涂。今天从头开始，把cli配置的vue项目目录和配置文件搞清楚。先看看整个项目目录结构：再看看build文件夹下相关文件及目录：config文件夹下目录和文件：接下来说说vue-cli项目中页面相关的主要文件首先是index.html:说明：一般只定义一个空的根节点，在main.js里面定义的实例将挂载在#app节点下，内容通过vue组件填充。Ap...

2018-11-13 17:14:25 218

随着node.js的迅猛发展,前端开发已经脱离了刀耕火种,进入蒸汽机时代。实现前端自动化，到底有什么好处了？从我工作到现在，时间虽然不长，但是我已经深深体会到了他的优势。一句话：自动化。他明显提高了我们开发人员的效率和团队协作的效率，让开发者能真正地专注于写代码。为什么这么说？对于需要反复重复的任务，例如压缩、编译、单元测试、监测编译错误等，自动化工具可以减轻你的劳动，简化你的工作。当你正确配置好

2017-03-15 11:17:45 627

原创简历石沉大海？程序员简历到底该怎么写？

前言：前两天，把前端求职的知识点进行了一下详细的汇总，希望能帮到有需要的人，但是也有人给我留言了，说这些知识点我掌握的也可以呀，在各大平台上也投了很多的简历，但就是都石沉大海，杳无音讯呀，这是为什么呢？内心很是急躁，感觉找工作好难那！首先我们来分析一下，在你没入职之前，简历几乎就是唯一“一块敲门砖”，或者说是一份“拜帖”，每个人都要备上一份甚至好几份，以便向求职企业详细推荐自己，让他们了解自己，

2017-02-21 09:29:07 1785

原创 JS框架，你会喜欢AngularJS

AngularJS 诞生于2009年，由Misko Hevery 等人创建，后为Google所收购。是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。可爱之处 AngularJS通过为开发者呈现一个更高层次的抽象来简化应用的开发。如同其他的抽象技术一样，这也会损失

2017-02-17 13:29:40 466

原创 H5的audio对象，这些知识你了解吗？

Audio对象的属性 |属性|描述| audioTracks 返回表示可用音频轨道的 AudioTrackList 对象。 autoplay 设置或返回是否在就绪（加载完成）后随即播放音频。 buffered 返回表示音频已缓冲部分的 TimeRanges 对象。 controller 返回表示音频当前媒体控制器的 MediaController 对象。 controls

2017-02-08 13:19:54 1793

原创 Fullpage 插件配置项

插件描述：fullPage.js 是一个基于 jQuery 的插件，它能够很方便、很轻松的制作出全屏网站。如今我们经常能见到全屏网站，尤其是国外网站。这些网站用几幅很大的图片或色块做背景，再添加一些简单的内容，主要是动画，显得格外的高端大气上档次。比如 iPhone 5C 的介绍页面（查看网址 http://www.jq22.com/demo/fullpage-141201214949/index

2017-02-07 10:52:03 1268

转载 130行实现Express风格的Node.js框架

很多时候我们使用Express，只是用到了它方便的路由和中间件系统。其实这个功能我们用一百多行代码可以轻松实现，且没有任何依赖，而不必专门引入Express。我们先来分析一下需求，我们要做的是一个路由系统，书写的方式为：//路由系统app.method(path, handler);//例如app.get('/', (req, res) => { //do something});a

2017-01-23 10:41:22 315

原创 php框架

php框架从零开始搭建php框架.htaccess文件 ‘/.htaccess’<IfModule mod_rewrite.c> RewriteEngine on RewriteCond %{REQUEST_FILENAME} !-f RewriteRule ^(.*)$ index.php/$1 [QSA,PT,L]</IfModule>入口文件 /index.php<?

2017-01-20 11:01:00 648

原创 php基础知识

php基础知识基本介绍php标记 <?php ?>如果文件内容是纯 PHP 代码，在文件末尾删除 PHP 结束标记。可以避免在 PHP 结束标记之后意外加入了空格或换行符，会导致 PHP 开始输出这些空白，而脚本中此时并无输出的意图<?phpecho "Hello world";echo "Last statement";// 脚本至此结束，并无 PHP 结束标记php作为纯脚本代码运行p

2017-01-20 10:48:56 486

翻译 redux-in-chinese

Redux 中文文档本文档从建立之初，帮助了非常多的小伙伴学习 Redux，也收到了 Redux 作者 Dan 的多次点赞。目前每天浏览量大概在一万左右。但由于几位作者工作都比较忙，很多文档已经过期，却也没有时间更新。如果你有时间，希望你和我们一起翻译，帮助更多人，欢迎提交 PR。不知何处下手不用怕？我们为你准备好了完善的 ETC 翻译文档。:point_right: 回复 issue 认领 htt

2017-01-19 20:01:39 318

转载 js断点调试心得总结

js断点调试心得1.断点调试是啥？难不难？进入工作中，才知道了断点调试是多么的重要，作为一名程序员，必须要学会熟练使用调试工具，断点调试就是经常用到的，断点调试其实并不是多么复杂的一件事，简单的理解无外呼就是打开浏览器，打开sources找到js文件，在行号上点一下罢了。操作起来似乎很简单，其实很多人纠结的是，是在哪里打断点？（我们先看一个断点截图，以chrome浏览器的断点为例）步骤记住没？用ch

2017-01-19 19:31:12 768 2

转载 NodeJS基础item0—初识NodeJS

初识NodeJSNodeJS是javascript运行环境。实际上它是对GoogleV8引擎进行了封装。由于其拥有异步非阻塞、环境搭建简单、实践应用快等特性，使得在新一代编程开发中更为流行。由于Node.js基于javascript语法，因此在学习Node.js时也可以了解和学习javascript语法。NodeJS是一个让Javascript运行在服务器端的开发平台，让Javascript运行在浏

2017-01-19 18:43:48 460

转载 Node.js模块与npm item3—各种前端build工具

各种前端build工具Node, NPM, Grunt, Gulp, Bower, Webpack, Browserify, Yeoman, Brunch…… 前端目前有很多很多名词，看着这些感觉永远也学不完。不要被这些名词吓唬住，这些工具出现的目的是让我们的工作更加简单。快速掌握build工具秘诀快速掌握这些工具，抓住几个核心概念：帮助你安装帮助你做事当你接触到一个新的开发工具的时候，你首先需

2017-01-19 17:17:38 689

转载 Node.js模块与npm item2—NPM使用

NPM使用Node Packaged Modules 简称NPM，是Node.js的包管理器。Node本身提供了一些基本API模块，但是这些基本模块难以满足开发者需求。Node需要通过使用NPM来管理开发者自我研发的一些模块，并使其能够共用与其他开发者。简单来说，NPM就是Node.js的包管理器。NPM(node package manager)NPM使用场景NPM是随同NodeJS一起安装的包管

2017-01-19 17:12:13 484

转载 Node.js模块与npm item1—Node.js模块系统

Node.js模块系统为了让Node.js的文件可以相互调用，Node.js提供了一个简单的模块系统。模块是Node.js 应用程序的基本组成部分，文件和模块是一一对应的。换言之，一个 Node.js 文件就是一个模块，这个文件可能是JavaScript 代码、JSON 或者编译过的C/C++ 扩展。模块化编程网页越来越像桌面程序，需要一个团队分工协作、进度管理、单元测试等等……开发者不得不使用

2017-01-19 17:02:39 367

转载 NodeJS基础item2—NodeJS下载安装

NodeJS下载安装NodeJS提供了一些安装程序可以从nodejs.org下载安装。Windows系统下，选择和系统版本匹配的.msi后缀的安装文件。Mac OS X系统下，选择.pkg后缀的安装文件。管理Nodejs版本n是Node的一个模块，作者是TJ Holowaychuk（鼎鼎大名的Express框架作者），就像它的名字一样，它的理念就是简单： “no subshells, no pro

2017-01-19 16:11:19 326

转载 Node.js基础item1—Node.js概念

简单来说Nodejs就是运行在服务器端的JavaScript。什么是NodeJS?javascript是一门脚本语言(可以用来编程的并且直接执行源代码的语言,就是脚本语言),脚本语言都需要一个解析器才能运行。对于写到html中的js，通常是由浏览器去解析执行。对于独立执行的js代码，则需要nodeJS这个解析器解析执行。每一种解析器都是一个运行环境，不但允许JS定义各种数据结构，进行各种计算，还允许

2017-01-19 15:22:30 557

转载 API

jquery api see https://nate-river.github.io/jquery里面有jQuery目前所有没有废除掉的方法，点击就去即可查看对应的详细用法，特别有用，方便实用，会帮助大家的欢迎收藏！这是给大家截了一张图

2017-01-19 14:53:07 233

转载 node-interview-questions

node-interview-questionsNode是搞后端的，不应该被被归为前端，更不应该用前端的观点去理解，去面试node开发人员。所以这份面试题大全，更侧重后端应用与对Node核心的理解。node开发技能图解node 事件循环机制起源node正风生火起，很多介绍却停留在入门阶段，无法投入生产node相关的高质量面试题更是少之又少，很难全面考查应聘者的node能力许多文章在讲第三方类库

2017-01-19 14:48:19 302

原创 mobile/移动端布局技巧

去掉a标签或按钮按下的高亮颜色 -webkit-tap-highlight-color:rgba(0,0,0,0);文本处理是否选中文字 user-select:none; 处理文字超出容器出现省略号单行文本超出出现省略号 text-overflow:ellipsis; overflow:hidden; white-space:nowrap; 超出指定行数的文本出现省略号 te

2017-01-19 11:48:26 302

原创 mobile/移动端

移动端开发1、webapp 手机浏览器访问的页面 2、混合APP webapp html css js 调地理定位、摄像头混合APP html css js + 一个平台调用手机的硬件 3、原生app 用android iso平台的语言开发的APP手机硬件调试工具1、chrome模拟器 2、真机 1> 电脑手机连接同一个路由器 wamp 手机访问电脑ip 2> 上传

2017-01-19 11:43:11 432

原创 mobile/移动端字体

移动端页面应该使用什么字体？设计师们通常喜欢用微软雅黑作为中文字体进行设计，于是我写页面的时候也定义font-family为微软雅黑，后来发到线上后，发现页面的字体不是微软雅黑，后来了解到的手机系统 ios、android 等是不支持微软雅黑字体，为了满足页面需要，保证视觉稿的还原度，手机端是如何定义微软雅黑字体呢？相信大家会想到 @font-face 定义为微软雅黑字体并存放到 web 服务器上，

2017-01-19 10:20:53 1999

原创常用git命令总结

我几乎每天都使用 Git ，但是很多命令还是记不住。一般来说，日常使用只要记住下图6个命令，就可以了。但是熟练使用，恐怕要记住很多命令。网上也有很多git的常用命令，我就总结一下自己在工作中经常用到的，希望能帮助有需要的人！1、直观展示下面对这几个专有名词解释一下Workspace：工作区 Index / Stage：暂存区 Repository：仓库区（或本地仓库） Remote：远

2017-01-18 17:18:29 216

原创 node.js开发cmd小程序

node.js简介 node.js 是一个 javascript 运行环境,基于google chrome v8 引擎,现在可以写js代码操作DOM以外的一些东西,比如操作文件,监听tcp端口,发送网络请求(不再是以ajax的方式),发送邮件,解析MP3元数据………一个简单的使用 windows cmd 常用命令 dir cd (table补全) ctrl+c 两次退出程序 D: 切换盘

2017-01-18 16:10:39 1690

原创 css预处理器—sass

1. Sass简介 Sass 是一种css预处理器,CSS 预处理器定义了一种新的语言，其基本思想是，用一种专门的编程语言，为 CSS 增加了一些编程的特性，将 CSS 作为目标生成文件，然后开发者就只要使用这种语言进行编码工作。除了sass还有一些其他常见的预处理语言 LESS Stylus Sass 有时候也被称为 SCSS,两者之间不同之处有以下两点：

2017-01-18 15:57:20 507

hzzyli的博客