网站迁移了,之前是托管在 gitee 上,好处是不用买服务器,坏处是不利于 seo 收录
前段时间把域名备案了,买了中国大陆的服务器,用 jenkins + nginx 搭了个自动化部署
新的服务器,新的开始,加油,奥利给 💪
网站迁移了,之前是托管在 gitee 上,好处是不用买服务器,坏处是不利于 seo 收录
前段时间把域名备案了,买了中国大陆的服务器,用 jenkins + nginx 搭了个自动化部署
新的服务器,新的开始,加油,奥利给 💪
前言:
我们的小程序有做分包,tabbar 的四个页面以及 webview 页面放主包,其他的页面按照模块分了 user、order、mall的分包
问题:
产品在验收小程序的时候,发现在个人中心页面快速的点两次 我的订单
按钮,小程序就会跳转两次页面,一开始我们还不知道是什么原因,按照正常来说点一次就会马上跳转了。后来在微信开发者工具调为弱网模式试了下,发现点了按钮后,下方的状态栏显示在加载页面,这时候就懂了,因为那个页面是分包的页面,小程序只会主动加载主包的页面,分包的页面在访问时才会加载,所以点的快的话分包还在加载中,等加载完后因为快速点了几次就跳了几次页面
解决:
这个问题解决起来也很简单,小程序提供了一个分包预下载的功能,可以通过配置,在进入小程序某个页面的时候,就去预下载需要的分包,提升后续进入分包页面时的启动速度
配置方法:
在 app.json
增加 preloadRule
配置来控制
1 | { |
由于小程序需要一个带有过期时间的缓存功能,原生缓存又不支持,于是就自己写了一个
1 | import { isType } from './index'; |
main.js
注册到全局
1 | Vue.prototype.$storage = new Storage(); |
使用:
1 | this.$storage.set('key', 123); |
1 | @oss: 'https://bkimg.cdn.bcebos.com/' |
今天写代码时,需要对一个scss变量做calc处理,发现直接使用变量,浏览器是无法识别的,后面查了一下,要对变量处理才能正常使用
1 | $a: 20px; |
图片懒加载是性能优化里很常见的一个操作,可以节省用户流量、减少http请求、提升首屏的打开速度
很多情况下,用户首屏看到的图片是只有小部分,剩下的图片可以滑动的那个距离的时候在加载
大概的实现原理是:先把 img
的 src
属性加在自定义属性 data-src
上,等当前元素出现在可视区域里的时候,在把 data-src
里的图片链接设到 src
上
demo:
1 |
|
以上就是一个简单的 demo 了,在实际使用中,还需要注意加上函数防抖,不然 lazyload
函数会触发很多次,还有就是如果已经展示了的图片,就不在触发更改 src
属性的操作,减少不必要的开销
对于编程语言进行「语法、书写」校验,能有效「归并」不同开发者的「不同风格」,还能检验出一些语法错误。
比如 eslint 就能校验 JS 代码的「鸡肋糟粕」,css 哪些东西需要校验?单纯从代码层面来说,CSS 校验的东西其实蛮少的。
比如:属性顺序、小于 1 的小数要不要去掉 0、选择器之间要不要加空格…
不过要细细的追究,校验的东西还是挺多的,比如 List of rules 列出了好多需要校验的规则。
规范的出现就是为了让这些每个人的编程风格变得统一
阅读全文...今天弄后台的时候需要用到 Select
下拉选择器的组件,但是发现传了 placeholder
还是无法显示提示,以前也一直是这些写的啊,看了下官网 demo,也是这样的,这让我很疑惑这次咋不行了
后来找了下原因,发现把默认值设为 undefined 就可以显示了,设置为 “” 或者 null 的时候是不会显示的
1 | /** |
使用例子:
1 | const obj = { |
默认样式:
自定义样式:
CSS 代码:
1 | ol { |