- 博客(42)
- 收藏
- 关注
RSS订阅原创 chartgpt-web调试版本
用官方api接口照着官方demo做的web版本，目前只有pc端样式，后续可能会加上移动端兼容。只是架子 需要token和梯子。
2023-07-10 15:12:12
289
原创 Python scapy sniff抓不到包，不报错，没有数据
问题：在家里的电脑使用scapy sniff()函数时，回调prn没有触发，没有报错同一套代码，同样的环境在公司就正常运行基本代码import scapy.all as scapyhttp_header = lambda p:print(str(p))scapy.sniff(prn=http_header,count=0)运行后没有任何输出排查1.调用net start npcap后发现npcap正常启动2.关闭了filter的过滤，没有用最后解决在sc.
2022-05-09 13:55:51
2516
2
原创 css图片自适应容器大小 完整展示
<div class="container"> <img src=""/></div>.container{ width:400px; height:400px;}img{ width:100%; height:100%; object-fit:contain}图片设置宽高百分百，object-fit为contain即可
2021-09-16 15:38:56
647
原创 js Array.some(item =＞{}) 中item类型与item的关系
当Array中存储的元素 item 为基本数据类型时，对 item 的修改不会影响原数组
2021-07-19 14:29:57
3122
原创 前端数据请求常见问题
总结一些常见的小问题，引起的请求错误1.请求方法错误，例如 get请求使用 post 方式2.携带参数格式错误，一般格式为query和formData格式，除非约定要求才使用payload格式3.query传参中key空格问题，key如果多了空格，空格会在url中被单独解析为%204.请求的协议不正确，例如http协议却请求的https5.跨域问题，在非同域名下的页面请求数据，后端未设置跨域，会请求失败6.数组&对象 传参，传参前请 Arry.toSting() 转化为 字符
2021-05-17 17:10:09
484
原创 关于箭头函数改变this指向
函数的this指向只与其 申明函数的作用域和调用路径有关系函数的this与调用路径的关系正常情况下this指向调用其的对象let c = {a:123}c.b = function(){ console.log(this.a) } c.b() //123哪怕不是在该对象下申明的函数，在该对象下调用也是指向该对象let c = {a:123}c.b = function(){ console.log(this.a) } let q = {a:321}q.b = c.b
2021-01-04 16:27:53
3367
1
原创 vue中老版本Tinymce编辑器自适应高
因为赶时间，项目用的是4.8.2的老版本，配置init的方式无效1.套一层div壳，方便定位 <div class="tinymces"> <Tinymce v-model="dialogData"></Tinymce> </div>2.获取节点后获取唯一ifram，并让其高等于其中加载的html的高，由于ifram加载本地组件异步，所以延时获取节点(延长时间自调)
2020-12-09 16:49:18
1676
原创 js 解二元一次方程组（消元法）
解二元一次方程，首先想到的就是消元法确定好消元法，就按照消元法制定算法二元一次方程 结构为ax + by = ckx + fy = sx和y为变量，a、b、c、k、f、s、为常量1.确定常量，用户 输入|定义 常量let a = 2,b = 3,c = 13,k = 3,f = 4,s = 182.取 a和k（或者 b和f）的最大公约数，消掉 x （或者y），这举出 a和k 消 x 的例子 =>k(ax + by = c) - a...
2020-11-19 17:48:26
4133
原创 基于vue的开源管理系统模板
管理系统模板项目兼容移动端和pc使用需要会vue全家桶git地址https://github.com/1193531135/manage_template示例图像有问题可以私信
2020-10-27 16:37:11
1380
原创 js ++（递加 | 双加）运算符的一个小问题 和 探讨 ++ 运算符发生了什么
let cont = 0;let b = cont++我以为会是这样b // 1结果是这样b // 0我再加了个括号let cont = 0;let b = (cont++)结果还是一样，应该是 赋值运算符 的优先级比 递加运算符 高吧。。分开就没问题了let cont = 0;cont++;let b = cont;b // 1...
2020-08-25 09:43:50
537
原创 js获取div距视窗顶部距离
offsetTop 只能显示元素到父元素顶部的距离所以调用方法getBoundingClientRect 中的 top即 (需要读取的元素).getBoundingClientRect.top 即可返回到页面顶部的距离
2020-08-03 14:16:10
6422
原创 GitHub 夜间阅读模式 自行DIY
最近再github上阅读文章，屏幕属实太亮了，晚上更是特刺激眼睛，做了个夜间模式脚本，样式可以直接在 createCss 方法中修改自行DIY使用方法1.油猴加载 （没有梯子，自行寻找资源）2.在控制台 复制粘贴 输入代码：(function() { 'use strict'; const DimLight = { data(){ return{ dom:null ..
2020-06-30 10:48:55
2265
2
原创 js中创建class样式css样式
参考文章https://www.cnblogs.com/stephenykk/p/5406614.html最近特别无聊，写了些脚本优化下浏览器浏览体验单节点，或者一个节点，我们修改样式是这样的let kuai = document.querySelector('.xxx')kuai.style.backgroundColor = 'black'1.获取节点2.通过节点style修改指定样式但是如果需要设定的样式有几十个，相同的样式，并且这种样式在页面中的css是...
2020-06-29 14:30:39
5371
1
原创 微信小程序多图片上传和预览
思路及代码1.使用chooseImage获取到图片 并且在data中保存其生成的零时路径Page({ data: { imgs:[], }, uploadImage(){ let _this = this wx.chooseImage({ count:3, success(res){ _this.setData({imgs:res.tempFilePaths}) } })..
2020-05-27 11:18:29
871
原创 小程序中使用watch Ⅱ，已封装完成
在上一篇watch详解中解释了watch 的原理 链接这次是我抽空完整封装好的demo效果：页面中代码写法：函数触发前：函数触发后：具体效果描述：写法与vue中的写法相同，个人做了单向绑定，修改被监听的参数，会同步到视图层如何使用1.在项目文件目录下创建一个存储外部脚本的文件夹 例：single2.创建一个js文件，并且写入以下代码例：watch.js写入代码let singlever = { watch...
2020-05-22 14:40:28
748
原创 apply和call的效果和异同
相同点1.改变函数的this指向let s = function(){console.log(this)}let k = {a:123,b:312}s() //Window 对象s.apply(k) // {a:123,b:312} s.call(k) // {a:123,b:312} 2.
2020-05-18 11:35:52
338
原创 css去掉滚动条
1.单独去掉，选择器选中需要去掉的节点<div id="scroll">123</div>#scroll::-webkit-scrollbar{ display: none;}2.去掉所有的滚动条*::-webkit-scrollbar{ display: none;}
2020-05-15 14:05:53
620
原创 css 真正意义上达到height:100%，自适应屏幕高度
最近发现了个用绝对布局写自适应屏幕的写法，让我觉得，之前小程序傻傻读屏幕高再给背景view赋值min-height的写法简直太傻了毕竟能用css解决的问题最好就不要js.shi{ position: absolute; top: 0px; bottom: 0; left: 0; width: 20%; background-color: black;}效果可以通过top给上面留白.shi{ position: absolute
2020-05-11 11:43:55
1700
原创 css 画三角形 直角三角形 等腰三角形 等边三角形 逐渐深入了解border
1.一个简单的有border的div模型.kuai{ width: 100rpx; height: 100rpx; border-width: 100rpx 100rpx 100rpx 100rpx; border-style: solid; border-color: red green black blue;}2.当宽高为零时，bor...
2020-05-08 11:30:43
736
原创 小程序图片剪切
项目要求有个拍照后剪切功能，然而发现小程序他居然没有剪切的原生api冷静，百度搜了下，发现有写好的demo看起来好像也不是特别麻烦，要不自己写一个？那就写吧Three days later ........着急用的话有我自己写好的demo，不用看下文 git地址https://gitee.com/singlever/applet_demo用法，在json文件中引入组件...
2020-04-20 16:55:55
564
1
原创 总结阿里p5 p6前端面试题，并一一解决
1.有三个元素，第一个与第三个宽度都为100px，中间元素占用剩余空间，怎么做到中间元素随着浏览器宽度的变化而变化<div class="b">2</div> <style> .b{ background-color: black; position: absolute; left: 100px; ...
2020-04-08 22:30:57
2256
原创 微信小程序中使用watch监听
Vue里面的监听很方便，虽然很消耗资源，但是有的时候却必须要用到，这里带大家在小程序中实现简单的监听我的案例是写在component组件里面的，当然page页面也是一样的，把attached换成 onload把watch直接写Page里面即可Component({ properties: {}, data: { // 这里是一些组件内部数据 ze...
2020-03-26 17:06:44
3849
原创 JavaScript 对于类 构造函数 constructor ,__proto__,prototype 之间关系的深度解析
很多人（包括以前的我），对于类的指向、prototype 指向、实例的指向，是懵的，停留在会用，但不求甚解的阶段我们先创建一个类class xxx { constructor(){ this.x = 'x' this.y = 'y' } say1(){ console.log(1) }}给这个类的prototype添加一个方法xx...
2020-03-26 11:53:05
408
原创 微信小程序使用md5（引入外包）
npm install md5 -s安装后，直接在page页面的js中require发现报错，无论怎么引入都是报错解决办法：微信开发者工具提供了npm构建功能在项目根目录下，也就是和app,js同级构建package模板npm init再安装md5npm install md5 -snpm构建打开微信小程序>工具>构建npm (工具在...
2020-03-24 15:30:18
2697
原创 canvas3d图形转2d转换公式
思路 ：https://www.jianshu.com/p/e3ebe08dddad to2d(x,y,z) { return { x:((x - view.x) * view.z) / (view.z - z) + offsetX, y:((y - view.y) * view.z) / (view.z - z) + offsetY...
2020-03-21 13:14:41
911
原创 axios用payload格式传递数据的有趣现象
我不知道这是axios内嵌的转化方法，还是request payload自己就有这个特性前端的axios封装axios.defaults.withCredentials = true;axios.defaults.baseURL = "http://localhost:3000"axios.interceptors.request.use(function(config){ co...
2020-03-17 17:07:03
278
原创 解决node繁琐的on来接收数据
每次都要 let str = ''; req.on('data',(dt) => { str += dt }) req.on('end',() => {}//处理str这样来处理，得到数据，显得很繁琐安装插件显得更麻烦，写个方法封装调用就好了封装的函数let getdata = (req,callback) =>...
2020-03-17 16:28:01
720
原创 axios是对于ajax的封装 是不严谨的
Ajax的基础api是浏览器提供的xmlhttprequestaxios的基础api是浏览器提供的fetchfetch是为了应对其他需求所对于xmlhttprequest的再一次封装
2020-02-27 12:18:47
688
1
原创 axios传输图片报错
如果你遇到的情况满足以下条件1.使用axios传输2.使用的formdata对象3.传输的是图片4.头部设置的是multipart/form-data或者是application/x-www-form-urlencoded结果在控制台看到header里面是application/json5.设置了axios拦截器ok，问题就在于formdata这个对象，是个特殊的对象，理解为json相...
2020-01-16 08:27:48
440
原创 option请求不能人为添加任何东西
今天花了我一下午的时间，能气死后台的路由拦截思路是，请求token的请求放行，其他的请求全部验证一遍token，headers里面的token正确才让过，本来是很正常的，但是我有个请求用户名的post请求一直被卡着，我到处找原因，我把卡主的请求全部console出来，发现req.headers里面没有token，我纳闷了，去看axios的拦截器，找了半天没找出原因，axios拦截器consol...
2020-01-09 17:15:01
169
原创 undefined is not a promise
第一次用Promise，报错查了下没new每一个环节都要new new Promise((resolve,reject) => { req.on('end',() => { str = JSON.parse(str) resolve(str) }) }).then(str =>...
2019-12-31 11:23:49
3925
1
原创 node设置跨域允许
搞了两天终于不再报错了，看得我浑身发抖，大热天的全身冷汗，手脚冰凉，地狱空荡荡魔鬼在人间，这个社会还能不能好了？后台 到底要怎么活着你们才满意 ？眼泪不争气的流了下来 ，这个社会到处充斥着对后端的压迫，后端何时才能真正的站起来！对于一心做前端的我来说，node后台这个跨域真的要搞死我，一直在报错解决方法1.安装expres （这里照搬官网原文了http://www.expr...
2019-12-26 15:18:02
1468
2
原创 vue路由拦截器遇到的坑
思路，所有的跳转该域名的url，都会跳转到登陆login页面，在login页面输入正确的账号和密码后，后台返回一个token，存在sessionStorage 里面，拦截器读取到token就放router.beforeEach((to,from,next) => { let Pcurl = router.options.routes[1].children; var se = ...
2019-11-12 16:58:33
1920
原创 div垂直居中
惭愧学前端这么久了，一直没有正视这个问题，一直使用固定的absolute+top，来让一个元素大概居中，更详细的使用clientHeight来读取视窗高度再除以二减去元素的高的二分之一来解决问题例:xxx在absolute或者relative的情况下$(‘xxx’).style.top = document.documentElement.clienHeight / 2 - $(‘xxx’...
2019-10-18 10:21:52
174
原创 js锚记跳转的两个个注意事项
js锚记跳转的两个个注意事项1.锚记节点 a标签是用的name ，div用的是id，div用name是不生效的2.跳转的方式有location.hash和location.herf,在这两者建议使用herf，hash只在第一次跳转到页面时起作用，herf是一直都可以使用...
2019-09-18 16:49:07
244
原创 不使用jq，自行封装的简单的ajax
请求样式ajax( 2, //1是get 2是post '/aaa', //请求的url { //请求的数据 （没有数据填0） a:123, b:321 }， function(data)...
2019-06-13 12:00:33
220
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人