前端学习
文章平均质量分 91
大鱼吃小鱼7
一个会撸代码的小鱼姑娘,爱撸码,爱旅游,爱写作.
展开
-
彻底解决小程序内嵌web-view缓存问题
前言项目是通过web-view内嵌在小程序里的vue单页应用.然而前几天发现明明发布了代码,在小程序入口进去看到的还是旧页面,尝试了各种操作: 手动退出小程序,再次进入; 删除 发现-小程序,重新进入; 关闭微信,杀掉进程,重新进入 修改 Nginx 关于 Cache-Control 的配置; 用 debugx5.qq.com 手动清除安卓微信浏览器缓存; iOS 利用微信自带清除缓存功能。 不管怎么操作,依然显示的是旧页面!!! 分析..原创 2021-04-08 23:15:07 · 9558 阅读 · 1 评论 -
[性能优化]为了把首页加载速度从15秒降到2秒我都做了哪些事情?
[性能优化]为了把首页加载速度从15秒降到2秒我都做了哪些事情?前言对于一个网站来说, 首页打开的速度一定程度上决定了用户的访问量和留存率,很显然,5G时代下的人们是缺乏耐心的,如果一个网页卡十几秒还没开, 估计会弃之,那么怎么才能提高这个速度, 以下提供了五种提升网站速度的方式.查看网页性能网上有很多查看性能优化的工具, 最简洁实用的就是chrome里的开发者工具 - network和preformance进行性能分析,另外在build的时候加上--report也能查看到打包后包的大小,原创 2021-03-21 22:55:57 · 1847 阅读 · 0 评论 -
公众号/h5 跳转到小程序填坑指南
本文介绍的是使用微信开放标签 wx-open-launch-weapp 实现微信浏览器内网页跳转到任意合法合规的小程序里,官方要求微信版本为:7.0.12 及以上,系统版本要求为:iOS 10.3 及以上、Android 5.0 及以上。 话不多说, 先贴官方文档: 开放标签说明文档[1]一. 准备工作写代码前, 一定要先把配置处理好,避免后续操作的不愉快。步骤一:绑定域名登录微信管理后台, 在开发-开发管理-开发设置-服务域名, 把你 js 请求的接口域名添加进去。 步骤二: 引...原创 2021-01-16 16:03:33 · 4352 阅读 · 2 评论 -
手把手教你配置Nginx, 前端不可不知的项目部署问题
前言本文只讲如何配置Nginx, 安装部分可以查看文档:在阿里云服务器上如何搭建nginx服务器?,Ningx介绍Nginx是一款轻量级的Web服务器,具有内存占用少,启动极快,高并发能力强的优势,采用事件驱动的异步非阻塞处理方式框架,IO性能好,时常用于服务端的反向代理和负载均衡。正向代理与反向代理正向代理是什么东东?反向代理又是啥?正向代理举个栗子因为防火墙的原因, 直接访问谷歌是无法访问的, 这时可以借助梯子,即vpn,那么这个vpn(代理)就是代替客户端去访问服务器,然后将数据返回原创 2020-10-24 22:24:03 · 1408 阅读 · 0 评论 -
你未必知道的css技巧(值得收藏!!!)
01.【负边距】????负边距的效果: 左右负边距表现并不一致。左为负时,是左移,右为负时,是左拉。上下与左右类似.02.【shape-outside】定义非矩形的形状,参考MDN:shape-outside03.【BFC应用】????BFC应用之阻止外边距合并(margin collapsing)在外层/包裹层上添加 overflow:hidden; 里层的外边距不会被合并.04. 【BFC应用...原创 2019-10-15 17:03:28 · 773 阅读 · 0 评论 -
关于谷歌chrome调试小技巧
移动端显示手机外壳调试(1)按f12, 打开开发者工具, 点击图中蓝色按钮或者按快捷键 ctrl + shift + M 进入设备调试。(2)点击下图中的三个原点, 选择 show device frame 操作, 即可显示外壳。警告: 一定要翻墙, 否则不显示, 另外chrome 版本要6+以上。把object或array输出为表格let args = {…};conso...原创 2018-12-06 16:47:35 · 1326 阅读 · 0 评论 -
css中的未定义行为:浏览器的差异(一)
今天看了张鑫旭大佬的新书的有感吧,记录一下。Web标准未对一些场景做出明确规范,所以各大浏览器厂家只能根据自己的理解和喜好去实现,表现差异不是浏览器的bug,用计算机领域的术语描述为”未定义行为”。比如一个例子: CSS中的一个伪类,最常用的一个伪类:active,鼠标按下,执行改伪类对应的CSS样式,鼠标抬起还原。但是这种情况呢:<...转载 2018-11-01 16:02:53 · 166 阅读 · 0 评论 -
js数组常用方法总结
js数组常用的方法主要有push、 pop、unshift、shift、splice、reverse、sort、join、slice、indexOf 、forEach、map、 every、some、filter、reduce、reduceRight、groupBy数组常用方法:var arr=[‘78’,‘96’,‘45’]; // arr的原型是array.prototype;pu...原创 2018-10-31 15:29:52 · 231 阅读 · 0 评论 -
前端高效开发和调试工具整理
前端高效开发工具:张成文大神的《现代前端技术解析》中介绍了以下工具:好的开发工具不仅可以提高我们的开发速度,也可以辅助我们写出更高质量的代码。选择什么开发工具因人而异,但好的开发工具,应该要具备以下这些能力:(1)代码格式化format能力,规范化可以避免我们花费时间调整格式;(2)代码模板snippet能力,减少大量重复代码的输入而花费时间;(3)自动检测错误能力, 一些基本的语...原创 2018-10-31 13:15:23 · 3280 阅读 · 1 评论 -
写给自己,梳理一下我现在对前端知识结构的理解
今天想着做一件事情,给自己的收藏夹分类。结果做着做着,发现这个任务的工作量超乎我的想象。有一些文章,可能很难界定说,它是哪一类的;而且自己还没有特别去梳理自己对前端知识结构的理解,使得在分类的时候层级也有些模糊。所以在这里梳理一下自己理解中的知识结构。这既是一篇总结,也是一篇指南...转载 2018-07-20 16:49:47 · 427 阅读 · 0 评论 -
个人独立博客如何与阿里云域名绑定?
前言: 折腾博客是大部分的程序员都或多或少都会干的事情,当然这个建博的出发点就各有不同了.比如有搞炫(zhuang)酷(bi)博客的,拿来博博眼球,提高下在IT界的知名度; 有搞专业博客的,比如我们熟知的阮大神,好多新手们大概都是看他的文章入门的吧; 也有搞经验博客的, 脑容量是有限的, 写写博文总结下知识点; 也有人搞面试博客的,因为写博客面试加分呀,所以就写了. 我就不一样了,我写博客就...原创 2018-07-24 18:57:26 · 2065 阅读 · 2 评论 -
记录问题:从用户输入一个网址到页面显示,浏览器和服务器发生了什么?
这个问题,曾经被无数次作为面试题,原因很简单,无论是大佬还是菜鸟,这个问题多多少少都能回答出来,而你回答的深度和广度则可以判断你在什么样的水平上,到达了怎样的高度. 今天就重点解析一下这个问题. 简洁版大概是这样的: 浏览器根据请求的URL交给DNS域名解析,找到真实IP,向服务器发起请求; 服务器交给后台处理完成后返回数据,浏览器接收文件(HTML、JS、CSS、图象等);...原创 2018-07-17 23:26:07 · 659 阅读 · 0 评论 -
前端干货-网站资源收集
学习前端也有一年半之久了,有时遇到一些好的网站也会收藏起来,今天就一次性全部贴上来吧,有需要的请自取!废话不多说,先来一波干货吧!一. 资源下载网站:1.模板下载:模板之家(http://www.cssmoban.com) 魔客吧(http://www.moke8.com/)2.源码下载:站长之家(http://www.chin...原创 2018-07-04 20:09:09 · 927 阅读 · 0 评论