摘要:
使用场景:有些时候,我们使用vue修改了一些数据,但是页面上的DOM还没有更新,这个时候我们就需要使用到nextTick。 vm.$nextTick( [callback] ) 说明: 将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它,然后等待 DOM 更新。它跟全局方法 Vue 阅读全文
摘要:
仿照小米之家做的一个省市区三级联动,先上代码: HTML: JS: CSS: 逻辑分析:首先调用接口,获取省市区数据,然后对省市区数据进行拆分。 具体分析,后面更新 这个是调用接口返回的数据其中一些,具体的参数还可以根据需求再添加。 阅读全文
摘要:
性能优化有很多块,我们这里要分享的是css的优化。css性能优化我们讲下面4点: 1. 内联首屏关键CSS(Critical CSS) 性能优化中有一个重要的指标——首次有效绘制(First Meaningful Paint,简称FMP)即指页面的首要内容(primary content)出现在屏幕 阅读全文
摘要:
欢迎关注前端早茶,与广东靓仔携手共同进阶 前端早茶专注前端,一起结伴同行,紧跟业界发展步伐~ crypto 模块提供了加密功能,包含对 OpenSSL 的哈希、HMAC、加密、解密、签名、以及验证功能的一整套封装。我们这里讲crypto AES算法加密 一、使用步骤 1.引入Crypto 1.1 使 阅读全文
摘要:
今天分享一下,怎么通过用css写出一个酷炫的loading。 meta: html: css: 阅读全文
摘要:
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension,提供了诸如零配置的 time-travel 调试、状态快照导入 阅读全文
摘要:
第一个: 链接:https://pan.baidu.com/s/1KdIs8EUcB9YTuK9VW1dC7g 密码:b68m 第二个: 链接:https://pan.baidu.com/s/1mi7jZcs 密码:nkp0 第三个:链接:https://pan.baidu.com/s/1pZceJ 阅读全文
摘要:
使用rem是为了界面响应不同尺寸的手机,引入下面的方法就可以使用rem了。 使用这个方法的代码: 阅读全文
摘要:
一些很偏门的css,用过一两次,很难记得牢,这里,我总结一些。 outline 当input选中的时候会出现一个边框 contenteditable 规定元素内容是否可编辑 webkit-playsinline video 都可以在页面中播放,而不是全屏播放 clearfix 清除浮动 user-s 阅读全文
摘要:
兼容IphoneX的显示,一般有两种方法,一种通过css的media来做兼容,一种是通过js来做兼容。 一、我们先讲CSS的方法,我们要做两步即可: 1. 全屏覆盖,html使用 2.通过对底部上移或者顶部下移进行处理 二、通过js来对IphoneX进行兼容 通过判断设配的宽度高度还有设备的像素是否 阅读全文