- 博客(64)
- 收藏
- 关注
RSS订阅原创 Python autoescape标签用法解析---自动转义
这篇文章主要介绍了Python autoescape标签用法解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下1.spaceless标签：移除html标签中的空白字符。包括空格、tab键、换行符，示例代码如下：{% spaceless %}具体内容{% endspaceless %}2.autoescape标签：DTL模板中默认已经开启了自动转义，会将那些特殊字符串进行转义，比如会将“<”转义成<会将“>”转移成“>”,使用D
2022-05-26 11:17:26
358
原创 echart--仪表盘
var myCharts = echarts.init(document.getElementById(id)); // var colors = ['#30BB57', '#FF9726', '#1A79FF'] var colors = ['red', 'green', 'blue'] var option = { tooltip: { show: false, formatter: '{a} <br...
2022-04-26 16:19:18
488
原创 动态象形柱图
var myCharts = echarts.init(document.getElementById(id)); var unit = '元'; var option = { grid: { left: '8%', right: '20%', top: '20%', bottom: '15%', containLabel: true ...
2022-04-26 16:07:58
173
原创 textarea的文字显示
html <div class="message-ly"> <div class="message-ly-mask"></div> <div class="say-box" data-slide-in="at 3000 from zoomIn use linear during 2000"> <i class="message-ly-close"></i> <div class="mes.
2022-04-22 18:23:03
1220
原创 移动端之前工作
var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端 document.onreadystatechange = function() { var state = document.readyState; switch (state) { case 'loading': .
2022-04-22 11:49:35
200
转载 使用jQuery实现简单上下无缝滚动
转载于https://www.cnblogs.com/walkingp/archive/2011/03/21/1990821.html这个效果最开始是在douban的关于页面上看到的，当然最新的这个关于页面已经不在了。使用纯Javascript实现无缝滚动的其中一个思路是这样的：设置层A高度大于层B，并且使其overflow为none，这样B就只有一部分能看到了，然后使用Javascript重新复制一份B放在B后，启动计时器，每隔一段时间就检查B的scrollTop是否等于A的scrollTo
2022-03-25 11:47:44
1992
转载 理解和使用Promise.all和Promise.race
转载于https://www.jianshu.com/p/7e60fc1be1b2一、Pomise.all的使用Promise.all可以将多个Promise实例包装成一个新的Promise实例。同时，成功和失败的返回值是不同的，成功的时候返回的是一个结果数组，而失败的时候则返回最先被reject失败状态的值。具体代码如下：let p1 = new Promise((resolve, reject) => { resolve('成功了')})let p2 = new Promise(
2022-03-24 10:01:06
98
原创 fullpage插件使用笔记---全屏滚动插件
fullpage插件是一个基于jquery的全屏滚动插件，支持ie8+、以及其他的主流浏览器，功能强大，体积只有7k，下面记录一些笔记，需要的时候可以查看。fullPage使用笔记：1、引入fullPage的css样式库、引入jquery（1.6以上）、引入fullPage的js文件、推荐使用cdnjs加速2、页面结构:html<div id="fullPage"><div class="section">一些内容</div><div clas.
2022-03-03 17:06:01
1679
原创 双饼图 pie
html <div class="panel-body finance"> <div id="financeLeft"></div> <div id="financeRight"></div> </div>js // 财务概况 function finance.
2022-02-18 15:38:01
192
原创 接口取巧实用
$.post(urls['reasearchPapers'], { cid: cid, lx: $('.reasearchPapers').prev('.btn').find('button.actived').text() }, function (res) { if (res.errorCode != '0x00000000') { return false } else { ...
2022-02-18 15:32:49
349
原创 jQuery的serializeArray()方法的使用---通过序列化表单值来创建对象（name 和 value）的数组
js let $form = $('.propagandaTemplatesForm'), formData = $form.serializeArray(), //serializeArray() 方法通过序列化表单值来创建对象（name 和 value）的数组。 data = new FormData(); //用一些键值对来模拟一系列表单控件：即把form中所有表单元素的name与value组装成 for (let i in obj) {
2022-02-09 11:49:36
926
原创 EasyUI Tree 树点击按钮打开选中
js init_edit('propagandaTemplates'); show_company(); function init_edit(id) { let $dialog = $('#department_dialog'); $('.company-btn').click(function () { add_company($dialog);//点击弹出框 }); //弹出框删除按钮 $dialog.on('click', '.ic..
2022-02-09 11:33:57
845
原创 跨境电商百度指数 echart图分析
var uploadedDataURL = "/asset/get/s/data-1528971808162-BkOXf61WX.json";//geoCoordMap把所有可能出现的城市加到数组里面var geoCoordMap = { "杭州": [119.5313, 29.8773], "苏州": [118.8062, 31.9208], '上海': [121.4648, 31.2891], "天津": [117.4219, 39.4189], '深圳':
2022-01-10 18:43:04
523
原创 数组多个对象传参
var arr_value = []; var begin = 0; var end = 0; var score = 0; var level = 0; $.map($('#configDialog ul li'), function (v, i) { var value = {}; ...
2021-11-09 10:35:16
184
原创 ps--photoshop的简单使用方法
新建文件文件菜单–新建 或 ctrl + n工作区中的灰白格子表示背景透明打开文件文件菜单–打开 或 ctrl + o设置单位编辑菜单–首选项–单位与标尺–将标尺和文字的单位改为像素标尺显示|隐藏ctrl + r 或 视图菜单–标尺参考线在标尺上，按住鼠标左键不松手，拖拽到工作区，拉出参考线水平参考线和垂直参考线之间的临时切换，按下alt键删除参考线视图菜单–清除参考线，可以删除所有的参考线在移动工具状态下，将参考线拖回到标尺在其他工具状态下，按住ctrl键临时切换工具，将参
2021-10-06 23:23:36
607
转载 cropperjs（裁剪）
<template> <div class="hello"> <p>预览</p> <div class="before"></div> <button style="margin: 30px auto" type="error" @click="sureSava" >裁剪</button> <div class="container"> &l
2021-09-13 16:09:22
619
原创 echart 提示框超过页面解决方法
tooltip: { trigger: 'axis', extraCssText: 'height:auto;', confine: true, position:function(point,params,dom,rect,size) { var tipHeight = point[1]+size.contentSize[1]; if(tipHeight > size.viewSize[1]){.
2021-09-08 11:18:35
584
转载 Vue粒子特效（vue-particles插件）
npm install vue-particles --savemain.jsimport VueParticles from 'vue-particles' Vue.use(VueParticles) 在需要的组件使用<template> <div id="login"> <vue-particles class="login-bg" color="#39AFFD" :particleOpacity
2021-08-31 17:34:30
578
原创 多行向左对齐，单行居中对齐
.box{ display:table; margin:0 auto; width:400px; height: 400px; background:#ccc; } .center{ display:table-cell; /* 表单vertical-align:middle可以居中对齐 */ vertical-align:middle; text-align: center;
2021-08-25 17:57:05
206
转载 在Vue项目中获取当前日期的农历（阴历）
参考链接：https://blog.csdn.net/weixin_44483624/article/details/115455486插件：npm install --save chinese-lunar-calendarvue使用<script>import { getLunar } from 'chinese-lunar-calendar'export default { data() { return { getLunarDay: '', year: new
2021-08-25 16:47:46
1093
转载 vue实现获取当前日期时间并实时刷新
参考链接：https://www.cnblogs.com/zhao0831/p/12841652.html功能需求：获取当前系统时间，在页面上显示:年月日时分秒，并且实时刷新，和系统时间保持一致第一步：在data 里面声明变量data() { return { nowDate:null, //存放年月日变量 nowTime:null, //存放时分秒变量
2021-08-25 16:44:57
976
转载 Vue 实现输入框新增搜索历史记录功能
参考链接：https://www.jb51.net/article/171994.htm插件：npm install good-storage -S在本地新建cache.js文件,该文件是关于本地存储的逻辑处理(缓存到本地的数据最大缓存15条，并且新的插入在第一位，首先得到当前的存储数据情况，将关键字存到数组中，判断如果数组中有相同的数据，则把重复的数据删除，将新的关键字存入到前面)cache.js/*把搜索的结果保存下来*/ /*用export把方法暴露出来*/ /*定义存储搜索的key _s
2021-08-25 16:39:35
1947
1
转载 图片懒加载
官网地址：https://www.npmjs.com/package/vue-lazyload借鉴地址：https://www.jianshu.com/p/73a7c92064e9安装npm i vue-lazyload -S引入// main.jsimport VueLazyload from 'vue-lazyload'Vue.use(VueLazyload)配置参数//static目录下的图片引用Vue.use(VueLazyload,{ error:'/static/
2021-08-25 16:30:48
126
原创 实现页面以pdf的形式展示和html以pdf形式导出
vue-pdf的使用相关链接：https://www.cnblogs.com/lodadssd/p/10297989.html之前的博客写过，所以这一次我就不废话，直接贴代码<!-- * @Descripttion: your project * @version: 1.0 * @Author: Aidam_Bo * @Date: 2021-08-23 15:29:15 * @LastEditors: Aidam_Bo * @LastEditTime: 2021-08-25 11:0
2021-08-25 14:40:09
258
原创 表情符号(Emoji)在Web中的使用
相关网站https://emojipedia.org/复制直接粘贴在html中在 HTML 中使用表情符号对应的Unicode编码如果有的环境之下直接复制粘贴过来的表情符号放置在 HTML 的标签元素中，浏览器客户端无法正常显示（即直接指定的表情符号不起作用）需要对该Unicode编码做一些转换，使用 &#x 来替代 U+1F467 编码中的 U+ ，即 U+1F467 更换成 👧...
2021-08-19 18:01:00
593
原创 echarts中存在的_echarts_instance_属性--echarts刷新作用
$("#theme_btn").click(function () { var theme = $("#theme").val(); //echarts的渲染逻辑是这样的： //如果未实例化则进行实例化过程，在此期间会在div容器生成一个_echarts_instance_属性，该属性就是当前echarts的ID,然后进行后边的渲染操作，当我们刷新已经实例化的echarts图表时，echarts会先匹配该div容器上的_echarts_instance_属
2021-08-19 11:02:01
5329
原创 vue better-scroll
https://www.jianshu.com/p/a9262b6a5156官网http://ustbhuangyi.github.io/better-scroll/doc/npm install better-scroll --saveimport BScroll from 'better-scroll'<div class="wrapper"> <!-- better-scroll 只处理容器（wrapper）的第一个子元素（content）的滚动，其它的元素都会被忽略
2021-08-15 17:54:52
164
原创 vue数据滚动
cnpm install vue-seamless-scroll --saveimport vueSeamlessScroll from 'vue-seamless-scroll'//注册组件components: { vueSeamlessScroll }, <template> <vue-seamless-scroll :data="arr" class="seamless
2021-08-15 17:50:13
391
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人