介绍 响应式页面中经常用到根据屏幕密度设置不同的图片。这个时候肯定会用到image标签的srcset属性。srcset属性用于设置不同屏幕密度下,image自动加载不同的图片。用法如下: <img src="ima…
标签:html
移动前端知识总结
meta基础知识H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 <meta name="viewport" content="width=device-width,initial-scale=1.0,minim…
前端实习面试汇总
最近一直在多看基础的书多码代码准备找实习,在网上也搜罗了不少面经,现在把搜罗到的实习生面试题自己整理一下。 题目来源:前端实习生面试总结最近开始了几次面试,虽然还不知道结果如何,但是还是要记录下来进行一个总结,同样也希望…
记一次基于vue的spa多页签实践经验
前言 最近收到一个这样的需求,要求做一个基于 vue 和 element-ui 的通用后台框架页,具体要求如下: 要求通用性高,需要在后期四十多个子项目中使用,所以大部分地方都做成可配置的. 要求做成脚手架的形式.可以 …
单页面网站禁用浏览器退却键
该文章适用于angularjs建立的单页面运用SPA,如vuejs或react.js不在本文议论范围内。 我用angularjs和sb-admin2完成了前端框架,在不斟酌浏览器退却键的情况下,是用$state和$sta…
关于JS的面向对象的思考和总结
面向对象编程的概念和原理 1、面向对象编程是什么 它是用抽象的方式创建基于现实世界模型的编程模式(将数据和程序指令组合到对象中) 2、面向对象编程的目的 在编程中促进更好的灵活性和可维护性,在大型软件工程中广为流行。 3…
微信小程序资源汇总整理
有问题可通过微博联系我: http://weibo.com/jinfali 开源项目 wechatApp-demo – 微信小程序 DEMO weapp-ide-crack – 微信小应用资源破解…
事件循环(EventLoop)的学习总结
前言 在学习eventloop之前,我们需要复习一下js的单线程和异步。 虽说js是单线程的,但是在浏览器和Node中都做了相应的处理。如浏览器中的web workers(工作线程),Node中的child_proces…
前端开发中的基础思考题
前些日子在忙着面试,拿了心仪的 offer 以后闲下来整理了一些面试相关的基本概念。由于很多关于代码细节的东西之前的博客都有更详细的解释,所以本文涉及代码细节比较少,主要是面试相关的概念,也是前端比较零碎的一些知识。以下…
我的前端组件 ---- 16:9固定宽高比例的div
目标:遇到一个需求,让图片在页面中,不管宽度如何变化。宽高保持16:9的比例。 实现: 方法一:这也是比较经典的一个方法,利用padding-bottom来实现。 <!DOCTYPE html> <ht…
〔开发系列〕一次关于小程序开发的深度总结
一 路由跳转 需求:如何获取当前页面的上一个页面场景:用于判断返回哪一个页面的时候使用 const pages = getCurrentPages(); const Page = pages[pages.length -…
PC端各分辨率适配
最近在写一个PC端的活动页面,即将完工的时候,增加了个需求,想让页面适配不同的分辨率,既然提出了这样的需求,那么我们就要去尽量满足。之前一直写的是固定版心,然后在将容器居中,这样写的话,就导致页面在低分辨屏幕下会出现横向…