html/css全集
Et2nity
如果来看我博客不是来学知识的请点赞
展开
-
VUE3 项目踩坑
export default { setup () { const state = reactive({ message: '', msgList: [] }) const router = useRouter() let username = '' onMounted(() => { username = localStorage.getItem('username') if (!username) {原创 2021-11-11 17:02:14 · 1273 阅读 · 0 评论 -
vue3 原理和更新梳理
更新方向 1. 框架核心 Vue2 是响应式原理基于 Object.defineProperty 方法重定义对象的 getter 与 setter,vue3 则基于 Proxy 代理对象,拦截对象属性的访问与赋值过程。差异在于,前者并不能对诸如数组长度变化、增删元素操作、对象新增属性进行感知,在 vue 层面不得不重写一些数组方法(push、pop、unshift、shift 等),动态添加响应式属性,也要使用 $set方法等。 而 Proxy 则完美地从根上解决了这些问题,不过对于不支持 Proxy 对象原创 2021-11-11 00:33:55 · 1157 阅读 · 0 评论 -
VUE3 实时监听页面滚动高度 ,改变nav/title的 透明度
VUE3 实时监听页面滚动高度 ,改变nav/title的 透明度(分享写法,记录) data data() { return { scroll: "", percent: "", }; }, mounted mounted() { window.addEventListener("scroll", this.menu); }, computed computed: { changeColor() { let percent=原创 2021-10-31 15:12:28 · 2256 阅读 · 1 评论 -
echarts 饼图 属性栏自定义写法
echarts 饼图 属性栏自定义写法 制作图: 导入代码: getEchartData() { const chart = this.$refs.chart; const self = this; if (chart) { const myChart = this.$echarts.init(chart); const option = { color: ["#36CBCB", "#F2637B","#4DCB73原创 2021-04-21 18:37:00 · 581 阅读 · 0 评论 -
初学入门 html/css 的有用知识点简单总结(五)
详细介绍css中的选择器 CSS的魅力就是让我们前端工程师像设计师一样进行网页的设计,我们能轻而易举的改变颜色、布局、制作出漂亮的影音效果等等,css中的选择器用于选择你想要的元素的样式的模式。我给大家归纳了常用的30个CSS选择器,希望你能够喜欢我的总结。 1、*{} :通用选择器 针对初学者来说,我们还是从简单的开始学起,首先我们来认识下通用选择器,通用选择器,可以匹配页面所有的元素。让页面中所有的元素都具...原创 2020-09-06 15:05:53 · 263 阅读 · 0 评论 -
初学入门 html/css 的有用知识点简单总结(四)
flex 布局和选择器扩充 一. flex布局 我们之前已经学过一些布局模型,比如说浮动,绝对定位等等,但是 浮动布局作为一个老式的页面布局,无法处理布局图形的高度和间距,使用较为麻烦,每次要设置很多相关的属性,利用内外边距和定位等等环节去处理页面的布局。在修改时也会被繁琐的工序搞得难以处理 (在使用flex布局的时候是无法使用) flex的优点: 1、不用考虑兼容性,flex会编译成flash swf文件,任何操作系统和浏览器,它都同样下载为像素。 2、Flex 2中的Action...原创 2020-09-01 19:26:49 · 169 阅读 · 0 评论