- 博客(59)
- 资源 (6)
- 收藏
- 关注
RSS订阅
原创 centos7利用docker 快速搭建苹果CMS站点
阿里云centos7服务器,利用docker，快速搭建苹果cms。效果如下：1、centos7 系统安装docker.可查看这篇博文：https://www.cnblogs.com/yufeng218/p/8370670.html我当前使用的docker版本：2、Docker 删除镜像...
2018-12-10 19:33:15
3683
原创 程序猿电子书推荐和下载
一些作为一个开发者可以看得书籍，并提供下载链接，避免每次到处去找下载链接，当然欢迎购买正版书:1、《JavaScript权威指南（第六版）》 ★★★★★淘宝前端团队翻译的，看译者列表都是一堆大神。这本书又叫犀牛书，号称javascript开发者的圣经，网上对此书评价很多，大概意思都是说这本书是一本JavaScript文档手册，没有完整看过一遍此书的都不能算是一名合格的前端工程师。JavaS...
2018-11-17 11:22:00
1141
原创 npm包开发问题记录
创建自己的npm包首先要有一个npm 的账号，提前在npm官网上注册好。npm包实际上是一个存档文件，即一个目录直接打包为.zip或者tar.gz 格式的文件，安装后解压还原为目录。添加账号package.json 上提前加好 repository 链接地址npm adduser npm login（证明是否登录成功 : 指令 npm who am i）3. 发布npm 包...
2018-10-15 16:46:17
455
原创 网页音效简易解决方案audiosprite
背景： 一、当网页需要的播放声音片段过多，这个时候就会采用和css精灵图类似的技术，来拼接声音片段（audioSprite ）,来减少请求。 二、自己用原生播放声音，兼容性问题，无法播放雪碧片段声音。 Howler.js 是一个不错的HTML5声音引擎。功能强大，性能不错，用起来也很方便。最终结局办法： 大概就是用 audioSprite 来生成集合声音片段，然后使用howler.js...
2018-08-24 15:29:10
1511
原创 seo 相关记录 & 谷歌统计
seo 优化seo 优化是未来更好的给爬虫收入，以便提高排名和权重。除了加meta name="Keywords" content="**,**,********">meta name="Description" content="**,**,********"
2018-02-01 15:20:28
444
原创 vue2.0 + element UI 中 el-table 数据导出Excel 。
vue2.0 + element UI 中 el-table 数据导出Excel1、 安装相关依赖主要是两个依赖npm install --save xlsx file-saver如果想详细看着两个插件使用，请移步github。 https://github.com/SheetJS/js-xlsx https://github.com/eligrey/FileSav
2018-01-30 17:14:58
71967
106
原创 搭建vue2.0+vuex+vue-router+babel+webpack环境
简单的自建流程1、 创建项目目录 2、 git 仓储 git init 3、 写.gitignore .gitignore node_modules npm-debug.log .idea4、 npm init 创建npm 包管理 or 如果有专门的git 资源服务器，可以先ssh登录，利用git init –bare + Proname . 5、创
2017-07-16 17:30:47
1869
翻译 ES6代码规范(整理)
ES6提出了两个新的声明变量的命令：let 和 const 建议不再使用var，而使用let 和const 。优先使用const。代码规范！
2017-02-09 11:47:45
7995
翻译 JavaScript高性能编码知识记录
前端程序员必须知道的高性能、数据存储、循环、事件委托、重绘与重排。浏览器下载完HTMl，CSS，JS后会生成两棵树：DOM树和渲染树。 当Dom的几何属性发生变化时，比如Dom的宽高，或者颜色，position，浏览器需要重新计算元素的几何属性，并且重新构建渲染树，这个过程称之为重绘重排
2016-07-31 18:17:36
451
翻译 es6-特性整理
es6-特性这是一个 ES2015(ES6) 的Cheatsheet，其中包括提示、小技巧、最佳实践和一些代码片段，来帮助小白来学习，我也是从github 上“拿来的”，所以要想学好前端，勤逛github.目录结构var 与 let / const 声明代码执行块替换立即执行函数箭头函数字符串解构模块参数类SymbolsMapsWeakMapsPromises
2016-07-30 22:35:32
5786
转载 最全整理浏览器兼容性问题与解决方案
常见浏览器兼容性问题与解决方案 所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。 在学习浏览器兼容性之前，我想把前端开发人员划分为两类： 第一类是精确按照
2016-05-25 17:37:39
19536
原创 从购买阿里云ECS开始
1、CentOS 7中添加一个新用户并授权https://blog.csdn.net/ggxiaobai/article/details/53504989
2020-11-07 16:57:23
381
原创 Fiddler 基本使用
Fiddler概念Fiddler是一个HTTP的调试代理，以代理web服务器的方式，监听系统的Http网络数据流动，Fiddler可以检查所有的HTTP通讯，设置断点，以及Fiddler所有的“进出”的数据（一般用来抓包）fiddler 使用的代理地址是：127.0.0.1，端口默认为8888常用操作Fiddler安装后，设置的端口默认为8888，当Fiddler启动后，默认将IE的代理设...
2019-01-16 17:30:04
623
原创 Jenkins 自动部署常见配置方式以及过程
1、弄好机器之间的ssh ，将git 仓库填入：2、配置远程目录通常Jenkins 机器和构建的机器是不一样的，我们需要将Jenkins 的workspace 工程空间下的代码拉到构建机器上：点开系统配置 下 SSH Servers 出，新增一个填写名称 机器ip 用户名，以及目标目录。点开高级配置填入用户密码。完整如下：3、 在构建配置中，填入 source files 和re...
2019-01-09 17:00:40
1573
原创 node.js递归取指定后缀文件
有时候我们需要递归读取某个目录下的指导后缀文件。（目录保护子目录）const path = require('path')const fs = require('fs')var walk = function(dir) { var results = [] var list = fs.readdirSync(dir) list.forEach(function(fil...
2019-01-02 11:41:06
2265
原创 谷歌统计代码使用方式
1、加入 gtag 代码<!-- Global site tag (gtag.js) - Google Analytics --><script async src="https://www.googletagmanager.com/gtag/js?id=UA-*****-1"></script><scrip
2018-12-27 13:49:18
4111
原创 centos7 npm run build报错，window本地打包正常
1、centos7 npm run build报错，window本地打包正常报错的错误类型可能是如下:ERROR in ./node_modules/css-loader?{"sourceMap":false}!./node_modules/vue-loader/lib/style-compiler?{&a
2018-11-22 14:13:25
4033
1
转载 检测网页是否打开开发者工具（检测F12）
检测网页是否打开开发者工具（检测F12）tips ，有个500ms的setInterval ，慎用啊！有时候我们需要屏蔽一下console 日志：效果查看：https://sindresorhus.com/devtools-detect/代码如下： (function () { 'use strict' var devtoo...
2018-11-14 17:51:58
12778
1
原创 vscode 前端配置
{“window.zoomLevel”: 0,“editor.renderWhitespace”: “all”,“editor.insertSpaces”: true,“editor.tabSize”: 4,“editor.trimAutoWhitespace”: true,“explorer.confirmDragAndDrop”: false,“editor.detectInde...
2018-10-31 10:18:16
1084
原创 vi/vim 常用按键记录
vi/ vim 的使用基本上vi/vim 共分为三种模式，分别是命令模式（command mode） 、输入模式（Insert mode）、底线命令模式（Last line mode）。命令模式（一般模式）该模式下常用的几个命令：i 切换到输入模式，以输入字符（i，o，a）。x 删除当前光标所在处的字符。: 切换到底线命令模式，以在最底一行输入命令。输入模式（编辑模式）在命令...
2018-09-27 14:48:00
352
原创 jquery 原生实现简易多语言
以下该版本实现了简易的多语言方案 ，你可以去维护一套多语言的json ,进行前端的语言切换。通过获取自定义数据 data-trans 来改变语言。 html 结构<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>多语言&
2018-07-30 14:32:34
1885
原创 jquery.datatables 前端分页工具使用
jQuery.datatables是一款基于jQuery表格插件。需求：需要弄个前端分页、前端筛选（自定义）的表格。基本实现功能如下：前端DataTable 静态筛选 基本使用// demo 1 ajax 取数据 var table2 = $('#table_details').DataTable({ // 1 //排序功能. o...
2018-04-17 20:02:58
2389
原创 《你不知道的JavaScript》 记录
前言，简单记录你不知道的javascript 书本的例子。声明提升 （ 第四章 ）1、var a = 2； 可能会认为这是一个声明。但JavaScript 实际上会将其看成两个声明：var a; 和 a = 2 ; 第一个定义声明是在编译阶段进行的。第二个赋值声明会被留在原地等待执行阶段。 2、函数声明会被提升，但函数表达式却不会被提升。 3、提升细节： 函数会首先被提升，然后才是...
2018-03-25 17:09:58
336
原创 PC站点开发规范（待补充）
目录目录最佳方式命名规则项目命名 project目录命名HTML 文件命名JS 文件命名HTML5页面规范属性顺序JavaScript变量命名引号文档注释最佳方式 坚持制定好的代码规范。 无论团队人数多少，代码应该同出一门。 如果想要为这个规范做贡献或觉得有不合理的地方，可以提出。 命名规则
2018-02-01 16:49:20
299
原创 面试题记录
异步转同步 将下式进行修改，使其输出3function aa(){ var b = bb(3); console.log(b);}function bb( type ) { var cc ; setTimeout(function () { cc = type; },1000) return cc;}aa() /
2018-01-31 11:53:29
220
原创 手机号3-4-4 & 滚动函数 & 滚盘抽奖
手机号3-4-4 – 需引入一个jq or zepto 下列flow 就是344相关的东西， $(‘#inpTel’)对应的就是输入input输入框DOM节点。 var flow = { initIndex:function(){ flow.initMobile(); $(&amp;quot;#inpTel&amp;quot;).on('blu...
2017-11-15 13:55:51
509
原创 linux 常用基础指令记录
1991 年 林纳斯 linux 完善流行。列表内容linux 的目录结构差异linux 的目录结构和window 是不一样的。唯有只有一个根目录 （Ubuntu 热键 （放大终端的文字 ctrl + shift +/- 实现放大缩小） ）常用linux指令 lsls 常用的参数-a 显示隐藏文件（指定目录下所有子目录与文件）-l 以列表方式显示文件的详细信息-h 配合-l 把文
2017-09-23 15:34:13
242
原创 阮一峰博客转载记录
把看过的认为有点意思的，做个链接记录。2009年 一、学习JavaScript 闭包详见阮一峰链接 有一个可以作为面试题： var name = "The Window"; var object = { name : "My Object", getNameFunc : function(){ return function(){ return
2017-08-14 11:50:02
855
原创 常用技巧记录
1、 Element.getBoundingClientRect() 方法返回元素的大小及其相对于视口的位置。2、 存储cookie 的时候有‘=’，‘ ’等的时候，会出现读取错误的情况，存的时候应该encodeURIComponent 一下。参考
2017-07-30 15:12:57
243
原创 个人HTML所有标签总结
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <!--编码方式--> <meta name="keyword" content="放置搜索引擎的关键字，技术上实现网站推广、优化"> <meta name="description" content="百度里头描述的内容"/> <title>
2017-07-23 21:40:52
327
原创 H5移动端ios 滚动优化
常会遇到业务场景：禁止iOS的弹性滚动、禁止微信H5页面下拉。H5页面ios滚动卡顿。H5页面内去除弹性滚动。表格第一行和第一列固定 其他区域滚动常用做法：利用css3 的动画利用ios 特有属性 -webkit-overflow-scrolling : touch 那么问题来了，如果用好这两个点呢？自己写的代码太烂，还是大神们写的代码好用，去npm、百度 上找一找，我把找到的
2017-07-16 22:40:07
11087
3
原创 vue 常用的插件（自整理）
vue-resourcevue-resource 作为vue插件的形式存在，通过XMLHttpRequest或JSONP发起请求并处理响应。开发中常用。 用法：npm install vue-resource --save如果你的项目遵守commonJS规范var Vue = require('vue');Vue.use(require('vue-resource'));get方式的套路：n
2017-07-16 18:03:17
18951
翻译 模板引擎原理
模板编译用的还是比较多的，像template 、underscore的插件等等，不过随着vue ,angular ,avalon 等双向数据绑定的出现，也基本上用的不多了。都知道模板引擎都是正则匹配，但是都能想清楚么？
2017-02-03 22:44:18
825
原创 gulp基本使用
gulp 是后起自秀，它在Grunt 之后出现，优与Grunt 。最主要的是其配置更加简洁更易于上手，它是基于Node.js 开发的构建工具。 （先介绍一下，Grunt这个工具使用插件机制和Gruntfile.js 来实现多任务的配置、组合和运行 ） 详细的自己去查一查。gulp 也是通过插件机制来完成第三方工具适配的。通过一个名为gulpfile.js 的文件来完成任务的配置。它的创新之处在于是
2017-01-01 23:40:27
726
翻译 seajs 模块化开发（转载、整理）
seajs 作者是阿里巴巴的射雕先生，玉泊。Sea.js 追求简单、自然的代码书写和组织方式，兼容所有主流浏览器 具有以下核心特性：Sea.js 遵循 CMD 规范，可以像 Node.js 一般书写模块代码。依赖的自动加载、配置的简洁清晰，可以让我们更多地享受编码的乐趣。seajs 常用API(会这7个足够在项目中使用了):seajs.config 用来对 Sea.js 进行配置。 (直
2017-01-01 10:51:10
413
原创 JavaScript 的闭包解析
闭包从字面上看就是封闭和包裹。 所以可以这么认为：定义一个函数，在函数外部别人无法访问，因此这个函数就构成闭包。也可以说，闭包是一个受到保护的变量空间。 function Foo() { var num; return{ get_Num:function () { return num; },
2016-12-31 10:03:02
318
原创 封装自己的jsonp、元素Ajax
在封装自己的JSONP 服务之前，我们要先明白，什么是同源？为什么要跨越？ 首先我们要明白，同源策略是浏览器的一种安全策略，所谓同源是指，域名、协议、端口完全相同。 为什么要跨越？在开始前简单介绍一下CDN（contentdelivery network），CDN简称内容分发网络，当我们完成一个项目的时候，真正的功能性代码不多，可是静态资源确占很大一部分，如样式，图片等等，这些静态如果都向你这个
2016-12-30 22:59:40
1607
原创 酷我经历
在酷我的一年工作时间，还是有挺多的成长的，从切图开始，到JS开发，再到前后端分离技术方案的实现。从各种手机APP内嵌需求完成（还有车载的适配），到www线上需求实现，再到酷我音乐盒本地模板需求实现。算是把各情况、各端都走了一遍了。参与酷我m站的重构（PV、UV已经三倍）、承担千万日活的2017每天推荐需求、完成酷豆一期、积分一期体系类商城的初期实现（想让pc端日活止跌），还有在我看来很鸡肋的需求Hi
2016-12-28 10:38:14
568
原创 初识Babel
JavaScript 在不断发展，各种新标准和提案层出不穷，但是由于浏览器的多样性导致有可能几年之内都无法广泛普及，而babel可以让你提前使用这些语言特性。利用好这个工具，可以让我们在平时开发中，有意识的利用新特性去开发。环境搭建： ① 要想在命令窗里使用babel 首先得安装babel-cli ( cli 是 command Line Interface 的缩写 ) 即：
2016-12-25 22:18:13
701
前端早读课历史快捷链接记录
2017-11-15
梅兰psd 尙合网站项目、 时尚实习项目
2016-07-30
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人