- 博客(18)
- 资源 (4)
- 收藏
- 关注
原创 http简单跨域请求和复杂跨域请求问题及解决方案
问题在当前页面使用AJAX请求跨源方案CORS,属于跨源 AJAX 请求的根本解决方法简单跨域请求:服务器端设置Access-Control-Allow-Origin复杂跨域请求:服务器端设置Access-Control-Allow-Origin、Access-Control-Allow-Methods、Access-Control-Allow-Headers、Access-Control-Max-Age等服务器配置:response["Access-Control-Al
2021-03-08 11:56:37
2325
2
原创 微信公众号网页开发-Vue项目坑点分析
项目背景该系统为商品推广系统,微信交互涉及网页授权和网页分享,年前使用django框架做了基础版,节后项目升级,功能更加丰富,使用vue框架做前后端分离开发,前后端分离开发提升了开发效率,也埋藏了很多坑点。。。坑点分析及解决开发前需要进入公众号后台配置"JS接口安全域名"及“授权回调页面域名”,如果服务端要获取token,还需要配置"IP白名单",详细信息可以查阅官网。微信公众号官方文档:微信公众平台开发概述 | 微信开放文档微信开发者平台文档https://developers.weixi
2022-02-22 00:31:40
3219
原创 mapState同时传入全局state和modules模块局部state
store项目结构,右侧为store/index.js模块store/teaching/index.jsviews页面代码也可以简单处理
2021-12-10 11:02:55
556
原创 a标签中this作用域不同引发的问题
背景如今前端开发工程化,大部分公司都是用Vue、React等前端框架快速开发,因公司遗留项目需要微调发现该问题。问题在a标签定义js函数,通过this获取该元素对应父元素时不生效<a class="button" href="javascript:moveDown(this)" >下移</a>// 下移 function moveDown(elem) { var tr = $(elem).parents("tr"); if
2021-06-04 18:29:22
335
1
原创 node-sass安装报错node-sass@4.7.2 postinstall: `node scripts/build.js`
问题解决1、安装cnpm,输入以下命令:npm install -g cnpm --registry=https://registry.npm.taobao.org2、用cnpm安装node-sasscnpm install node-sass --save成功!
2021-04-01 17:12:17
4369
转载 display:inline-block元素之间空隙的产生原因和解决办法
display:inline-block是一种布局方法,它相比于与浮动、定位最大的不同就是其没有父元素的匿名包裹特性,这使得display:inline-block属性的使用非常自由,可与文字,图片混排,可内嵌block属性元素,可以置身于inline水平的元素中。在CSS布局中,如果我们想要将一些元素在同一行显示,其中的一种方法就是把要同行显示的元素设置display属性为inline-block。但是你会发现这些同行显示的inline-block元素之间经常会出现一定的空隙,这就是“换行符/空格间隙
2021-04-01 16:15:03
2220
原创 CSS设置多张网络图片垂直居中展示
需求1. 图片为网络图片非本地图片2. 图片宽度可能有差异,需要看到不同图片差异3. 图片相对屏幕居中展示4. 图片右下角需要标记图片序号思路1. 整理分析需求,多张图片垂直居中,考虑使用父容器div居中的方法,容器内的图片都左对齐,这样宽度不一致可以很方便的发现2. 父容器div居中,需要提前获取到容器宽度,处理方案是获取所有图片宽度,宽度最大值即为父容器的宽度3. 图片下标使用绝对定位实现问题该方案实施时其它部分都是较常规的排版,但计算网络图片获取宽度时,因为不是
2021-03-31 14:04:29
757
原创 CSS3过渡(transition)和动画(animation)区别
背景最近查看Vue文档,涉及到过渡和动画,对CSS3过渡和动画做了对比汇总对比animation类似于transition,随着时间改变元素属性值。区别在于,transition需要触发事件才会随时间改变元素CSS属性,animation不需要触发事件就可以随时间变化改变元素CSS属性,达到动画效果。区别animation不需要触发事件,transition需要触发事件 transition只有一组关键帧(两个:开始-结束),动画可以设置多个。演示动画源码&l
2021-03-30 00:12:53
930
原创 原生CSS实现文字无限轮播的通用方法
文字轮播在生活中很常见,各个超市及实体店门头通常会有文字轮播的广告牌,本文详细介绍下实现逻辑。场景商店门头广告牌,需要通过横向移动的文字来展示公告(加边框是为了更好演示)。逻辑说明实现文字无限轮转的逻辑主要有两点:文字水平移动 文字首尾相接第1点实现方法是使用CSS动画,transform: translateX(-50%),即往左平移自身的一半。第2点实现方法,跟第1点有关。CSS动画在默认情况下播放完成后是突变的,即播放完成时位置突变到初始位置(突变是瞬间完成的,人.
2021-03-23 14:43:49
3123
原创 MFA多因素验证
需求资源后台增加二次认证,提高系统安全性。原理要点说明MFA:即Multi-FactorAuthentication多因素认证,是需要一部智能手机并安装虚拟MFA应用程序即可在账户上加上一层安全保险。 TOTP算法:即Time-Based One-Time Password基于时间的一次性密码,其核心内容包括以下三点:共同密钥共同时间共同签署方法逻辑说明后台生成密钥,然后以二维码形式展示给用户;用手机扫码添加MFA账号,生成6位安全码;将安全码添加到网站,确认绑定;每次登陆,通.
2021-03-22 11:43:12
3293
原创 CSS相对定位和绝对定位使用百分比的计算逻辑
需求页面需要实现自适应布局,因此使用百分比计算测试页面主要使用相对定位和绝对定位,主要从这2方面进行比对测试相对定位<style> html, body { margin: 0; padding: 0; } #wrapper{ width: 1000px; height: 1000px; border: 1px solid green; position: relative; }
2021-03-17 17:19:32
2717
原创 简单说说python3新特性---函数注释
作用增强函数的注释功能语法函数注释包括:参数注释:以冒号( : )标记 返回值注释:以 ->举例函数对象有一个属性为__annotations__,它是一个映射(dict),作用是将每个参数名映射到其相关的注释注意:映射中有一个特殊的key叫做return,仅当函数的返回值提供注释时,才会显示该key。只所以选择return,是因为他不会与任何参数名冲突,return是Python的一个关键字,任何使用return作为参数名的尝试都会引发SyntaxError...
2021-03-15 13:51:47
472
原创 按需动态生成方法并将方法动态添加至类实例上
需求使用python面向对象技术,类的成员方法不确定(包括个数和方法名),在类实例化之后才能确定思考python中动态生成方法,使用exec()类的成员方法在实例化之后才能确定确定,考虑在初始化时增加逻辑处理,给实例动态增加方法,使用MethodType()实施开发环境:python3,python2也支持此用法,语法微调即可类结构,只保留关键代码from ziyuan_sdk.common import get_method # 公共方法,可自行定义class ZiYuan
2021-03-12 16:18:50
177
原创 老式浏览器跨域问题如何解决?
需求解决老版本浏览器跨域名访问问题,例如IE8,IE9方案使用JSONP客户端配置js原生实现<script type="text/javascript"> function func(arg) { console.log(arg); }</script><script type="text/javascript" src="http://localhost:8005/oss_sign/?callback=func"></scri
2021-03-11 16:12:52
162
原创 python包名相同的两个包,常规包和命名空间包谁的优先级更高?
问题项目开发中,基础资源作为Python第三方库开发,安装到docker镜像中供项目使用;但问题比较明显,基础资源包版本迭代会造成镜像版本过多,随后使用Git subtree工具进行基础资源管理。在主项目获取到子项目之后,发现主项目中的导包路径报错,随后引发思考,问题展示如下:名词解释模块:一个 Python 文件,以 .py 结尾,包含了 Python 对象定义和Python语句包:包含模块的文件夹常规包:包含 __init__.py 文件的包命名空间包:不包含 __i
2021-03-10 15:41:50
1244
原创 celery和django结合处理异步任务
问题开发中涉及到一些执行时间长的任务,造成用户等待时间过长影响体验,并发量大的话任务执行也不稳定。方案使用celery分布式任务调度框架,生产者将任务先缓存至消息中间件,消费者从中间件获取任务执行;优势:1. 异步提升性能,任务生成和任务执行逻辑分离,降低耦合性,增强用户体验2. 数据缓冲,任务上报的速率由用户决定,服务端不可控,此模式可以缓存任务执行速率,达到流量削峰目的,避免引发系统崩溃3. 易于扩展,在...
2021-03-05 11:41:42
371
1
原创 gitignore修改不起作用
问题在git使用过程中有时会遇到修改了.gitignore文件,修改之后发现不起作用解决新建路径及文件执行提交到本地的版本库git add .git commit -m .若文件之前没有提交到本地,不会出现此问题,可以略过gitignore增加配置查看git状态解决方案,清除Git缓存git rm -r --cached .此时查看Git状态0304.txt文件修改已忽略...
2021-03-04 11:26:49
253
1
原创 使用nodejs提取mathjax长公式
文章目录前言一、服务选择二、具体实施1.框架选取2.创建项目3.部署工具4. docker镜像5. 服务启动命令总结前言近期有长公式造成产品体验不好,因此需要做个服务将长公式提取出来一、服务选择之前已经使用python脚本对数据提取分析,因此希望做成独立的服务嵌入到已有的数据分析体系中,查阅资料后最终确定使用nodejs的第三方库mathjax-node来实现,以http服务的方式实现二、具体实施1.框架选取因使用nodejs实现http服务,因此使用express框架实现2.创建项目
2020-11-15 23:23:31
890
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅