- 博客(1624)
- 资源 (3)
- 收藏
- 关注
RSS订阅转载 MongoDB基础的操作
sql与mongodb的区别SQL术语 MongoDB 解释database database 数据库table collection 数据库表/集合row document 数据记录行/文档column field 数据字段/域创建数据库use dbname#从这里开始下文中所有的dbname都是自己新建的数据库的名...
2019-03-15 16:08:37
172
转载 JS正则表达式学习总结
JS正则：java RegExp对象，它是对字符串执行模式匹配的强大工具。运用最多的就是在输入处验证输入的字符串是否合法，指定用户输入字符串的格式。定义方法： 1：直接量语法：var re=/pattern/attributes 2：创建RegExp对象法：var re=new RegExp("pattern"，"attributes") pattern：这里可以是...
2019-03-15 16:02:40
429
转载 JS操作JSON的方法总结
一、概要简介JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,同时，JSON是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。在JSON中，有两种结构：对象和数组1、对象以“{”开始，“}”结束，“key/value”之间运用 “,”分隔。2、数组以“[...
2019-03-15 15:59:33
1803
原创 js对象方法大全
JavaScript中Object构造函数的方法Object构造函数的方法节Object.assign()通过复制一个或多个对象来创建一个新的对象。Object.create()使用指定的原型对象和属性创建一个新对象。Object.defineProperty()给对象添加一个属性并指定该属性的配置。Object.defineProperties()给对象...
2019-03-15 15:53:29
24293
2
转载 js数组方法大全
JavaScript中创建数组有两种方式（一）使用 Array 构造函数：var arr1 = new Array(); //创建一个空数组var arr2 = new Array(20); // 创建一个包含20项的数组var arr3 = new Array("lily","lucy","Tom"); // 创建一个包含3个字符串的数组（二）使用数组字面量表示法：...
2019-03-15 15:19:51
223
转载 逻辑英语笔记
一切的一切都只是套路！——鲁迅核心公式：En： （状语1） 主（定语1） 谓（状语2） （宾）（定语2） （状语1）Ch： （状语1） （定语1）主 （状语2）谓 （定语2）（宾） （状语1）主谓宾的位置是不变的，变化的是将修饰主语和宾语的定语提到前面，将修饰谓语的状语提到谓语之前。状语1是指一些被分开的状语，比如 at last week,becaus...
2019-03-01 15:41:25
970
转载 前端学习资料
谢谢老师的分享，地址https://github.com/cucygh/fe-material整理最有趣的前端技术教程及文档，欢迎大家都来补充让更多的多学找到学习一手好资料前端工具Git 入门篇 高级篇 索引篇 原版 原版翻译 Git的奇技淫巧 Webpack 文档 插件 Paracle 文档 Gulp 文档 Grunt 文档...
2019-02-22 14:38:57
212
转载 webpack配置vue项目详解
一、前言原文：https://segmentfault.com/a/1190000014804826vue-cli是构建vue单页应用的脚手架，输入一串指定的命令行从而自动生成vue.js+wepack的项目模板。这其中webpack发挥了很大的作用，它使得我们的代码模块化，引入一些插件帮我们完善功能可以将文件打包压缩，图片转base64等。后期对项目的配置使得我们对于脚手架自动生成的代码...
2019-02-15 15:53:50
1142
1
转载 vue服务端渲染添加缓存
虽然 Vue 的服务器端渲染(SSR)相当快速，但是由于创建组件实例和虚拟 DOM 节点的开销，无法与纯基于字符串拼接(pure string-based)的模板的性能相当。在 SSR 性能至关重要的情况下，明智地利用缓存策略，可以极大改善响应时间并减少服务器负载。 vue服务区缓存分为页面缓存、组建缓存和接口缓存 页面缓存： 在server.js中设置 1...
2019-02-14 09:38:44
340
转载 Vue SSR不可不知的问题
2018年07月27日 15:26:52 大转转FE 阅读数：1542本文主要介绍Vue SSR(vue服务端渲染)的应用场景，开发中容易遇到的一些问题，提升ssr性能的方法，以及ssr的安全性问题。SSR的应用场景1.SEO需求SEO（Search Engine Optimization，搜索引擎优化），是一种利用搜索引擎规则，提高网站在搜索引擎内自然排名的技术。通常这需要...
2019-02-13 17:20:14
587
转载 SSR之旅
前言因为自己的博客完全的前后端分离写的，在 seo 这一块也没考虑过，于是乎，便开始了本次的SSR之旅技术栈vue2 + koa2 + webpack4 + mongodb因为webpack也已经到了 4.1 的版本了，所以顺带把webpack3迁移到了webpack4。服务端渲染（SSR）大概意思就是在服务端生成html片段，然后返回给客户端所以vue-ssr也可以理...
2019-02-13 16:38:08
433
转载 Vue2 SSR 的优化之旅
ssr vue.js 8.4k 次阅读 · 读完需要 17 分钟7自从 Vue2 出正式版后, 就开始了 SSR 之旅, 不过之前用的都是虚拟主机, 部署不了 SSR, 所以也只是在本地写着玩, 双 11 的时候, 买了个某云主机, 正式开始了 SSR 之旅, 然后过程并不顺利, 部署, 运行都没问题, 但是发现内存泄漏严重, 1核1G内存的主机根本负担不了, 没什么访...
2019-02-13 16:04:37
715
转载 自动化部署之jenkins及简介
一、什么是持续集成？（1）Continuous integration（CI）持续集成是一种软件开发实践，即团队开发成员经常集成他们的工作，通常每个成员至少集成一次，也就意味着每天可能会发生多次集成。每次集成都通过自动化的构建（包括编译，发布，自动化测试）来验证，从而尽快地发现集成错误。许多团队发现这个过程可以大大减少集成的问题，让团队能够更快的开发内聚的软件。（2）没有持续...
2019-02-13 15:25:54
455
原创 响应式布局页面css代码
/* =============== 照着老师视频敲的页面样式================*/html{ font-size: 62.5%; color:#222;}/*被选中的颜色*/::selection{ background-color: #b3d4fc; text-shadow: none;}/*无序列表*/ul{ ...
2019-02-13 11:28:05
1494
原创 前端基础知识
html常见元素meta title style link script base div section article aside header footer p span em strong table thead tbody tr td ul ol li dl dt dd a from input select textarea button html5新增元素 ...
2019-01-21 09:21:19
181
1
转载 Grafana + Zabbix --- 部署分布式监控系统
阅读目录：1. 关闭防火墙2. 安装Zabbix下载源3. ZabbixClient --- 安装zabbix-agent代理4. ZabbixServer --- 安装zabbix-server服务5. ZabbixServer --- 配置zabbix-server的数据库6. ZabbixServer --- 配置zabbix-server的服务参数7. ...
2019-01-11 09:40:11
248
原创 阿里云esc服务器docker部署单节点mysql
1.下载加速版msyql docker pull hub.c.163.com/library/mysql:5.72.更名docker tag hub.c.163.com/library/mysql:5.7 mysql:5.73.启动 docker run -it --rm --name mysql -e MYSQL_ROOT_PASSWORD=123456 -p 3306:3...
2019-01-08 17:19:22
228
转载 《剑指offer》全部题目-含Java实现
在这篇文章中：1.二维数组中的查找 2.替换空格 3.从尾到头打印链表 ==4.重建二叉树== 5.用两个栈实现队列 ==6.旋转数组的最小数字== 7.斐波那契数列 8.跳台阶（动态规划） 9.矩形覆盖 10.二进制中1的个数 11.数值的整数次方 12.调整数组顺序使奇数位于偶数前面 13.链表中倒数第K个结点 方法一：使用指针 方法二：使用辅助栈 14...
2019-01-05 07:53:43
1065
转载 Docker
ubantu安装docker官方安装教程docker常用命令#用Dockerfile构建镜像docker build -t tomsun28/ubantu:6.0 .#通过docker镜像生成docker容器#-it是交互式模式(对应-d是后台启动)#-p 用本机的8080端口映射容器的80端口docker run -it -p 8080:80 --name ...
2018-12-27 15:42:01
142
转载 vue ssr高阶
嗨 各位小伙伴好，好久没有写文章了，这次分享一下我们从使用node以来，前端架构上的一些优化 如果看过我上一篇文章B站的前端之路的小伙伴可能知道 我们从去年开始打烊 使用node 到现在已经经历了一年的迭代，承载的访问量也从百万级别 扩大到了现在的亿级别，这次补充一些干货吧~vue如何实现热更新我们都知道，对于node来说，前端vue代码的迭代节奏是很快的，可能一周要迭代几次，但是node...
2018-12-27 14:42:42
830
转载 使用 Service worker 实现加速/离线访问博客
有一个困扰 web 用户多年的难题——丢失网络连接。即使是世界上最好的 web app，如果下载不了它，也是非常糟糕的体验。如今虽然已经有很多种技术去尝试着解决这一问题。而随着离线页面的出现，一些问题已经得到了解决。有一个叫做 APP Cache 的 API 可以提供离线体验，但它的问题比较多。最重要的问题是，仍然没有一个好的统筹机制对资源缓存和自定义的网络请求进行控制。Servi...
2018-12-26 16:12:46
1312
转载 只需两步获取任何微信小程序源码
最近在学习微信小程序开发，半个月学习下来，很想实战一下踩踩坑，于是就仿写了一个滴滴他们家的青桔单车小程序的前端实现，过程一言难尽，差不多两周时间过去了，发现小程序的坑远比想象的要多的多！！在实际练手中，完全是黑盒的，看到人家上线的小程序的效果，纯靠推测，部分效果在绞尽脑汁后能做出大致的实现，但是有些细节，费劲全力都没能做出来。很想一窥源码，查看究竟，看看大厂的前端大神们是如何规避了小程...
2018-12-26 15:51:58
829
转载 Webpack 打包优化之速度篇
在前文 Webpack 打包优化之体积篇中，对如何减小 Webpack 打包体积，做了些探讨；当然，那些法子对于打包速度的提升，也是大有裨益。然而，打包速度之于开发体验和及时构建，相当重要；所以有必要对其做更为深入的研究，以便完善工作流，这就是本文存在的缘由。Webpack Package optimization随着时间的推移，Webpack 也在不断的优化迭代；截至...
2018-12-26 15:33:38
325
转载 如何漂亮使用 Vue 之基础篇
软件工程学，作为程序员，本就该是当学好的一门技艺。像代码大全2以及程序整洁之道，一定是需要好好读一读的。Web 前端开发，因其入门的容易性(还有需求的旺盛)，造就了这一行涌进了不少急功近利者，也惊现了很多令人“不堪卒读”的代码。而前端发展日新月异，如不能渐而掌握，长期来看，委屈的倒也不全是别人(读你代码者)，更是自己；举个浅显的例子来讲，如不能学会很好的组织代码结构，即便有高手写了架构，一旦...
2018-12-26 15:32:42
419
转载 Webpack 打包优化之体积篇
谈及如今欣欣向荣的前端圈，不仅有各类框架百花齐放，如Vue， React， Angular等等，就打包工具而言，发展也是如火如荼，百家争鸣；从早期的王者Browserify, Grunt，到后来赢得宝座的 Gulp， 以及独树一帜的 fis3, 以及下一代打包神器 Rollup ；在 browserify,grunt,gulp,rollup,webpack 可以一窥其中部分对比。在...
2018-12-26 15:31:40
2810
转载 九种浏览器端缓存机制知多少
浏览器缓存（Browser Caching）是浏览器端保存数据用于快速读取或避免重复资源请求的优化机制，有效的缓存使用可以避免重复的网络请求和浏览器快速地读取本地数据，整体上加速网页展示给用户。浏览器端缓存的机制种类较多，总体归纳为九种，这里详细分析下这九种缓存机制的原理和使用场景。打开浏览器的调试模式->resources左侧就有浏览器的8种缓存机制。一、http缓存h...
2018-12-26 15:21:52
216
转载 前端性能优化 -- 从 10 多秒到 1.05 秒
关于 性能优化 是个大的面，这篇文章主要涉及到 前端 的几个点，如 前端性能优化 的流程、常见技术手段、工具等。提及 前端性能优化 ，大家应该都会想到 雅虎军规，本文会结合 雅虎军规 融入自己的了解知识，进行的总结和梳理首先，我们先来看看 雅虎军规 的 35 条。 尽量减少 HTTP 请求个数——须权衡 使用 CDN（内容分发网络） 为文件头指定 Expi...
2018-12-26 15:18:48
148
转载 PWA介绍及快速上手搭建一个PWA应用
PWA介绍一个新的前端技术，PWA（ 全称：Progressive Web App ）也就是说这是个渐进式的网页应用程序。官网：https://developers.google.com/web/progressive-web-apps/是 Google 在 2015 年提出，2016年6月才推广的项目。是结合了一系列现代Web技术的组合，在网页应用中实现和原生应用相近的用户体验...
2018-12-26 15:17:59
303
转载 前端性能优化——通用的本地缓存SDK
优点缩短用户进入页面的时间使用本地储存的资源减少网络请求，减小网络压力重要资源存放在本地加快页面对用户的相应存储方案选取SessionStorage临时存储神器，关闭页面标签自动回收，不可以跨页面交互。userData 是为ie服务的优点：第一个吃螃蟹的人，也得感谢第一个被吃的螃蟹缺点：存储限制大小，单个文件的大小限制是128K，一个域名下总共可以保存1024KB的文件，...
2018-12-25 09:51:20
343
转载 前端性能优化之缓存利用
前言越来越多的公司开始做PWA，渐进式web应用了。我的博客源码是2014年年初写的，近期有时间正准备优化一下，也改成PWA的web应用。关于PWA渐进式web应用，我在博客改版之后再来详细介绍！今天主要详细介绍一下性能优化之缓存利用，本文将详细介绍各种缓存，及其机制，前段时间我也写过一篇关于前端浏览器缓存的文章，在我博客中搜索缓存，也能搜到几篇文章，感兴趣的可以先去我之前文章去看一下，...
2018-12-25 09:50:13
599
转载 权限
前端权限代码说明路由 路由分为两部分,一部分是固定的几个 ,比如/login,/404,另一部分是根据权限动态生成的. router/index.js 里,动态路由都在 asyncRouterMap内,里面元素的关键属性为menu , 生成动态路由时,会根据用户权限json内的menuList里是否含有这个menu,来决定是否为此用户添加这个路由.生成动态路由过程permi...
2018-12-17 19:44:25
388
13
转载 WireMock 伪造 REST 服务
1.简介WireMock是一个针对Web Service测试桩（stubbing）和模拟函数（mocking）开发库。与一般通用的模拟工具不同，WireMock会实际创建一个HTTP服务器，测试代码对其连接后进行测试。WireMock支持HTTP响应桩，提供针对测试桩的请求验证、代理/拦截、记录/回放以及故障植入。既可以在单元测试中使用，也可以部署到一个独立的测试环境。尽管WireMoc...
2018-12-17 17:46:28
271
转载 HTTP消息中header头部信息的讲解
本文导读：HTTP消息包括客户机向服务器的请求消息和服务器向客户机的响应消息。这两种类型的消息由一个起始行，一个或者多个头域，一个只是头域结束的空行和可选的消息体组成。HTTP的头域包括通用头，请求头，响应头和实体头四个部分。每个头域由一个域名，冒号（:）和域值三部分组成HTTP Request的Header信息1、HTTP请求方式如下表：GET向Web服务器请求一个文件P...
2018-12-14 17:37:33
2818
转载 nginx-http配置介绍
2018-05-28 11:10:37nginx工作流程图http部分工作流程大致如一个master开启多个worker，网络io一般用epoll实现当个worker的高并发，文件io用sendfile，aio等高效移步io，实现一个http请求响应。io部分请参考：http://blog.51cto.com/marvin89/2115474主脚本请翻阅：http://blog.51...
2018-12-14 17:33:20
564
原创 阿里云服务器安装mysql
1wget http://dev.mysql.com/get/mysql80-community-release-el7-1.noarch.rpm2yum localinstall mysql80-community-release-el7-1.noarch.rpm3yum install mysql-community-server4sudo grep 'temporary pass...
2018-12-14 15:41:44
166
转载 前端技术教程及文档
fe-material整理最有趣的前端技术教程及文档，欢迎大家都来补充让更多的多学找到学习一手好资料前端工具Git 入门篇 高级篇 索引篇 原版 原版翻译 Git的奇技淫巧 Webpack 文档 插件 Paracle 文档 Gulp 文档 Grunt 文档 Rollup 文档 Browserify 官方文档 ...
2018-12-03 10:13:40
487
原创 关于前后端交互加密传输问题
最近项目中发现个AES的加密和解密中json处理的bug，最终定位到是由于数据中特殊字符“”引起，最终解决的办法是数据加密前先转base64在加密，前端解密时一样，先解密在解base64，完美...
2018-11-30 15:29:08
2181
转载 Web前端开发最佳实践（1）：前端开发概述
Web前端开发最佳实践（1）：前端开发概述引言我从07年开始进入博客园，从最开始阅读别人的文章到自己开始尝试表达一些自己对技术的看法。可以说，博客园是我参与技术讨论的一个主要的平台。在这其间，随着接触技术的广度和深度的增加，也写了一些得到了大家认可的技术文章，多篇文章也得到了编辑推荐。大家的认可也更激发了我写技术文章的热情，借助公司在博客园的账号葡萄城控件技术团队博客发布了多篇有关Web前...
2018-11-26 17:11:48
516
转载 31 天重构学习笔记索引
由于最近在做重构的项目，所以对重构又重新进行了一遍学习和整理，对31天重构最早接触是在2009年10月份，由于当时没有订阅Sean Chambers的blog，所以是在国外的社区上闲逛的时候链接过去的。记得当时一口气看完了整个系列并没有多少感觉，因为这些基本上项目都在使用，只是我们没有专门把它标示和整理出来，所以也没有引起多大的重视。现在突然接手这个重构项目，由于团队成员技术和经验参差不齐，所...
2018-11-26 17:04:46
127
原创 webpack学习视频笔记整理
Webpack简介Webpack 概述本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。Webpack官网Webpack...
2018-11-24 09:25:57
551
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人