Primise7的博客

前端Docker部署实战背景最近公司架构大佬，一直在培训K8s，跟组内成员大佬，唠嗑的时候顺便提到了Dokcer，回想到接触docker还是17年的时候研究了一番，当时做了许多笔记，到现在为止已经在我的笔记里吃灰了好久。最近自己再弄以前买的服务器就打算操作一番。前言1 安装docker环境准备 1. 需要会一点服务器基础知识。 2. Centos7. 3. 当前使用xshell操作环境查看# 系统内核[root@iZbp1a48kwmva61kyrz5caZ ~]# un

背景 由于上周五开会领导提到对前端数据加密这一块要做处理，跟后台讨论了一下，决定采用CryptotoJS AES+BASE64算法加密。具体实现本方法是在基于vue项目。之前是在localstorage存了用户信息字段采用了AES、DES加密解密，所以对于对象加密也是同样的方法。加密得过程主要是跟后台同步数据，就是我前端加密的方法在后台它可以通过相对应的解密方法进行解密就是密钥要相同，这里主要就是：在这里主要做了一个demo话不多说上代码；<template> <

今天遇到的这个问题 解决办法父元素设置display:flex;子元素设置height:auto或者不设置高度就行了

Nginx自我修炼1.背景2.Nginx介绍3.Nginx安装1.背景由于最近公司部署代码使用小型工控机，不再使用Tomcat部署而使用Nginx部署前端代码，想起自己在三年前学pyhton的时候使用Nginx，现在前端生态环境发展这么迅速，所以这段时间集中学习了一下 Nginx，同时做了一些笔记，希望也可以帮助到大家～2.Nginx介绍Nginx 是开源、高性能、高可靠的 Web 和反向代理服务器，而且支持热部署，几乎可以做到 7 * 24 小时不间断运行，即使运行几个月也不需要重新启动，还能

由于vue3.0已经发布beta版本，vue3.0将会支持typescript,加上之前angular2.0已经支持typescript。纵观几个框架，TS已经是一个趋势。能够熟练掌握TS并可以应用到项目中去，就可以成为前端开发中的优势。因为vue2.0对TS不太友好，所以就一直搁置没有去重构。有个vue3.0本菜鸡在休息时间也准备重构一下自己得项目，在实践中不断摸坑。1.使用vue-cli快速搭建项目本人工作项目中使用得vue-cli3,所以打算用vue-cli3脚手架来搭建整个项目，与vue-cli

修改器1.$set 设置某一个字段的值。db.collections.update({查找的数据},{$set:{要修改的数据}})例子：db.test.update({name:"zzz"},{$set:{sex:1,age:10}})2.$unset 删除字段。db.collections.update({查找的数据},{$unset:{要删除的数据}})例子：db.tes...

1.为什么使用Cmder在做项目时，有些时候我想复制控制台上面的代码时，cmd有的时候复制粘贴很麻烦，Cmder则不会，并且Cmder可以分屏多开窗口，可以设置窗口颜色,字体大小，并且很多快捷键和谷歌浏览器操作类似,等等很多功能作者：500薪水程序员链接：https://www.jianshu.com/p/5b7c985240a7来源：简书著作权归作者所有。商业转载请联系作者获得授权，非...

Node连接Mongodb数据库1.在自己的项目下安装相对应对的包 npm install mongodb --save-dev cnpm install mongodb --save-dev(淘宝镜像)2 连接数据库地址 const MongoClient = require('mongodb').MongoClient; //使用mongodb的MongoClien...

Webpack的介绍Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔，等到实际需要的时候再异步加载。通过 loader 的转换，任何形式的资源都可以视作模块，比如 CommonJs 模块、 AMD 模块、 CMD 模块、ES6 模块、CSS、图片、 JSON、Coffeescri...

#触屏事件1.事件类型touchstart: 手指触摸屏幕时触发touchmove: 手指在屏幕上移动时触发touchend: 手指离开屏幕时触发2.TouchEvent对象touches: 位于屏幕上的所有手指的列表targetTouches: 位于该元素上所有手指的列表changedTouches: touchstart时包含刚与触摸屏接触的触点，touchend时包含离...

三大系列offset-位移scroll-卷页client-可视区js中有一套方便的获取元素尺寸的办法：offset系列offset常用属性（5个）###offsetWidth和offsetHeight————（检测盒子自身宽高+padding+border）###offsetLeft和offsetTop————（检测距离父盒子有定位的左/上面的距离）###offsetPar...

##小案例1：匹配电话号&lt;body&gt;请输入电话号：&lt;input type="text"/&gt;&lt;script&gt; //需求：当input失去插入条光标，判断input中的内容是否符合固定电话的标准 // 直辖市： 010-12345678 (3位-8位) // 普通市： 0771-1234567 (4位-7位) document.ge...

1、cookie和session的相关概念http会话机制请求响应无状态实际是需要有状态的cookie与session通过cookie可以向客户端存储数据多次设置cookie可以累加设置多个cookie键值对document.cookie = ‘username=lisi’document.cookie = ‘age=12’document.cookie //usernam...

angularJS里面的ngRoute并不能满足我们的开发需求因为angular的ng-view在写多个的情况下，不能控制内容的显示，渲染出来的内容都是一样的。所以用第三方插件ui-routerui-router由第三方编写的路由模块，相比之前的ngRoute更加灵活多变网址： http://angular-ui.github.io/可以在页面挖多个坑,填不同的内容ui-rotu...

左边固定，右边自适应的3种总结:左边左浮动，右边加个overflow:hidden; #lt{ float: left;width:200px; background: #ff0;} #rt{ overflow: hidden; background: #f0f;}左边左浮动，右边加个margin-left; #lt{ float: left; width:200px; backgr...

编码规范1.1 HTML约定在head中引入必要的CSS文件，优先引用第三方的CSS，方便我们自己的样式覆盖。在body末尾引入必要的JS文件， 优先引用第三方的JS， 注意JS文件之间的依赖关系， 比如bootstrap.js依赖jQuery， 那就应该先引用jquery.js 然后引用bootstrap.js。1.2CSS约定除了公共级别样式，其余样式全...

浏览器默认的字体大小一般是16px,但是可以自己设置。 em 基于父元素的字体大小 rem的大小是基于html字体的大小1、px和em的区别？px像素（pixel）——px像素是相对于显示器屏幕分辨率em相对于当前对象内文本的字体尺寸。如果当前对象内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸，任意浏览器的默认字体高都是16px。 IE无法...

CSS3中的Media Query（媒介查询）通过查询screen的宽度来指定某个宽度区间的网页布局。 超小屏幕（移动设备） 768px以下 小屏设备 768px-992px 中等屏幕 992px-1200px 宽屏设备 1200px以上 媒体类型将不同的终端设备划分为不同的类型，称为媒体类型s...

视口（viewport）是用来约束网站中最顶级元素html的，即它决定了html的大小。1、 PC端viewportPC设备上，viewport的大小取决于浏览器窗口的大小，以CSS像素作为度量单位。获取viewport的大小(即浏览器可视区域)：document.documentElement.clientWidth;document.documentElement.cli...

移动开发包括：原生APP，混合APP，webApp移动端开发和pc端开发有什么不同？移动设备与PC设备最大的差异在于屏幕，这主要体现在屏幕尺寸和屏幕分辨率两个方面。屏幕和分辨率屏幕尺寸，实际上指的是屏幕对角线的长度（一般用英寸度量）分辨率一般用像素来度量，表示屏幕水平和垂直方向的像素数，PC端常见1366*768。移动端多种，比如960*640.长度单位绝...