html
人间清醒小仙女
hello world
欢迎转载,但请注明出处,共建开源前端,祝大家技术越来越好~~
展开
-
来个自定义的电子木鱼吧
【代码】来个自定义的电子木鱼吧。原创 2024-04-03 15:51:25 · 285 阅读 · 0 评论 -
关于前端规范(一)样式篇
1.尽量避免使用important!!!!!!!!会打乱选择器权重计算,极其不好维护,建议使用类加类,还找不到就封装公用样式实在是很特殊的话就用deep!sass,less都有deep<style lang="scss"> .pageableTable{ /deep/ .el-button{ padding: 13px 50px; } }</style><style lang="less"> .pageableTable{原创 2022-04-19 15:25:13 · 206 阅读 · 0 评论 -
抛出具名插槽,element,antdv,vue,uniapp,uni-table,表格的具名插槽,作用域插槽
table.vue<template> <a-table :columns="columns" :data-source="data"> <template v-for="item in columns" :slot="getTableSlotName(item)" slot-scope="record, text"> <slot :name="item.dataIndex" :text="text" :record="record"&原创 2021-02-23 14:24:11 · 529 阅读 · 0 评论 -
页面渲染html的过程?
浏览器渲染页面的一般过程:1.浏览器解析html源码,然后创建一个 DOM树。并行请求 css/image/js在DOM树中,每一个HTML标签都有一个对应的节点,并且每一个文本也都会有一个对应的文本节点。DOM树的根节点就是 documentElement,对应的是html标签。2.浏览器解析CSS代码,计算出最终的样式数据。构建CSSOM树。对CSS代码中非法的语法它会直接忽略掉。解析CSS的时候会按照如下顺序来定义优先级:浏览器默认设置 < 用户设置 < 外链样式 < 内联样式原创 2021-02-08 20:46:41 · 663 阅读 · 0 评论 -
详解html5,html5有哪些新特性、移除了那些元素?
简述H5新特性主要包括:语意化更好的内容元素,比如article、footer、header、nav、section表单控件,calendar、date、time、email、url、searchcanvas 画布audio, videodrag 拖拽本地存储zhi localStorage, sessionStoragewebSocket 长连dao接定位增强型表zhuan单 input number, datalist, keygen, output, progresssvg 矢原创 2021-02-08 20:44:33 · 1291 阅读 · 0 评论 -
web前端/小程序必备网站
1.MDN// 各种基础知识https://developer.mozilla.org/zh-CN/docs/Learn2.菜鸟教程// 各种数组方法 dom元素讲解https://www.runoob.com/jsref/jsref-reduce.html原创 2020-10-19 17:07:05 · 404 阅读 · 0 评论 -
浏览器解析html与渲染顺序问题
写项目的时候发现在chrome没问题的样式到ie就变形了,所以对这一现象进行了搜索和了解,找到了这篇文章获益匪浅https://www.cnblogs.com/web-easy/p/5067680.html一:为什么要了解浏览器渲染页面和加载页面机制,主要还是性能的优化。了解浏览器如何进行加载,我们可以在引用外部样式文件,外部js时,将他们放到合适的位置,使浏览器以最快的速度将文件加载完毕。了解浏览器如何进行解析,我们可以在构建DOM结构,组织css选择器时,选择最优的写法,提高浏览器的解析速率。转载 2020-10-09 17:17:00 · 473 阅读 · 0 评论 -
把数据导出成excel
转载由https://www.jb51.net/article/183907.html原创 2020-09-10 17:07:40 · 86 阅读 · 0 评论 -
uniapp柱形图 ucharts echarts
https://gitee.com/uCharts/uCharts下载地址用哪个就引哪个我是引得uniapp的,放到我本地的utils文件夹里,然后接口的返回结构简单的写就是Column = { "categories": ["2012", "2013", "2014", "2015", "2016", "2017"], "series": [{ "name": "成交量1", "data": [15, { "valu.原创 2020-09-08 21:57:47 · 4426 阅读 · 1 评论 -
阻止事件传播,点击父元素不希望子元素也触发父元素的事件
背景:子元素相对于父元素定位,width和left通过起始位置和结束位置计算,空白的位置有点击事件进行添加元素,已经有元素的位置右键进行修改,没有点击事件这就需要禁掉父元素的事件传播,否则子元素也会有父元素的点击事件 <div // 父元素事件 ref="stockyardGroup" class="stockyard_item" @click="e => handleAdd(e, item.id)"原创 2020-08-29 11:29:42 · 2381 阅读 · 0 评论