爱运动的女孩儿

这几天写需求,写了一个tab切换+页面滚动的联动效果,虽然不难,但是觉得还挺有必要记录一下的,因为这种场景也挺常见的,这样下次遇到类似的,就可以直接使用了. scrollIntoView滚动到指定区域,并且可以设置动画效果,大多数浏览器都支持,在移动端更应该没问题了. 使用这个…

一直想开发一个自己的小程序,终于动工了. 前端框架用的taro,因为可以打包成多个端的小程序. 这是因为在小程序的样式中,默认是不能引用本地资源的,因为小程序对打包后的包大小有限制,Taro为了方便开发,提供了把本地资源转换成base64的形式进行加载,Taro的默认配置是会对…

在ios设备上,操作表单输入时,键盘弹出时会把页面顶起来,键盘收起时并不会把页面恢复成原来的样子,造成页面样式错乱,利用focusout和focusin事件,可以间接地监听到键盘的收起和弹出事件,然后操作页面滚动到想要的位置. focusout触发时机: 当元素即将失去焦点时，…

这种加载方式只要App被导入,就可以在初始加载时,HelloWorld组件就会被导入,使用和加载.但是如果HelloWorld组件在一开始页面渲染时并不需要呢?用户很可能在整个浏览网站的过程中不会使用到该组件.比如弹框组件. 那为什么我们要在应用程序开始时花宝贵的资源来加载组件…

你知道BFC吗?一定被问过这个问题吧,写代码时一定用到过,但是你不知道这是BFC. BFC全称块级格式化上下文.BFC是W3C CSS2.1规范中的一个概念,他决定了元素如何对其内容进行定位以及于其他元素的关系和相互作用,当涉及到可视化布局的时候,BFC提供了一个环境,html…

emmm...,这个问题,在面试的时候被问过很多次,记得第一次被问的时候,因为不知道往哪方面想,大脑一片空白,哈哈,现在记录下来. 首先浏览器解析输入的域名,先查找本地硬盘的host文件,看有没有和这个域名对应的ip,如果有,就直接使用这个ip. 如果没有,浏览器会发出一个DN…

要求:1.只能输入数字2.两个快捷按钮可以加一或减一3.可以设置初始值,最大值,最小值,每次增减步数4.数值改变时通知父组件5.聚焦时支持上下键增减使用:

公司最近要做一个新产品的官网,要求要对SEO友好,首先想到的是做服务端渲染,Vue.js的服务端渲染vue-server-renderer需要node服务.自己搭建是相当复杂的,所以我们使用了Nuxt.js。 Nuxt.js是基于Vue的服务端渲染应用框架. 集成了Vue2,V…

有的时候我们已经修改了js/css文件,但是浏览器并没有加载最新的,而是从缓存中读取的,这样就会造成页面显示或者交互的问题,如果想防止这种情况,需要在src后加动态参数. 这几天在写一些移动端的动画,发现animation定义动画,执行完之后会回到初始状态,需要设置animat…