随笔分类 - 杂谈
摘要：<div class="content-wrap"> <div class="box"> <div class="btn"></div> </div> </div> .content-wrap{ width: 100%; min-width: 1024px; height: 100%; paddin
阅读全文
摘要：1.promise.all a.在使用时，如果中间不出错返回reject，会在.then()后返回每一个promise的resolve()返回的内容。 function p1() { return new Promise((resolve,reject)=>{ console.log('成功1')
阅读全文
摘要：未做处理的H5页面分享 处理后的H5页面分享 实现流程： 1.微信公众号 >公众号设置 >JS接口安全域名 2.在components中新建js文件，导入JSSDK文件和撰写分享代码，如下 （1）导入js-sdk npm 安装 （npm install weixin-js-sdk --save） 引
阅读全文
摘要：1.懒加载 （1）多图片加载时为了减少请求量对页面进行快速渲染而使用一个简单的图片作为替代位置，根据页面位置对相应图片（img）的src路径进行二次赋值，以此实现前端优化的方法。 （2）步骤： a.加载备用的图片。 b.根据屏幕滚动位置判断图片加载时机。 c.隐形加载要替换图片。 d.替换图片. （
阅读全文
摘要：什么是SEO？ SEO（Search Engine Optimization）：汉译为搜索引擎优化。是一种方式：利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名。目的是：为网站提供生态式的自我营销解决方案，让其在行业内占据领先地位，获得品牌收益。 前端需要注意的优化事项： 1.TDK.即合理的
阅读全文
摘要：一、声明后未赋值，表现相同 var varTest; let letTest; console.log(varTest); //输出undefined console.log(letTest); //输出undefined 也即是说声明后直接使用输出都是一样的undefined 二、使用未声明的变量
阅读全文
摘要：html 加载时发生了什么 在页面加载时，浏览器把获取到的HTML代码解析成1个DOM树，DOM树里包含了所有HTML标签，包括display:none隐藏，还有用JS动态添加的元素等。 浏览器把所有样式(用户定义的CSS和用户代理)解析成样式结构体 DOM Tree 和样式结构体组合后构建rend
阅读全文
摘要：在前端页面上为了实现动画效果，可以用CSS3自己实现，可以让UI小姐姐给你GIF动图，也可以直接animate.css等等吧，可以实现的方式有不少，但如果说偏差那肯定是会有的，在呈现上也会有点不太自然，今天介绍一个神器Lottie。（刚接触到这个东西，那兴趣是真的十分大，真的是对前端很友好。） Lo
阅读全文
摘要：响应式布局是一个很基础的前端布局，就是很基础的CSS变换（基于本人有问必答的特点，开车！）。首先，关于布局的方式有哪些，前面随笔提到过，再次赘诉一下吧。 移动端的几种布局的方式，现在常用的大致上分为以下五种，分别是 1.静态布局(Static Layou) 2.流式布局(LIquid Layout)
阅读全文
摘要：注：本文仅对这几种方式进行简短的阐述,作为记录。 我们在写代码时免不了要对一些变量进行一些存储，但有时这些变量或常量使用到的频率又非常高，不论从优化代码解决冗余还是少给自己添不必要的麻烦看，把这些重复的变量进行统一存储和管理是必要的。 1.公用模块 定义一个专用的模块，如在项目里common目录下建
阅读全文
摘要：本文主要是用来简短的对做成一个APP进行说明，内容可能不是多详细，但会给出具体思路。（仅供参考） 因为各种打包和生成APP的方式多样，今天这里仅仅对用Hbuilder打包进行说明。 1.首先当然需要一个Hbuilder（前端开发工具）。 2.如果安装好了，自己写的项目也已经打包好了....，可以直接
阅读全文
浙公网安备 33010602011771号