前端哥

在 vue 中使用 window.onresize及div的resize事件

2024-04-01项目场景:如何在 vue 中使用 window.onresize如何避免 覆盖其它的 window.onresizeecharts 监听图表容器的大小并改变图表大小解决方案:<script>/* echarts 监听图表容器的大小并改变图表大小 */export default { mounted() { this.myChart = this.$echarts.init(this.$refs.canvas) // 监听 window.onresize_vue onresize

https://www.qianduange.cn//article/4389.html 分类:前端知识

一个酷炫的HTML页面的代码,一个基于HTML5 Canvas实现的预加载动画效果

2024-04-01body {margin: 0;padding: 0;canvas {padding: 0;frames ;render();_html加载动画

https://www.qianduange.cn//article/4366.html 分类:前端知识

2024(1),【工作经验分享】,html5移动web开发

2024-04-01/单词到id的映射//id到单词的映射let edges;//存边用的数组let id = 0;// 将wordList所有单词加入wordId中 相同的只保留一个 并为每一个单词分配一个idif (!// 若endWord不在wordList中 则无解if (!return [];// 把beginWord也加入wordId中if (!// 初始化存边用的数组i ) {// 添加边i ) {j ) {// 若两者可以通过转换得到 则在它们间建一条无向边。

https://www.qianduange.cn//article/4364.html 分类:前端知识

html文件上传前端模板,开箱即用

2024-04-01模态框出现的时候发请求查询数据库中的字段并渲染到页面上,点击上传文件出现选择页面,监听input的change事件,触发后调用文件上传接口上传文件到后端,同时前端ui li 绑定的fileList数组新增元素,点击保存按钮调接口存储数据到数据库中。vue实例之外的部分:这个方法不写到methods里面的原因是使用了bootstrap-table插件,有些不兼容的地方,索性就写到外面。js部分:由于django框架的原因,{{}}的模板语法会和django自带的产生冲突,故改成[[]]。_前端上传文件 html 代码模板

https://www.qianduange.cn//article/4360.html 分类:前端知识

jquery for循环

2024-03-31jQuery 中可以使用 $.each 方法来进行循环。该方法接受两个参数:第一个参数是要循环的数组或对象,第二个参数是一个回调函数,在每次循环时都会执行该回调函数。例如,假设你有一个数组 arr,你可以使用以下代码来循环遍历这个数组:$.each(arr,function(index, value) { // 在这里进行你想要的操作});在回调函数中,index 变量表示当前循环到..._jquery for循环

https://www.qianduange.cn//article/4337.html 分类:前端知识

获取字体文件并在html中调用

2024-03-31要获取字体文件,可以通过以下几种方式:使用系统字体:可以直接使用操作系统中已经安装的字体,无需额外获取字体文件。在CSS样式中使用字体名称即可,例如:body { font-family: Arial, sans-serif;}使用Web字体:Web字体是专门为网页设计的字体文件,可以通过网络获取。常见的Web字体格式包括WOFF(Web Open Font Format)..._html引入外部字体

https://www.qianduange.cn//article/4308.html 分类:前端知识

模仿jQuery的slideDown、slideUp上下滑动,舒服,层层深入

2024-03-29continue;true:false;if(cache[p “_cur”]){//从缓存中取}else{//如果本来是隐藏的则cur默认就是0==‘none’){} else {//处理100px的格式var incre;if(cache[p ‘_increment’]){//如果缓存中有则从中取}else{//计算每次变化值}else{//计算每次变化值//缓存起来,这样就不用每次都去dom中获取了。}else {

https://www.qianduange.cn//article/4281.html 分类:前端知识

vue-baidu-map-3x 使用记录

2024-03-29为了解决上一个问题,采用了BmControl这些变量尽量比如 mapCenter 里,一开始就应该定义 lng、lat,后面具体的值可以是 0 state.mapCenter = { lng: 0, lat: 0}如果直接初始化成 state.mapCenter = {},会导致发生不可预知的错误我最开始没初始化 单个点位 searchPoint 的对象结构时,没报错我最开始没初始化 点位信息弹窗 spInfoWindow 的对象结构时,就报错找不到 lng 属性了// 地图缩放级别。_vue-baidu-map-3x

https://www.qianduange.cn//article/4266.html 分类:前端知识

CSS学习(1)-选择器

2024-03-29作用:选中同时符合多个条件的元素。选择器1选择器2选择器3...选择器n {}/* 选中:类名为beauty的p元素,为此种写法用的非常多!!!!*/p.beauty {/* 选中:类名包含rich和beauty的元素 */有标签名,标签名必须写在前面。id 选择器、通配选择器,理论上可以作为交集的条件,但实际应用中几乎不用 —— 因为没有意义。交集选择器中不可能出现两个元素选择器,因为一个元素,不可能即是 p 元素又是 span 元素。元素选择器配合类名选择器。

https://www.qianduange.cn//article/4238.html 分类:前端知识

Echarts—自定义图例布局样式和图例换行的实现

2024-03-27之前做过各种各样需求的Echarts图表,通过查找博客和查看官网配置项api,都能实现,但是很久不用的话,再去做某些一样功能需求的图表,有些配置项还是需要反复查看,或者去搜索,所以我特意开了一个可视化专栏,去把使用过的可视化记录下来,也方便日后自己复用或者为他人提供便利!这次就记录一下自定义图例布局样式和图例换行的实现,我会把整个图表实现的代码都带出来,如果日后项目中用到类似的需求,也可以直接拿去!案例实现如下图;legend : {_echarts 图例换行

https://www.qianduange.cn//article/4207.html 分类:前端知识

604条数据,当前49/61

最近搜索

会员中心 联系我 留言建议 回顶部