2020年01月_恪愚

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创 js：说说页面加载完之前那些事（loading、多函数加载、mounted）

页面加载完全之前这段时间，还真的挺重要...有比如loading效果可以“稳住”用户，适当的动画也可以让用户“眼前一亮”。这里笔者分享一下原生&vue中页面加载完全之前那点事，咱也来唠唠...

2020-01-26 09:21:10 2493 32

原创 JS设计模式在前端中的应用：缓存的魅力

要说谁在网站、web APP等前端应用中起到越来越重要的作用，那绝对很多人第一时间想到的就是：【缓存】！面对越来越要求高质量、快应用的前端，缓存越来越成为当之无愧的“无冕之王”！与其相关的，一直活跃在前端“视野”中的有两个非常重要的应用：【享元模式】中的对象池Ajax分页中的信息缓存请诸位随笔者一探究竟：笔者曾经提到过 Java 中的 String 对象池，下面就来学习这种共享的...

2020-01-20 09:54:36 1104 22

原创 JS开发实战：跨域那点事（扩展篇）

以前笔者也写过关于跨域的文章（链接在文末放出），但从未停止过对【跨域】的探索。近日又偶然得到了关于跨域的一些见解和知识，觉得将其总结一下。众所周知，对于【跨域】，最简单、最便捷的方法莫过于CORS——这是一种后端设置跨域的方式。为了支持cors，设置Access-Control-Allow-Origin头为*，如下所示：const http=require('http');var se...

2020-01-17 20:42:39 826 27

原创原生JS优化each函数

each —— 算是JavaScript中的一个“语法糖”API了。它的作用是“遍历数组/对象中的每一个元素/属性，操作想要操作的事情（执行回调函数）”。其中在jQuery中使用的尤其广泛：var arr=[1,2,3,4];$.each(arr,function(i,v){ console.log(i+", "+v); if(i===2){ return false; }})...

2020-01-15 19:22:55 683 2

原创 vue（uni-app）中v-if与动画效果冲突的解决办法

这两天终于真正接触到了uni-app——其实就是一款基于vue的多端融合产品，它可以调用任意平台的api，已达到“可以顺利登陆各平台”的目的。写demo的时候遇到点麻烦：由于使用了v-if条件判断，所以元素展示很“突兀”，定义的transform根本没有效果！解决办法：改用v-show使用$nextTick() + setTimeout() 方法：css：.create-cont...

2020-01-14 21:35:02 5681

原创自学网络协议（六）：“神奇方法”划分IP地址

前文回顾：自学网络协议（一）：HTTP请求与响应——GET和POST真的不一样吗？自学网络协议（二）：OSI第一层——物理层Physical layer自学网络协议（三）：OSI第二层——机器通信那点事自学网络协议（四）：OSI第三层——网络层的作用（上）自学网络协议（五）：网间通信——子网掩码前面我们大致描述了IP地址范围，这一节来给各位演示一下用一个“特殊的方法”来轻而易举的...

2020-01-03 14:37:51 622

原创 Nginx实践——我们玩nginx的那些岁月（持续更新）

最近看了好多关于nginx的内容，和文章，也试着用了些。想着总结一下，方便以后查阅。毕竟像这种琐碎的知识点，不可能说在不用的情况下还能一直牢记。本文即是这样而来。其中的知识点都是常用的——不管是初学者，还是有些许经验的开发者。但是笔者实在不认为它适合“零基础小白”，因为笔者不觉得能比文档之类的更能把基础知识点讲明白。nginx环境“nginx是一款轻量级HTTP服务器，采用事件驱动的异步...

2020-01-01 20:14:28 2382 11