![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
贝阿朵今天依然鬼笑
这个作者很懒,什么都没留下…
展开
-
【JS】【Echarts】用on绑定click 事件,第二次绑定时执行的依然是第一次绑定的参数
今天遇到了一个奇怪的bug。一张散点图,用户要求点击图例后,可以将被点击的那个图例对应的点标红,其他的点变灰。主函数: var chart = echarts.init(document.getElementById('chart')); chart.setOption(baseline_options, true); chart.on('legendselectchanged', function(obj) { var sel原创 2020-09-24 09:09:30 · 817 阅读 · 0 评论 -
【Echarts】【ES6】柱状图/柱状叠图按照y值从高到低排序
简单粗暴地上code:const chartOptionsGeneration = (data) => { const options = { toolbox: { y: 'bottom', feature: { dataView: {show: true, readOnly: false}, restore: {show: true},原创 2020-09-18 11:20:22 · 12401 阅读 · 0 评论 -
【REACT】【ES6】【PROMISE】将使用axios进行前后端交互的功能进行封装
Promise是个好东西,但是then来then去的很讨厌,所以一直想要封装一个模块出来,只要给url给参数,就能直接给我把从后台get到的结果吐出来。可惜才疏学浅,对promise的理解一直不深刻,直到最近在刷别的知识点的视频的时候忽然有了灵感。肯定会有更优雅的实现方式。只是记录一下自己以后找起来方便:import axios from 'axios'const API = { /*Main URL*/ main: 'http://XXX', /*.原创 2020-09-17 12:26:21 · 471 阅读 · 0 评论 -
【CSS】如何用CSS实现向右飞入的功能
说实话一直对CSS了解不深,日常只是用CSS调整个margin啦位置啦,有什么动态效果都用JS做。这次有个项目要更换模板,其中一个元素向右飞入页面(非匀速),平滑地停在页面中心的小动画很喜欢,但新模板里没有,就想研究一下人家是怎么做的。首先找到控制它的class,是这样写的:.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig;}animation-n原创 2020-07-07 09:56:24 · 1388 阅读 · 0 评论 -
【datatable】关于列宽,width设定的优先级低于data对应数据的宽度
今天遇到一个奇怪的问题:我需要在datatable的一列中显示一张图片,图片可以显示,但是这一列的宽度要比图片宽很多,怎么也调整不回去。后来意识到,这一列对应的data项是图片的路径,非常长,把这一列给撑开了。更换了数据源后(render 的回调函数的第三个参数是row,包含了这一行的所有数据,图片路径可以从这里得到),问题解决...原创 2020-06-29 13:18:26 · 1071 阅读 · 0 评论 -
【echarts】【前端】点击图例,只有被点击图例对应的折线显示,其他隐藏
最近在做一个功能:用echarts做一张折线图,图中有多条线。在初始状态,所有折线都显示,然后点击其中一个图例,其他折线会隐藏。借用了https://www.cnblogs.com/shj-com/p/11327072.html的思路。在他的基础上重写了。效果是这样的(option设置使用了echarts的官方案例):刚初始化好:点击“邮件营销”:再点击“联盟广告”:...原创 2020-04-30 10:07:54 · 5678 阅读 · 5 评论 -
【JS】【ES6】两个数组值一一对应,对数组A排序,然后根据数组A排序后的结果对数组B排序
手里有两个数组a和b,它们在数据结构上没有关联,但在业务逻辑上,两个数组中同索引的两个元素是有关联的,要求一一对应。由于某些原因,我必须要把数组a排序,并且如果数组a中元素的位置变了,b中相对应的元素位置也得跟着变。纠结半天,总算用较为简单的方式做出来了:初始状态,两个数组:a=[33,22,11]b=['c','b','a']首先,将a和b中的同索引元素组合在一起,两两捏...原创 2020-04-23 09:26:34 · 4172 阅读 · 3 评论 -
【django】【pycharm社区版】从头搭建django项目(使用命令创建项目+手动创建所需文件)
一 创建空项目+pycharm基本配置Pycharm有自带创建django项目的功能,然而那得是收费版。免费的社区版pycharm 在新建项目里头就一光秃秃的 project location,想要生成django所需的各项文件,只能靠咱们自己动手丰衣足食了。首先找到一个合适的地方存放自己的project。打开cmd,运行命令django-admin startprojec...原创 2020-03-24 08:31:26 · 1691 阅读 · 0 评论 -
【REACT】使用create-react-app创建的项目中如何引入CSS样式
第一步,做好静态的HTML页面,确定最终要呈现的结果,同时也帮助后面划分组件。然后,使用create-react-app创建好项目。那么接下来,要如何将静态HTML中引用的css样式转移到react项目中呢?首先,将所有要用到的css文件放到src文件夹下。最好不要改变css文件本身的层级结构,不然后面改路径太麻烦了。接着,进入入口js文件,我的项目中是index.js。...原创 2020-03-12 09:10:30 · 1358 阅读 · 0 评论 -
【react】组件创建和交互步骤和实例
例子来自尚硅谷react视频,相当于笔记整理link:https://www.bilibili.com/video/av51174155?from=search&seid=11218837597275325699要做的功能: 在输入框内输入内容,点击add按钮自动添加到下面的列表去,并且清空input重点是通过这个例子,把如何进行解决react多组件的创建和交互的思路理...原创 2020-02-16 14:32:05 · 295 阅读 · 0 评论 -
【react】组件三大属性state、props和refs
跟着视频学习,自己跟着敲了一下里头的代码。Table of Contents一 state二 props三 refs一 state功能:点击组件,在“你喜欢我”和“我喜欢你”之间切换// 组件属性 - stateconst like = document.getElementById('like');// console.log(like);class ...原创 2020-02-15 14:47:38 · 159 阅读 · 0 评论 -
【web】【django】datatable的button扩展实现纯前端下载和copy指定列内容,以及django的HTTPResponse实现下载功能
Table of Contents功能需求描述一 使用Datatables实现纯前端下载、拷贝二 query db 实现下载(django)功能需求描述用户需要以网页为媒介,从DB里拉取一些数据。分为两种情况:data已经显示在页面上 (除了下载还需要拷贝其中某一列) data没有显示在页面上,需要在trigger download的功能时,根据用户...原创 2020-01-08 15:55:01 · 574 阅读 · 1 评论 -
【前端】【ajax】对jQuery ajax 方法 dataType 参数的理解
上结论: dataType是预期服务器会返回的数据类型。事情是这样的。最近在做一个download功能,如果后台没报错,正常下载,否则就弹出对话框,告诉用户出现了什么样的问题。为了这个异常情况的处理,我想使用ajax。大概是这样的: $.ajax({ type: 'get', url: url, traditional:true, ...原创 2020-01-03 08:47:12 · 386 阅读 · 0 评论 -
【前端】【jQuery】动态添加button绑定click事件的时机+向父元素内的元素前插入元素要使用prepend
效果如上。reset是在页面都加载完毕后后添加的。通过prepend 函数将其插入到“ShowXXXentires”的前面。code大致如下:function add_reset_button(){ var reset_btn = '<button id="reset">reset</button>'; //$('#reset').bin...原创 2019-12-31 09:44:43 · 622 阅读 · 0 评论 -
ajax 报错 “You called this URL via POST, but the URL doesn't end in a slash” 解决方式
简单记录一下:ajax 用post时,报错:You called this URL via POST, but the URL doesn't end in a slash and you have APPEND_SLASH set. Django can't redirect to the slash URL while maintaining POST data.原因:...原创 2019-09-25 13:12:04 · 1686 阅读 · 0 评论 -
【python】【django】cursor.fetchall()的结果是元组
今天做测试,用django.db 的connection来执行一个非常简单的查询语句:sql_str = 'select col_1 from table_1 where criteria = 1'cursor = connection.cursor()cursor.execute(sql_str)fetchall = cursor.fetchall()fetchall的值是这样的...原创 2019-05-14 08:59:11 · 33206 阅读 · 5 评论 -
【自学】jQuery 实例库列表(持续更新)
积累一些在网络上发现的jQuery 库,练习用。以后工作上有需要还可以做为参考。目录1 jQuery UI2 jQuery插件库3 39个jQuery实例 - 蓝文资源库1 jQuery UIlink:https://jqueryui.com/accordion/来源就是官网。看视频偶然发现的。大略翻了翻,很基础而简单。如果忘了写法可以过来查一查。...原创 2019-06-16 20:07:25 · 215 阅读 · 0 评论 -
【前端】django如何找到模板文件夹 以及如何自定义模板文件夹
有个问题一直困扰着我:网上查到的资料中,都提到要在settings.py 中配置templates文件夹路径,才能正常找到模板,但我的项目并没有配置,也能够正常工作,这是为什么呢??网上的资料:https://www.cnblogs.com/alan-babyblog/p/5828026.html 1 2 3 4 5 6 7 ...原创 2019-07-15 09:28:37 · 1680 阅读 · 0 评论 -
【django】当数据库表中以“id”列为主键且自增时,inspectdb 生成models.py不会包含该列,但依然可读取到值
如题,今天发现了个有趣的小现象。我的一个表(table_1)用“id”作为主键,类型为int,自增。然后用python manage.py inspectdb table_1生成models.py时,发现少了id这一列。但是后续发现,还是可以得到值的。如果将“id”换成“num”,那么这一列就会出现在models.py中。不知道自增和数值类型在这个现象...原创 2019-07-25 14:42:48 · 2150 阅读 · 0 评论 -
【django】【statics深入理解】如何在引入外部文件,不使用project目录下的static
最近有个需求,相当于文档管理,需要根据用户的选择,将相应的文件在浏览器中显示。文件都是pdf格式的。按照以往的经验,对于静态文件,只需要将其放到项目下的static 文件夹下,然后用{%static 'XXX/XXX.pdf'%}拼接它的路径就好了。但问题是,这些文件是单独存放在一个存储空间内的,数量很多,我不能将它们全部放在project下,那该怎么办呢?首先想到的是使用绝对...原创 2019-08-08 11:42:19 · 525 阅读 · 1 评论 -
【django】如何在{%static%}标签里头引用标签变量
我要在web页面上输出一个pdf,link存放在file_name变量中,用{%static%}标签加载,结果咋试都取不出来file_name里头的值。最后发现,要这么写:<embed src="{%static file_name %}" width=100% height=1000px>也可以写成 <embed src="{%static file_...原创 2019-08-08 13:08:04 · 2126 阅读 · 6 评论 -
【web】Word/excel/ppt 转pdf本地成功,发布到IIS 失败的解决办法
Table of Contents系统参数:问题描述解决流程step 1:运行指令,打开组建管理(32位的!!!):step 2 找到 组建 :系统参数:windows server 2012 R2, 64 位Microsoft 2010套件。问题描述自从开始做网站,我就在被程序气死的边缘徘徊。事情是这样的: 最近在开发一个项目,需要将ppt ...原创 2019-08-20 11:42:33 · 1031 阅读 · 0 评论 -
【HTML/jQuery】onclick的那些坑
这玩意儿说来简单,但真实太太太太容易报错了!!而且每一次都调好久!在这里总结一下,希望能帮助以后提升效率。Table of Contents1 传入多个参数时,unexpected end of input1 传入多个参数时,unexpected end of input这个错误多出现在我想要传入多个参数的时候今天我做一个功能,一定要往onclick当中传两个值,但...原创 2019-09-24 13:10:38 · 590 阅读 · 0 评论 -
【前端】d3.js基本操作:参数设置、内联样式设置、文字设置等
1 设置svgsvg = d3.select("#svg1");这是我在页面上已经有这个元素了。也可以使用其他的方式。比如使用enter()函数。使用它的前提是使用data()函数。根据data()函数传入的参数个数,enter()函数可以自动补齐页面尚不存在的svg元素。同样的,如果想要根据数据动态地生成元素,也可以使用enter(),不是仅仅局限于对svg才可使用。...原创 2019-04-30 11:12:42 · 7198 阅读 · 0 评论