前端小技巧
关注
分享
扫一扫
文章平均质量分 78
/*----无忧----*/
从事前端7年，一些粗鄙见识想和大家分享，如能帮助到初学者一二，深感荣幸
展开
-
用原生实现Vue3，真香~
目标：用原生js实现自定义组件，Vue3双向绑定学前知识储备：必备知识1，自定义元素（customElement）废话不多，先上代码： //html: <user-card data-open="true"></user-card> //javascript: class Learn extends HTMLElement{ constructor(props) { super(props); cons原创 2020-11-11 19:21:45 · 883 阅读 · 0 评论 -
一次说清楚，以后不要再问我移动端怎么适配了！
前言：首先，这篇文章讲的是网页在移动端的适配问题，这里面没有物理像素之类的事，这是两个东西，别混为一谈！有些人为了博眼球，一上来就是什么物理像素，像素比之类的字眼，这俩东西对移动端确实有影响，但是没那么大，基础的同学不需要去深究。第二，适配是一件特简单的事情，别想太复杂。像什么数学换算之类的，如果数学不太好的同学也不用太焦虑，现在开发有很多辅助工具，世界上有几个人能弄懂1+1为...原创 2020-04-15 17:28:32 · 877 阅读 · 2 评论 -
前端小技巧（一）：边框写三角形
边框写三角形，这个技能从事前端的小伙伴应该都不陌生，不过大多数都是知其然而不知其所以然，今天我们就来探究一下这里面的原理随意的在页面上给一个盒子，然后给一个边框来看看div{ width:100px; height:100px; border:10px solid #f00283;}这样的一段代码，给到盒子的宽高都是100像素，然后10个像素实线的红色边框，效果图如下，看起原创 2017-09-26 15:54:41 · 8064 阅读 · 0 评论 -
前端小技巧（二）：评分效果css版
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .box{ width:205px; height:42px; position: relative;原创 2017-12-22 15:56:22 · 776 阅读 · 0 评论 -
元素居中的多种方法——css布局技巧（1）
经常碰到有同学在问，如何让一个元素上下左右都居中呢？ 相信大家在面试的时候也会经常碰到这个问题，一下列出来几种方式以供大家参考，如有不足之处，请大家补充问题描述：给定两个元素，这两个元素是父子级关系。并且两个元素的大小都是不确定的，那么这时候如何让子级在父级中上下左右都居中？（暂且设定父级比子级要大一些）第一种：利用定位先上代码及效果：<!DOCTYPE html>...原创 2019-03-29 15:52:36 · 498 阅读 · 1 评论 -
前端小技巧（三）：愤怒的小鸟CSS版
先看效果：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .main{ width: 500px;...原创 2019-07-19 16:47:16 · 363 阅读 · 0 评论