- 博客(37)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 docker nginx网站 ipv6改造方案和步骤
docker nginx网站 ipv6改造方案和步骤整体概况改造原因ipv6和ipv4基础知识部署详情改造方案具体实施实施步骤结束语整体概况改造原因最近公司在做ipv6的系统改造，从网络到程序都需要制作ipv4和ipv6的支持。一、保证用户可以在仅支持ipv6的网络下进行正常访问。二、为以后全面扩展ipv6实施做基础工作。因为ipv6将全面取代ipv4.ipv6和ipv4基础知识IPv4可提供4,294,967,296个地址，IPv6将原来的32位地址空间增du大到128位，数目是2的128次方
2020-10-16 16:33:35
3601
原创 关于css hover动效边缘触发频繁闪动的解决方案
问题描述最近做一个官网，里面的动效比较多，也遇到了很多问题。便一点点的收录下来。今天遇到的问题如下图当鼠标触发到边缘时，就会频繁切换hover 和 非hover状态，就出现了如图的一上一下的局面问题解决既然知道了是怎样出现了，那就好解决了。因为直接在需要改变位置的元素加hover属性，在触发边缘时，元素就发生向上的的位置变化，然后鼠标就和元素没有接触了，就时非hover属性，元素位置要还原，然后又接触到鼠标，变成了hover属性。如此循环就会不停闪动，用户体验很差。解决方案就是将hover属性放
2020-09-10 10:02:52
6523
3
原创 js有关 == 容易出错点
js有关 == 容易出错点前言案例案例解决1. 空字符串和0 相等2. 空数组和0 相等3.空对象和0 不相等前言在js中有关 == 的用法，看起来不难；但是很多细节不注意将很容易出错，而且比其他语言都容易出错。这也是js弱类型语言的特性。案例先来一组简单的，看一下是否遇到过相应的问题console.log("" == 0)//trueconsole.log([] == 0) //trueconsole.log({} == 0) //falseconsole.log(undefined ==
2020-07-27 17:14:16
711
原创 better scroll与flex联用在ios 10下无法滑动的问题
better scroll与flex联用在ios 10下无法滑动的问题上图使用的betterscroll做下拉刷新，中间部分中flex:1自适应高度，做betterscroll的壳子，然而在ios10上，居然滚动不了。该问题归决于容器高度获取有误，最终解决方法为：改用calc来获取高度。 .pagecontent{ flex: 1; position: absolute; overflow:hidden; wid
2020-05-21 13:08:22
498
原创 vue父子组件数据双向修改方法
vue中父子组件通信中，为了保证数据的单向流动，子组件不能直接修改父组件传进来的值，之前也一直用this.$emit调用父组件方法来修改传入的值。直到要做一个带关闭按钮的弹窗组件时，我才发现了vue的子组件可以不通过this.$emit修改props值。父组件给子组件传递时可以.sync作为修饰符，例如：给子组件传递显示或隐藏的值showImgsilder//父组件<wy-imgsil...
2020-03-24 16:13:04
747
原创 nginx proxy_pass相关知识
nginx的proxy_pass可以讲请求转发到另一台服务器，在项目部署时通常也可以用此做跨域处理，使得页面调用本地服务器，通过转发至后台服务器。对于proxy_pass的基本用法location /houtaiapi/ { proxy_pass http://h5.vanho.com.cn:2231/; #跨域处理 add_header Access-...
2020-03-17 11:28:10
240
原创 vue 使用rsa加密整理
由于安全原因一些敏感信息提交时都需要加密处理，之前一直用MD5加密，一些暴力软件还是可以进行解密，而rsa加密安全性就比较高，它采用前端公钥加密 后台私钥解密。下面就是整个rsa在项目中使用的过程安装npm install jsencrypt使用像这种比较常用的工具基本都提取成工具方法import JSEncrypt from 'jsencrypt';//加密export fun...
2020-03-12 11:00:02
704
原创 关于betterscroll 默认向上滚动一段距离 解决方式
最近一直用betterscroll 来做页面的滚动 下拉刷新 上拉加载 等。也遇到一些很头疼的问题，今天先解决一个我实际遇到的问题问题描述下图是我未加better scroll之前的页面可以看出每一条顶上都会有10px的间距。而加上betterscroll之后。再看一下页面我的第一条10px的被吞掉了，直接从内容开始的。检查元素一看如下它给我向上移动了10px，这就有点费解了。问...
2020-03-06 15:53:01
1375
原创 better scroll内容有图片上拉位置不准确解决方案
前言better scroll也是目前在移动项目中 一直推荐的滚动解决方案，随着项目功能的不断扩充一些问题也随之出现，后续问题也会一一记录并进行解决，先看一下一个常见问题 上拉加载位置不正确问题。问题描述在做上拉加载功能时，老是还没有滚动到一定位置就开始请求数据了，虽然不影响整体功能，但是总归来说体验不是很好。产生原因首先再说一下betterscroll的滚动原理content在做t...
2020-02-25 16:09:46
634
原创 基于 vue +better scroll滑动切换页面 并支持下拉刷新案例
也是公司项目 ，内部app的资讯模块整改，改是不可能改的，之前还是用jquery。感觉越改越混乱，还是重做。就仿着今日头条、等资讯页面做了一个dome，话不多说，先看效果!效果看完，感觉还行的话，接着就往下看开启爬坑之路！先打一个无偿广告 上图的gif 是通过LICEcap 软件录屏制作的！下载地址：官网地址，支持window mac ，无插件 无广告 完全免费！确实好用，比起国内的...
2020-01-22 14:32:00
1454
2
原创 docker 安装nginx
什么是docker先摘抄一段话说一下什么是docker:Docker 使用 Google 公司推出的 Go 语言 进行开发实现，基于 Linux 内核的 cgroup，namespace，以及 AUFS 类的 Union FS 等技术，对进程进行封装隔离，属于 操作系统层面的虚拟化技术。由于隔离的进程独立于宿主和其它的隔离的进程，因此也称其为容器。最初实现是基于 LXC，从 0.7 版本以...
2019-11-18 16:00:54
508
2
原创 前端代码规范
前端代码规范规范概述基本信息通用约定1.文档目录结构2.分离3.文件命名4.缩进5.编码6.小写7.注释8.待办事项9.省略嵌入式资源协议头HTML语法HTML5 doctype语言属性IE 兼容模式字符编码引入 CSS 和 JavaScript 文件属性顺序布尔（boolean）型属性减少标签的数量CSS语法声明顺序媒体查询（Media query）的位置带前缀的属性单行规则声明简写形式的属性声...
2019-10-11 10:50:59
2119
原创 js闭包通俗解析
开场白对于js来说，闭包可谓时重点和难点，前端面试应该是必问的题，对闭包的理解程度就可以看的出一个前端开发的功底。网上对闭包的文章比比皆是，但是对于初学者来说不是很友好。今天我就考虑一下初学者，毕竟我还算是吧，简单通俗的讲一下js闭包。准备工作要修炼js的闭包功夫，还需要一点其他功力作为功底的。功底一：js的垃圾回收知识 功底二：js的函数执行过程 功底三：js的全局变量和局部...
2019-09-27 15:36:52
467
原创 js对call 和apply的理解
之前写过一篇文章js对call的理解过一段时间去读自己还算易懂，但是总感觉是给自己写的，换作别人来读应该很难理解，今天就再次翻译一下。希望能够让更多前端初学者明白面试笔试常考的call和apply。先说call吧，网上很多解释都是call改变了函数的this指向。其实话是这么说，但是不好理解。对于初学者我那分得清怎么改变又指向谁呀。今天就从头仔细讲一下这些。首先咱们先说一下函数就是js的f...
2019-09-26 14:29:38
157
原创 js 的if()判断的误区
js的if语句，是把其他数据类型强制转为Boolean类型，其主要常见误区也就是对于js数据类型理解不够深入。首先说一下js的数据类型吧。基本类型：字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）、Symbol（独一无二[es6增加的]）。引用类型：对象(Object)、数组(Array)、函数(Function)。基...
2019-09-18 15:51:00
6027
原创 vue cli3 创建vw移动端适配项目
一直用rem做移动端的适配，其原理就是根据html的font-size为100单位rem的大小，flexible的解决方案大致是根据设计稿的大小动态改变不同屏幕下html的font-size的值，得到一个设计稿和rem的转化比例。具体实现可以看一下大漠老师的《使用Flexible实现手淘H5页面的终端适配》这篇文章之后在vw的兼容性得到解决，大漠老师又出了新的移动端适配方案并和vue cli2...
2019-05-28 09:58:15
3247
2
原创 js笔试题之变量连续赋值题
先看一道笔试题：求打印结果 var a = {s:"sss"}; var b = a; a.x = a = {m:"mmm"}; console.log(a.x); console.log(b.x);先不说结果，说一下这个题的两个考点1.连续赋值的拆分2.变量的类型以及它们的堆栈分配下面就一一讲一下这两个点1.连续...
2019-04-08 11:59:52
377
原创 css图片的自适应排版
不知道大家有没有在做多个图片排布的时候感觉会有些吃力，尤其是那些图片的长宽都是不规范的时候，直接填充图片容易拉伸，定宽或者定高，最后都会有些超出边界，下面就是我总结的解决方法。方法一 ：css的background属性来设置背景图知识点总结background的属性有以下这些：background-colorbackground-positionbackground-size...
2019-03-14 15:00:09
3861
原创 百度地图标记在两点间运动
最近做一个公司内部的班车项目，要求实时获取班车的位置，一开始想法就是每隔5s获取班车位置，然后更新班车marker的坐标，做完之后发现，这个班车在地图上是跳动的，需求部门说班车在瞬移~~~^_^~~~，要做连续的运动，就需要让班车在这两点直接做运动效果。缩短请求的间隔时间，很明显不合理。那就去官方文档找相应的marker运动api。找了一通。目前貌似没有直接这样的方法，面向百度编程的思路，又怎能难...
2019-03-11 15:18:31
1202
1
原创 vue 的Event Bus使用
vue项目中的eventbus是解决组件间通信的一个方法，关于组件通信，就是组件A和组件B需要共用一个数据，对于父子组件来说就比较简单，要是兄弟间，兄弟之外的组件要进行通信，官网给出的是vuex,对于使用vuex官网又提出以下建议而这个简单的store模式就是使用eventbus；关于eventbus就是创建一个新的vue实例，把数据需要公用的数据存储在它上面，通过$emi...
2019-03-05 13:41:49
1856
原创 js的一些知识点整理
js的数据类型以及堆栈（1）基本类型：存放在栈内存中的简单数据段，数据大小确定，内存空间大小可以分配。 6种基本数据类型有Undefined、Null、Boolean、Number 、 String和Symbol，它们是直接按值存放的，所以可以直接访问。（2）引用类型：存放在堆内存中的对象，变量实际保存的是一个指针，这个指针指向另一个位置。每个空间大小不一样，要根据情况开进行特定的分配。...
2019-02-28 15:35:45
119
原创 js对call的理解
首先call只能被方法引用，一个方法.call(对象)，简单理解就做了两件事，网上说的都太复杂了，如下图执行调用的方法 对象1里面的this指向对象2进一步理解这两条需要借助一个例子来function Animal() { this.name="animal"; this.age="15"; this.showName=function(){ c...
2019-02-21 17:40:42
298
1
原创 用settTimeout()代替setInterval()
曾看到一篇文章里面写道setInterval()有很多弊端：1.setInterval对自己调用的代码是否报错漠不关心。即使调用的代码报错了，它依然会持续的调用下去2.setInterval无视网络延迟。在使用ajax轮询服务器是否有新数据时，必定会有一些人会使用setInterval，然而无论网络状况如何，它都会去一遍又一遍的发送请求，"如果网络状况不良，一个请求发出，还没有返回结果，它会...
2019-02-13 10:15:41
1846
1
原创 vue 一些实用的js库（亲用版）
vue进入我的视野，一直对它很是迷恋，从最初的网上教程只有todolist到现在，满大街的各种项目实战，基于vue的组件也是纷纷崛起，这里像element ui这样大家都知道就不介绍了，下面也是自己在项目中遇到的一些使用组件，给与整理。一、YDUI，一个样式类似微信界面的移动端ui库，小型项目可以直接使用src引用。官网使用方法：1.src直接使用：<!-- 使用rem，需...
2018-11-14 09:49:30
1299
原创 js递归实现数组转化树状结构
最近做一个后台管理系统，左边数据需要从数据库获取，获取出来是一个一维数组，因此需要转化成树状结构，写了一个递归实现数据转化，代码如下： function filterArray(data, parent) { let vm = this; var tree = []; var temp;...
2018-10-19 15:53:56
15458
3
原创 node服务端启动
最近练习微信的skdjs，用node+express搭建后台票据的获取，总之很是麻烦。后面会整理一篇相关内容，今天主要说的是node服务端的发布问题，把代码丢到服务器上，用终端链接上服务器，node server.js启动服务，终端一旦关闭，整个服务也就跟着关闭了，最终查阅资料原来node 的forever包可以解决这个问题。具体操作如下：sudo npm install -g foreve...
2018-10-17 09:21:35
745
原创 图片预览、压缩、ajax上传
现在网页的图片交互越来越多，对于图片的上传、预览、压缩、裁剪等处理，都很常见，自己也查了很多资料，写了一个很常见的图片上传实例，自己的项目中也经常使用，现在总结一下相关的技术，也供后面参考和改进。具体实现效果如下 相关内容1.图片预览通常上传文件使用input表单来，就是只能显示文件名，现在基本都是通过图片预览，让用户更好的操作。实现预览原理就是将inpu...
2018-10-08 08:47:44
663
原创 vue-cli打包路径问题
直接用vue-cli生成的项目打包直接放到服务器上，css，js都会存在路径问题，还有css背景图路径，原因是默认打包生成的路径为根路径，相对与服务器的，因此需要分别设置一下。 1.文件的路径不正确：在config目录下的index.js里build对象的assetsPublicPath改为‘./’; 2.背景图片路径找不到：在build文件夹里的"utils.js里面的...
2018-08-31 11:52:54
2187
原创 使用CSS实现抛物线运动效果
一个物体实现抛物线运动，物理上是将物体分为水平运动（匀速）和竖直运动（加速）；用css3实现原理也如此，用该元素需要两层，一层控制水平，一层控制竖直；在css3中可以通过过渡或者动画-timing-function的贝塞尔曲线设置速度，贝塞尔曲线的斜率就是物体运动的速度因此对竖直方向运动设置不同的贝塞尔公式便可以得到上抛、平抛、扭曲等各样曲线运动 本文也是看了张鑫旭老...
2018-08-29 15:23:26
3625
原创 vue项目cordova打包修改statusBar
一、修改statusBar颜色 添加cordovaStatusbar插件 命令行输入下面命令 cordova plugin add https://github.com/apache/cordova-plugin-statusbar.git 在config.xml文件里会自动多出下面这个代码 <plugin name="cordova-plugin-status...
2018-08-17 15:46:22
1685
原创 css3玻璃质感简单实现
最近做一个工业看板，自己设计的一款透明玻璃效果，做完之后在网上搜了一下css玻璃效果，看到了很多毛玻璃效果的制作，这一款很不错，也试着做了一下毛玻璃效果，最终也实现了一款毛玻璃效果，下面为两个中效果显示图。对于实现原理，透明玻璃要简单好多，直接是给body加一张背景图，对里面的div设置它的box-shade 和background-color即可主要css body { ...
2018-06-07 11:14:42
8488
原创 css3 border制作的聊天框
话不多说先上效果图主要也就是左右小三角比较麻烦一点，实现小三角用的是css3里的border将其他三个边的border颜色设为透明先用border画一个小三角吧,把其他三个边的颜色设为透明transparent 正方形：.square{ display: inline-block; background-color: #00d1b2; border:...
2018-06-05 17:26:36
682
原创 css3常见效果设置
css3新增了很多新的模块，在很大程度上便利了样式设计，如果没有经历过全用css2开发页面过程，这种便利程度很难亲自体会，就拿以前的圆角边框来说，css2是这样实现的 把div分成了三部分，每部分用不同背景图片 上部分 ： 中间部分： 下部分： 到了css3 就是一行代码 border-radius：--- ...
2018-05-28 09:38:53
191
原创 iphone6s plus的position的兼容问题（一定要加top 和 left属性）
对于css position: fixed属性让元素像图钉一样固定在页面上，在页面广告、回到顶部等应用很多，也适合做弹出子页面，然而在 iphone6s plus居然有兼容问题，这也是在做一个移动h5页面，用着个属性做了一个弹层，在安卓各版本、iphone5 ，iphone6等都做过测试，没有问题，最后一个 iphone6s plus用户点击那个弹层一直出不来，最终锁定在 position: fi...
2018-04-02 16:37:09
3795
2
原创 muse ui 的table组件的选择事件说明
muse ui是一套基于vue 2.0的ui组件，它的点击特效、组件模型等都特别适合移动端开发，今天在做一个移动项目是，用到里面的table组件，对其进行选择行操作，根据官方文档的提示一直不解。提示如下： 正常人理解传递一个selectRowsIndex参数就可以了，然而就是这个selectRowsIndex是什么就很操蛋了，抱着试一试的把selectRowsIndex写进去，直接报...
2018-03-27 10:10:22
2899
1
原创 h5获取手机地理位置
由于这两天在做公司的班车信息，要获取人所在的位置，用h5的 navigator.geolocation 获取手机地理定位，主要方法比较简单：getlocationpoint:function () { if (navigator.geolocation){ navigator.geolocation.getCurrentPosition( ...
2018-02-27 15:30:38
21556
7
原创 博客开篇
今天看到一篇文章《开发者，应当拥有一款自己的产品》：“今天应该是上班开工的第一天。你的心情如何呢？是不是在痛恨万恶的资本家残酷的剥削着你的心灵和肉体。是不是心里碎碎念的想着为什么一年只有1个春节和1个国庆~~~我过年也没怎么休息。我觉得就像以前上学时经常吹牛的那句话：大考大玩，小考小玩，不考也玩。心态放平和，工作、生活和休息本没有区别，区别还是在于你看待工作、生活和休息的心态。我从不认为工作有多么...
2018-02-26 17:00:09
150
nginx学习总结.pptx
2019-10-11
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人