一、页面布局 1.问题：假设高度已知，请写出三栏布局 ，其中左栏、右栏宽度各为300px，中间自适应。 解决方案一：使用浮动布局` <!DOCTYPE html> <html lang="en">…
标签：html
All In One
set1 https://github.com/tianhang-f… set2 https://github.com/tianhang/F… set3https://github.com/tia…
前端开发工作一年小记
前端开发工作一年小记 作者/云荒杯倾再过几天，就是我作为一名小小的前端工程师工作整整一年的日子了。而且，距离上一次写技术文，已经过去很久远。且逢周末，还是雨天，气温不高，心情凑合，就想写写。然而，写工作总结实际上可能仅仅…
css中postion的fixed和absolute区别
一直对positon的几个定位方式不是特别理解，记录下 fixed 固定定位，参照位置是浏览器窗口的左上角，即坐标点为(0px, 0px) absolute 绝对定位，参展位置是离当前元素最近的定位方式为fixed,ab…
移动端开发技巧
META相关 1.添加到主屏后的标题（IOS） <meta name="apple-mobile-web-app-title" content="标题"> 2.启用 WebApp 全屏模式（IOS） <…
关于js计算非等宽字体宽度的方法
准备一个容器 首先在body外插入一个absolute的容器避免重绘： const svgWidthTestContainer = document.createElement('svg'); svgWidthTestC…
最近项目中使用到的一些技术
项目需求 vue项目，后端获取的n条数据中的名称，前台展示，并要求点击后可直接修改这个效果 1.使用input标签，但是:value和:model使用有问题 2.给按钮绑定enter事件，修改成功后光标依旧在闪，用户体验…
PC端各分辨率适配
最近在写一个PC端的活动页面，即将完工的时候，增加了个需求，想让页面适配不同的分辨率，既然提出了这样的需求，那么我们就要去尽量满足。之前一直写的是固定版心，然后在将容器居中，这样写的话，就导致页面在低分辨屏幕下会出现横向…
单页面官网-平滑过渡到指的锚点
特点 单页面官网–不是传说中的单页面应用！固定顶部，点击导航平滑过渡到指定锚点，鼠标上下滚动到锚点位置导航随之切换如：考拉微课 HTML布局 <!--顶部导航栏--> <div id="he…
Vue项目代码埋点
主流埋点方案 目前主流的埋点方案包括 代码埋点 可视化埋点 无埋点 一、代码埋点 在需要埋点的节点调用接口，携带数据上传。如百度统计等； 缺点 工作量较大，每一个组件的埋点都需要添加相应的代码，入侵业务代码，…
Django基础之二（URL路由）
URL路由 简介 对于高质量的web应用来说，使用简洁，优雅的URL路由是一个值得尊重的细节，Django可以随心所欲的设计URL，不受框架的约束 为了给一个应用设计URL，你需要一个Python模块，通常被称为URLc…
进修webpack前的准备工作
媒介 因为vue和react的盛行，webpack这个模块化打包东西也已经成为热点。作为前端工程师这个须要不断更新本身手艺库的职业，真的须要潜下心来进修一下。 准备工作（针对mac用户） 装置 homebrew $ /u…
