页面优化主题的文章列表，还有页面优化的技术要点_第78页

点击页面其他区域隐藏弹出层

弹出层简称pop，隐藏方法有两种。1.pop上阻止冒泡，document上click隐藏popjquery实现$("#showPop").on("click",function(e){$("#pop").show();$(document).one("click",function(){$("#pop").hide()...

代码星球 ·2020-06-28

移动端页面模板

<!DOCTYPEhtml><htmllang="en"><head><title>淘宝网触屏版</title><metacharset="utf-8"><metaname="viewport"content="initial-scale=1...

代码星球 ·2020-06-28

项目优化需要注意哪些内容

一：代码优化　　1.注释要保持团队的统一规范　　2.公共部分要提取出来，简化代码　　3.util工具类进行封装，使代码结构更清晰二：业务优化　　1.优化使用人员的操作，比如搜索或者提交采用回车的方式　　2.单选/多选选中文本就可以达到选中的目的　　3.进行搜索操作的时候要加入加载中这种提示，防止用户多次点击提交　　4....

代码星球 ·2020-06-28

HTML 页面中的 SVG

SVG文件可通过以下标签嵌入HTML文档：<embed>、<object>或者<iframe>。<embed>标签被所有主流的浏览器支持，并允许使用脚本。注释：当在HTML页面中嵌入SVG时使用<embed>标签是AdobeSVGViewer推荐的方法！然而，...

代码星球 ·2020-06-27

jquery 页面滚动到底部自动加载插件集合

很多社交网站都使用无限滚动的翻页技术来提高用户体验，当你页面滑到列表底部时候无需点击就自动加载更多的内容。下面为你推荐10个jQuery的无限滚动的插件： 1. jQueryScrollPaginationjQueryScrollPaginationplugin是一个jQuery实现的支持无限滚动加...

代码星球 ·2020-06-27

微信小程序性能优化技巧

　　微信小程序如果想要优化性能，有关键性的两点：提高加载性能和提高渲染性能。一、提高加载性能　　当用户点击小程序后发生了什么？　　资源准备（代码包下载）—— 业务代码注入和渲染 —— 异步请求数据　　上面的三个状态，我们经常遇到，它们分别对应...

代码星球 ·2020-06-27

如何进行seo优化要点总结

一、搜索引擎工作原理　　当我们在输入框中输入关键词，点击搜索或查询时，然后得到结果。深究其背后的故事，搜索引擎做了很多事情。　　在搜索引擎网站，比如百度，在其后台有一个非常庞大的数据库，里面存储了海量的关键词，而每个关键词又对应着很多网址，这些网址是百度程序从茫茫的互联网上一点一点下载收集而来的，这些程序称之为&ldq...

代码星球 ·2020-06-27

nuxt如何处理用户登录状态持久化：nuxtServerInit 页面渲染前的store处理

　　vue-cli项目中，我们可以用vuex-persistedstate，它可以使vuex的状态持久化，页面刷新都不会丢失，原理当然是localStorage啦！当然也可以使用vue-cookies进行保存token，问题来了，nuxt项目怎么保存登录状态呢？当然上面这两种方法我们都可以使用，但是有个问题，由于在cr...

代码星球 ·2020-06-27

Vue优化：常见会导致内存泄漏问题及优化

　　如果你在用Vue开发应用，那么就要当心内存泄漏的问题。这个问题在单页应用(SPA)中尤为重要，因为在SPA的设计中，用户使用它时是不需要刷新浏览器的，所以JavaScript应用需要自行清理组件来确保垃圾回收以预期的方式生效。因此在vue开发过程中，你需要时刻警惕内存泄漏的问题，这些内存泄漏往往会发生在使用Vue之...

代码星球 ·2020-06-27

VUE温习：style层次分析、性能优化、路由模式解析

一、vue样式style层次分析1、样式可以在main.js、模块js文件、组件style、组件script标签内，index.html文件内引入，不同位置引入的样式有什么关系。2、总结：　　（1）样式从main.js的入口处开始顺序加载（注意顺序的意思），　　（2）遇到组件则加载组件script标签内引入的样式，　　...

代码星球 ·2020-06-27

微信小程序生成指定页面小程序码海报图片分享思路总结

　　本博客主要说下思路，具体代码不贴1、考虑到组件复用，所以我把它做成一个自定义的组件<my-posterid="getPoster"avater="{{imageUrl}}"knowledges="{{klPoster}}"scene="{{topicId}}"></my-poster>　　可...

代码星球 ·2020-06-27

微信小程序页面返回传参的问题

　　比如提交问题，然后需要返回之前页面，由于onLoad只会加载一次，所以不会触发，但是我们页面又需要刷新，那怎么办？1、onLoad与onShow区别onLoad：监听页面加载。一个页面只会调用一次。接收页面参数可以获取wx.navigateTo和wx.redirectTo及<navigator/>中的q...

代码星球 ·2020-06-27

前端性能优化：配置ETag

什么是ETag？　　实体标签(EntityTag)是唯一标识了一个组件的一个特定版本的字符串，是web服务器用于确认缓存组件的有效性的一种机制，通常可以使用组件的某些属性来构造它。条件GET请求　　浏览器下载组件的时候，会将它们存储到浏览器缓存中。如果需要再次获取相同的组件，浏览器将检查组件的缓存时间，假如已经过期，那...

代码星球 ·2020-06-27

DNS预解析dns-prefetch提升页面载入速度优化前端性能

　　当浏览器请求一个URL的时候，通过firebug我们可以发现大概有以下几个过程：阻挡、域名解析、建立连接、发送请求、等待响应、接收数据。后面四个跟用户的网络情况和你的服务器处理速度有关，本文重点说说前两个。1、阻挡：解决方案——提高浏览器并发连接数　　阻挡：不同的浏览器对单个域名的最大并发连...

代码星球 ·2020-06-27

前端性能优化策略

一、网络加载类1、减少HTTP资源请求次数　　合并静态资源图片、JavaScript或CSS代码，减少页面请求数和资源请求消耗　　避免重复的资源，防止增加多余请求2、减小HTTP请求大小　　减少没必要的图片、JavaScript、CSS及HTML代码　　对文件进行压缩优化　　使用gzip等方式压缩传输文件3、将CSS或...

代码星球 ·2020-06-27