- 博客(28)
- 收藏
- 关注
RSS订阅原创 好用的VSCode插件
vscode插件REST Client发送请求 类似与postmantest.httpGET https://apiblog.jspang.com/default/getArticleListPOST https://apiblog.jspang.com/default/getArticleListcontent-type: application/json{ "data": '123'}koroFileHeader 生成佛祖保佑永无Bug注释生成作者注释按’ctrl+al
2020-07-22 17:58:14
503
原创 记自己在开发中常用的东西(持续更新中……)
1、watch的写法监听data中的值 cur(news, olds) { window.scrollTo(0,0)监听state中的值 '$store.state.orderType':function() { ...... }2、启动dist目录 // 全局安装serve npm install -g serve // 运行打包后的文件 serve -s dist...
2020-07-04 16:44:52
176
原创 图片太大的处理方法
一. 图片压缩在线图片压缩工具：https://tinypng.com/有较好的压缩率 但是大图和简笔画容易失真http://tools.dynamicdrive.com/imageoptimizer/可以转换多种图片格式，画质可选性多webp能减少图片所占内存，画质基本不变，但是浏览器支持度不够二、使用渐进式加载安装npm install progressive-image...
2020-03-09 14:56:55
639
原创 rem布局实现pc端网页自适应
首先，将HTML的font-size设置为100px,方便计算然后将body的font-size设置为正常值，例如：12px,不然其他的dom都会继承HTML的font-sizefont-size，导致效果差距巨大，再在index.html页面中写动态设置font-size字体大小的js代码，当浏览器发生变化的时候，内容和位置也会相应发生变化，当设计图是1920时，规定HTML的font-siz...
2020-02-17 21:08:02
1498
转载 深拷贝
数据类型分为 基本数据类型和引用数据类型 ，基本数据类型的值直接存储在栈内存中，引用数据类型在栈内存中只是存储了一个引用，真正的数据存储在队内存中。 var one = { name: 'wang' } var two = one two.name = 'ping' alert(one.name) // 输出为'ping'深拷贝不会拷贝引用类型的引用，而是将引用类型的值全部拷贝一份，...
2019-12-30 22:35:51
72
原创 从输入URL到渲染经历了什么
首先会对URL地址进行域名解析，然后TCP传输，中间夹杂着http请求，最后浏览器解析http响应报文进行文档渲染。浏览器解析文档资源并渲染的过程：浏览器通过 HTMLParser 把 HTML 解析为 DOM Tree浏览器通过 CssParser 把 Css 解析为 Css Rule Tree (CSSOM树）浏览器将 javascript 通过DOM API 或 CSSOM API...
2019-12-30 21:57:03
91
原创 解除网页右键禁止
1、在任意一个网页上点击星号添加书签，在标签栏中找到收藏的书签2、右击在右键菜单中点击添加网页3、设置书签名称——在网址栏中输入下面代码，点击保存，遇到不能右键的网页，点击一下这个标签就能解决了javascript:(function() { function R(a){ona = "on"+a; if(window.addEventListener) window.addEventList...
2019-12-18 18:12:37
1182
原创 tradingView使用UDF方法刷新最近一条k线
getBars(symbolInfo, resolution, rangeStartDate, rangeEndDate, onDataCallback, onErrorCallback) 通过日期获取历史k线数据1、symbolInfo:SymbolInfo 商品信息对象2、resolution:周期3、from:最左边请求的k线时间4、to:最右边请求的k线时间5、onDataCal...
2019-12-18 18:03:44
732
原创 vue中使用svg组件
1、在src下面建立icon目录，存放svg图标2、封装SvgIcon组件<template> <svg :class="svgClass" aria-hidden="true"> <use :xlink:href="iconName"/> </svg></template><script> export...
2019-11-29 14:02:24
434
原创 nignx服务器部署
nignx服务器部署域名服务商：万网、新网国外域名：godaddy （这里不需要实名认证，只需要email就行了）DNS域名系统：将域名和IP地址相互隐射的一个分布式数据库大陆域名需要在工信部进行备案，备案的话时间较长，但一般备案不会在这里备，是在买服务器的时候提交工单会帮你备案支付过程：创建一个订单，选择支付方式，跳转第三方的界面上支付，返回一个页面，跳转到哪里是后端拿回来的页面地...
2019-11-21 00:49:51
166
原创 deployment
##网站的一些知识域名: 方便人们记忆，因为不是一般人都可以记住ip空间: 早期的网站，人们一般不会购买主机，而是使用别人主机上的一个虚拟空间，可以理解为一个文件夹主机: 实际上就是一台远程的电脑，只是不是物理电脑DNS: domain name system, 用于绑定域名和ip一些集成环境了解LNMP: Linux Nginx MySql PHPWAMP: Windows ...
2019-11-21 00:45:13
126
原创 循环渲染图片
循环渲染图片 <div v-for="(imgcode,index) in codeList" :key="index"> <img class="ml10" style="width: 8vw;height: 8vw;" v-if="item.varietyType.toUpperCase() == imgcode.name || (item.varietyType.sl...
2019-11-20 18:19:31
332
原创 文本溢出截取和xss攻击
XSS，跨站脚本攻击存储型 XSS 攻击利用漏洞提交恶意 JavaScript 代码，比如在input, textarea等所有可能输入文本信息的区域，输入<script src="http://恶意网站"></script>等，提交后信息会存在服务器中，当用户再次打开网站请求到相应的数据，打开页面，恶意脚本就会将用户的 Cookie 信息等数据上传到黑客服务器。反射...
2019-11-13 09:08:37
161
原创 禁止网页复制和public静态文件返回vue文件
使用vue-awesome-swipe切换分页，当在页面中滚动条滚动到底部，想在下次进入的时候让滚动条在顶部显示// 浏览器滚动条始终在顶部window.scrollTo(0,0)当页面刷新取不到vuex中的参数时，使用localStorage()存储参数修改网页禁止复制粘贴，在控制台中输入$('#contents').unbind()public下的静态页面返回v...
2019-11-12 15:53:36
194
原创 react
react用于构建用户界面的javascript库16之前采用diff算法，之后采用fiber算法，分成小块，异步渲染安装：npx create-react-app react-tuts转到react-tuts目录下打开项目，删除public目录下的所有文件,新建index.js文件便于我们更好地 理解react的原理这时输入npm start就可以打开项目import Reac...
2019-11-10 23:16:20
1963
原创 react知识和一些常见问题
react知识和一些常见问题1.什么是声明式编程声明式编程关注的是你要做什么，而不是如何做。声明式编程很容易推理，因为代码本身描述了它在做什么例如：const num = [1,2,3,4,5];// 声明式// 使用map函数，让编译器来完成const doublenum = numbers.map(num => num * 2);console.log(doublen...
2019-11-10 23:15:18
83
原创 指定项目上线和开发中服务器地址
指定项目上线和开发中服务器地址const isDev = process.env.NODE_ENV === 'development'const service = axios.create({ baseURL: isDev ? 'http://rap2api.taobao.org/app/mock/162805' : 'http://rap2api.taobao.org/app/moc...
2019-11-10 23:10:19
195
原创 Ajax到websocket
Ajax到websocketajax是什么全称是（asynchronous javascript and xml）是已有技术的组合，主要用来实现客户端与服务器的异步通信效果，实现页面的局部刷新，早期的浏览器并不能原生支持ajax，可以使用隐藏帧（iframe）方式变相实现异步效果ajax的创建创建xhr对象，也就是创建一个异步调用对象创建一个新的HTTP请求，并指定该HTTP请求的方法...
2019-11-10 23:09:04
421
原创 fetch
fetch原生做ajax请求的常用语手机、平板电脑开发fetch会返回Promise，所以在获取资源后，可以使用.then方法做你想做的 //地址 返回值 fetch('api/v1/signin',{ body:JSON.stringify(data), headers:{ ...
2019-11-10 23:07:26
525
原创 MongoDB
MongoDB MongoDB非关系型数据库 默认端口号为27017 sequelize 用于关系型数据库 例如：mysqlsudo mongod启动服务mongo 用来操作 相当于git bashshow dbs 查看所有数据库MongoDB中默认的数据库为test,如果你没有创建新的数据库，集合将存放在test数据库中插入文档db.insert({...
2019-11-10 23:02:10
111
原创 微信小程序基础
微信小程序微信之父-张晓龙使用view和使用text的区别// 使用view默认会换行<view>{{age}}</view>// 使用text不会换行<text>{{age}}</text>设置页面在app.json中写入,保存之后，会自动生成home、cart、mine、small、detail页面 "pages": [...
2019-11-06 15:58:41
298
原创 一个页面中存在多个echarts图表，怎么给他们传入动态参数，并相互对应起来
首先安装echartsnpm install echarts --save在main.js中引入echartsimport echarts from 'echarts'Vue.prototype.$echarts = echarts在vue中使用v-for循环渲染数据并生成多个图表，但是echarts的容器名称只能使用id，这个时候v-for的index参数就起到了作用`<d...
2019-11-06 15:51:58
3151
2
原创 JSON.parse()解析字符串数组
有时候在开发中会遇到接口返回的数据不是一个数组而是一个字符串，这个时候如果接口返回的数据是包含在字符串中的数组对象可以使用JSON.parse()解析为数组if(res.code == 200) { this.trade = JSON.parse(res.data)}...
2019-11-06 15:02:27
6741
原创 vue中父子组件传参同时写需要验证props参数和不需要验证的props参数
props: { // 自定义函数验证 quotaOrder: { type: Array, required: true, default: [] }, holdOrderShow: { type: Function, required: true, default: () => {} }, // 不需要验证的参数写法 cur...
2019-11-06 14:53:41
755
原创 移动开发中的常见问题
移动开发中常见问题利用padding-top，进行占位和宽高自适应容器的高度是基于父级的 padding和margin是基于宽度的比如：父元素宽度是100px, 子元素padding-top:50%，那么padding-top的实际值就是100*50%=50pxpadding-top就是进行提前占位，避免资源加载时候的闪烁，还可以让高度自适应。想要自适应屏幕大小，可以设...
2019-10-09 14:55:37
193
原创 git的常规操作
git——分布式版本管理系统git init可以吧当前目录初始化为一个git仓库，当初始化完成之后，在目录下就有了一个叫 .git 的隐藏目录，这个目录一般不会去过多的操作它，这个目录一旦删除，那就相当于当前目录只是一个普通的目录，而不再是git仓库。 初次运行git的时候可能需要配置全局的用户名和邮箱： ` $ git config --global user.name "L...
2019-10-09 14:54:30
74
原创 总结
常见错误与总结1.object is not defiend（1）可能事件名和name名冲突（2）vuex方法辅组函数名写错2. cli3.0静态文件要放在public下面才能读取3.请求参数如果是写在请求体里面的要通过下面这个请求[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-tSLIv4qj-1570603892135)(C:\Users\Admini...
2019-10-09 14:52:44
493
原创 每天学习一点点
1.box-shadow:水平位移 垂直位移 模糊程度 颜色2.calc(): 用于动态计算长度值支持’+’,’-’,’*’,’/'运算width: calc(100% - 100px)3.transition:贝塞尔曲线（cubic-bezier）几个常用的固定值：ease：cubic-bezier(.25, .1, .25, 1)liner：cubic-bezier(0,...
2019-10-09 14:45:28
96
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人