- 博客(52)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 2019年最新版 省市区json数据 跟小程序省市区的数据同步
2019年最新版 跟小程序省市区的数据同步{ name: '北京市', city: [ { name: '北京市', area: ['东城区', '西城区', '朝阳区', '丰台区', '石景山区', '海淀区', '门头沟区', '房山区', '通州区', '顺义区', '昌平区', '大兴区', '怀柔区', ...
2019-12-06 10:07:53
1542
原创 Echarts构建厂图（地图等类型）
2.第二步：引入SVG到Echarts里，并对SVG进行数据联调，实现最终的效果。*最终实现的效果图：中间部分是最终实现的效果图。
2023-03-06 09:54:12
1859
6
原创 多层饼图（球形饼图）+ 圆点在圆的边缘上拖尾旋转
HTML布局：<div class="partyCompositionChat"> <div class="wh-100" id="academicCompositionChat"></div>//两层饼图放进echarts里绘制，wh-100 是宽高百分百 <div class="partyCompositionCircular"> <canvas id="canvas" width="100" height="100"/><.
2022-04-29 16:56:25
670
原创 Spring Tool Suite (STS)忽略某文件上传
例如要对application.properties忽略提交，在windows下的preferences里面的Team的Ignored Resources添加忽略提交是不起作用的，后面经过摸索发现，可以在项目栏里右键选择对应的文件。右键后选择小组（英文版是Team）— 高级 ---- Assume Unchanged这一流程下来就可以忽略掉该文件上传！！！！...
2022-03-29 10:27:42
414
原创 vue3 监听vuex里的数据变化
import { computed, watch,} from 'vue';const getShowTask = computed(()=>{ //返回的是ref对象 return store.state.监听的字段;})watch(getShowTask, (newVal, oldVal) => { console.log('newVal, oldVal', newVal, oldVal)}, {immediate:true,deep:true});...
2022-01-17 17:28:08
9209
7
原创 js 数组对象某个值相同合并相同项在一个对象中
let data = [ { DATE_T: "20211220" DAY_WT: 0.64 ITEM_ID: "JYD130018" ITEM_NAME: "线材" TYPE: "线材" UNIT: "万吨" UNIT_CODE: "EG" }, { DATE_T: "20211220" DAY_WT: 2.77 ITEM_ID: "JYD130018" ITEM_NAME: "中厚板" TYPE: "中厚板" UNIT: "万吨" UNIT_
2021-12-21 11:43:44
1439
原创 时间戳转年月日（正则）
时间戳转年月日（正则）format(time, fmt){ //处理传进来的时间戳长度 if(String(time).length < 13){ time = time * 1000; } let date = new Date(time) const o = { 'M+': date.getMonth() + 1, // 月份 'd+': date.getDate(), // 日 'h+': date.getHours(), // 小时 'm+': date.g.
2021-11-15 14:24:59
462
原创 uni-app uni.createIntersectionObserver在vue3的自定义组件中填坑
uni.createIntersectionObserver 在自定义组件中无法获取到对应的dom节点：uni.createIntersectionObserver().relativeTo('.consult_title').observe('#consultNotice', (res) => { //目前这种方式在开发者工具中会报 Node '.consult_title' is not found Node '#consultNotice' is not found});根据微信文档
2021-11-09 10:33:04
2690
原创 js 对象key值下划线转为驼峰
场景：后端返回的数据为下划线分割格式，但前端的规范为驼峰格式，实现一种数据格式转换的方法，将数据的key按如下形式转换，要求：a.炫耀处理多层嵌套的情况b.特定名词需要全部大写，特定名词包括：url, id后端返回数据格式let data = { user_name: 'name1', user_id: 1000, age: 10, detail: { user_avatar_url: 'xxx', object_o
2021-10-16 21:56:02
1655
原创 Echarts折线图显示最高最低点以及首尾两点的标注
最终实现的效果接下来上代码：option = { series: [ { markPoint:{ data: [ { type: 'max', name: '最大值', }, { type: 'min', name: '最小值', }, { yAxis: 120, //第一个值标注的Y轴位置 x: '11.65%', //
2021-08-04 16:01:58
4344
原创 JavaScript null 是不是对象？为什么？
null 不是对象。typeof null会输出object，但这是 JS 存在的一个悠久 Bug。在 JS 的最初版本中使用的是 32 位系统，为了性能考虑使用低位存储变量的类型信息，000开头代表是对象，然而null表示为全零，所以将它错误的判断为object。虽然现在的内部类型判断代码已经改变了，但是对于这个 Bug 却是一直流传下来。...
2021-05-27 17:36:36
502
2
原创 MVVM 和 MVC 区别？它和其它框架（如 jQuery）的区别是什么？适合哪些场景？
MVVM 和 MVC 区别？mvc： Model-View- Controller （单向通信-模型-视图-控制器）View跟Model，必须通过Controller来承上启下mvvm： Model-View-ViewModel （数据的双向绑定-模型-视图-视图模型）数据绑定将模型（Model）转化成视图(View)，即将后端传递的数据转化成所看到的页面；DOM 事件监听将视图(View)转化成模型(Model)，即将所看到的页面转化成后端的数据。mvvm主要解决了mvc中大量的D
2021-05-27 17:23:37
931
原创 HTML5和CSS3新增内容
CSS3选择器有哪些？属性选择器、伪类选择器、伪元素选择器。CSS3新特性有哪些？颜色：新增RGBA，HSLA模式文本效果text-align-last 设置如何对齐最后一行或紧挨着强制换行符之前的行。text-emphasis 向元素的文本应用重点标记以及重点标记的前景色。text-justify 规定当 text-align 设置为 “justify” 时所使用的对齐方法。text-outline 规定文本的轮廓。text-overflow 规定当文本溢出包含元素时发生的事
2021-05-27 16:40:33
184
原创 class与原形链实现继承
原型链继承：（寄生组合式继承） 在ES6的class语法推出之前，要实现类的继承要通过修改原型链来实现。核心： 子类的构造函数通过People.call(this)继承父类的属性，改变子类的原型为new People() 来继承父类的函数。寄生组合式继承： 通过 Object.create() 将子类的原型继承到父类的原型上，它的高效率体现只调用了一次父类构造函数，并且因此避免了在父类的prototype 上面创建不必要的、多余的属性。同时，原型链还能保持不变，可以正常使用 instanceof 和
2021-05-21 10:58:12
210
原创 深入理解bind/call/apply以及手写
bind/call/apply都是用来重新定义（改变）函数内部的this指向。例子： 菜鸟的例子更加清晰var year = 2021function getDate(month, day) { return this.year + '-' + month + '-' + day}let obj = {year: 2022}getDate.call(null, 3, 8) //2021-3-8getDate.call(obj, 3, 8) //2022-3-8getDate
2021-05-21 10:11:24
134
原创 cookie与session
cookie保存在客户端（浏览器）；优点：极高的扩展性和可用性；通过良好的编程，控制保存在cookie中的session对象的大小；通过加密和安全传输技术（SSL），减少cookie被破解的可能性；只在cookie中存放不敏感数据，即使被盗也不会有重大损失。控制cookie的生命期，使之不会永远有效。偷盗者很可能拿到一个过期的cookie。缺点：cookie数量和长度的限制。每个domain最多只能有20条cookie，每个cookie长度不能超过4KB，否则会被截掉；安.
2021-05-20 16:49:55
70
原创 浏览器渲染机制触发重排和重绘
什么是Doctype及作用？DTD（document type definition，文档类型定义）是一系列的语法规则，用来定义XML或（X）HTML的文件类型。浏览器会使用它来判断文档类型，决定使用何种协议来解析，以及切换浏览器模式；DOCTYPE是用来声明文档类型和DTD规范的，一个主要的用途便是文件的合法性验证。如果文件代码不合法，那么浏览器解析时便会出一些差错；HTML4.01 有个严格模式和传统模式。浏览器渲染过程？构建DOM树(DOM tree)：从上到下解析HTML文档生
2021-05-20 16:27:50
284
原创 原型链
原型链： 是整个面向对象的基础创建对象有几种方法：var o1 = {name:'o1'}var o11 = new Object({name:'o11'});var M = function(){this.name = 'o2'};var o2 = new M()var P = {name:'o3'};var o3 = Object.create(P)原型、构造函数、实例、原型链：(这块的演示可以用M来进行演示一波原型、构造函数、实例之间的关系)在控制台输入o2(实例)、
2021-05-20 16:17:59
54
原创 解决跨域
JSONP： 利用script标签立即下载并执行的特性，就可以在回调函数中拿到返回来的数据。// 1.回调函数function handleResponse(data){ console.log(data);}// 2.动态创建 script var script = document.createElement('script');script.src = 'http://test.com/json?callback=handleResponse';document.body.i.
2021-05-20 16:09:15
52
原创 HTTP协议
HTTP协议的主要特点：简单快速：客户向服务器请求服务时，只需传送请求方法和路径灵活：HTTP允许传输任意类型的数据对象无连接：无连接的含义是限制每次连接只处理一个请求。服务器处理完客户的请求，并收到客户的应答后，即断开连接。采用这种方式可以节省传输时间无状态：HTTP协议是无状态协议。无状态是指协议对于事务处理没有记忆能力。缺少状态意味着如果后续处理需要前面的信息，则它必须重传，这样可能导致每次连接传送的数据量增大。另一方面，在服务器不需要先前信息时它的应答就较快。HTTPS和HTTP
2021-05-20 15:23:12
169
原创 TCP连接建立
TCP: 一种面向来连接的、可靠的、基于字节流的传输层通信协议。面向连接： 数据在发送之前必须在两端建立连接，方法就是我们熟知的三次握手连接。可靠传输： 通过多种机制来保证数据的正确传输，比如序列号/确认应答机制、检验和机制、超时重传机制、流量控制、拥塞避免机制等。基于字节流： 虽然应用程序和TCP的交互是一次一个数据块（大小不等），但TCP把应用程序看成是一连串的无结构的字节流。TCP有一个缓冲，当应用程序传送的数据块太长，TCP就可以把它划分短一些再传送。如果应用程序一次只发送一个字节，TCP也
2021-05-20 14:41:18
3026
原创 DNS域名解析
域名解析过程：检查浏览器是否有对应的域名与ip地址缓存，有的话解析结束；没有检查本地操作系统是否有对应的域名和ip地址缓存，有的话解析结束，否则继续。主机向本地DNS服务器（LDNS）发起递归查询，如果LDNS中有对应的域名的ip地址缓存，LDNS把结果返回给主机，解析结束，否则继续。本地DNS服务器向根域名服务器发起迭代查询：根域名服务器告诉本地域名服务器，下一次应该查询的顶级域名服务器的IP地址本地DNS服务器向顶级域名服务器（如.com .cn）进行查询，顶级域名服务器告诉本地域名服
2021-05-20 14:10:33
109
原创 http缓存和浏览器缓存
缓存是性能优化中简单高效的一种优化方式，优秀的缓存策略可以缩短网页请求资源的距离、减少延迟、减少宽带（缓存可重复利用）、降低网络负荷（缓存可重复利用）HTTP缓存详细的文章：一文读懂http缓存（超详细）前端缓存篇一 （HTTP缓存）浏览器缓存当浏览器请求一个网站的时候，会加载各种各样的资源，比如：HTML文档、图片、CSS和JS等文件。对于一些不经常变的内容，浏览器会将他们保存在本地的文件中，下次访问相同网站的时候，直接加载这些资源，加速访问。这些被浏览器保存的文件就被称为缓存（..
2021-05-20 11:32:38
2392
原创 重定向
HTTP重定向DNS重定向任播寻址IP MAC转发IP地址转发js中实现重定向的几种方式window.location.href="https://blog.csdn.net/weixin_38031256?spm=1001.2101.3001.5343";window.history.back(-1);window.navigate("https://blog.csdn.net/weixin_38031256?spm=1001.2101.3001.5343");...
2021-05-20 10:37:58
70
原创 输入框输入表格内容转化为表格格式以及表格格式转为输入框 用form-create来生成的表格 基于VUE
输入框内容转表格：这里是拿到输入框的内容转化为表格数据格式//判断输入框是否有内容if(value){ this.tableCopyValue = value; //用转换符号分割成数组 let tableRow = value.split(/\n/); let tableCopyCol = []; this.tableCopyCol = []; //再把数组每一项用空格分隔 tableRow.map((item) => { if(item !
2021-05-10 14:44:31
419
原创 谈一下Ajax的认识？
什么是ajax？AJAX是“Asynchronous JavaScript and XML”的缩写。他是指一种创建交互式网页应用的网页开发技术。Ajax包含下列技术：基于web标准（standards-basedpresentation）XHTML+CSS的表示；使用 DOM（Document ObjectModel）进行动态显示及交互；使用 XML 和 XSLT 进行数据交换及相关操作；使用 XMLHttpRequest 进行异步数据查询、检索；使用 JavaScript 将所有的东西绑定
2021-04-12 16:44:07
1036
原创 假设高度已知，请写出三栏布局，其中左栏和右栏宽度各为300px，中间自适应
<section class="layout float"> <style media="screen"> .layout.float .left { float: left; width: 300px; background: red; } .layout.float .right { float: right;
2021-04-12 16:20:41
93
原创 常见的浏览器内核
常见的浏览器内核可以分四种：Trident、Gecko、Blink、Webkit主流浏览器及其内核：IE浏览器 =>Trident内核，也成为IE内核；Chrome浏览器=>Webkit内核，现在是Blink内核；Firefox浏览器=>Gecko内核，俗称Firefox内核；Safari浏览器=> Webkit内核；Opera浏览器=>最初是自己的Presto内核，后来加入谷歌大军，从Webkit又到了Blink内核；360浏览器=>IE+Chrome双
2021-04-12 16:12:54
292
原创 BFC（边距重叠解决方案）
BFC基本概念：块级格式化上下文。BFC的原理：在BFC这个元素的垂直方向的边距发生重叠；BFC的区域不会与浮动元素的box重叠，用来清除浮动；BFC在页面上是一个独立的容器，不受外部元素影响，也不影响外部元素；计算BFC高度的时候浮动元素也会参与计算。如何创建BFC？ overflow： hidden/auto float： none position的值不是relative，static display：inline-block/table-cell 和tabl
2021-04-12 16:08:47
309
原创 小程序下载PDF等类型文件并保存到本地
其实下载和保存只要这短短几句代码便可，唯一的坑是保存之后难以找到，实则文件已经保存到本地，只是找不到而已！wx.downloadFile({ url: ‘保存到本地的文件路径’, success: (res) => { console.log('res', res); wx.saveFile({ tempFilePath: res.tempFilePa...
2020-04-13 17:50:06
7097
2
原创 选择任意不相邻的两天(星期一至星期天)
选择任意不相邻的两天并且标记状态：（先上代码），心急的小伙伴可以先copy再看解释！！！changeTab(e: { currentTarget: { dataset: { index: any; }; }; }) { let {index} = e.currentTarget.dataset; let {date, oldDay, days}: any = this.data; l...
2020-03-30 00:40:24
287
1
原创 小程序引入echarts并接通数据
一般第一步是引入ec-canvas到component里面：（点击ec-canvas便可去往下载）然后再使用echarts的页面里引入：在js页面里import * as echarts from "../../component/ec-canvas/echarts";通过上面这段代码引入到js当中并init：function healthChart( canvas: { set...
2020-03-25 18:17:51
953
原创 Taro+TypeScript 报错 Cannot the found module
在index.js配置绝对路径 依赖后在页面引入后出现红色警告并报错：解决办法：在tsconfig.json里面配置以下内容便可：：如果以上内容对你有用，请各位帅哥美女动动你的小手点个赞...
2020-03-17 12:14:15
1009
原创 echarts 折线图 涉及 X轴内容过多造成缺少内容、刻度与文案居中对齐、以及拐点头部显示文案
本文章内容涉及：X轴内容过多造成缺少内容、刻度与文案居中对齐、以及拐点头部显示文案option = { xAxis: { type: 'category', data: ['12/25', '12/26', '12/27', '12/28', '12/29', '12/30', '12/31'], axisLine: { lineStyle: { c...
2020-03-12 20:54:33
1651
原创 小程序接入腾讯位置服务的详细流程
第一步：进入腾讯位置服务第二步：点击接入指引根据上图进行登录，然后验证手机和邮箱，再前往申请秘钥（key）以上步骤完成后：进入key的申请页面：重点提示：小程序不需要在WebServiceAPI填写域名，否则会报错完成后便可以在小程序里面使用，以下则是在小程序的写入流程，首先下载腾讯位置服务SDK下载完后放到你方便调用的文件里面，我的是放在util.js里面。然后引入到...
2020-02-23 11:34:30
1829
3
原创 微信H5支付 商家参数格式错误
1.安全域名 （主域名和子域名可以共用）3.Referer 的问题3.支付成功的返回的域名是否一致4.是否请求的是https请求（这个是接口规范要求的）以上这4种方法 百度一下都有解决方法，但是以下这种：原生js：检查支付页面HTMLmate标签是否有这行代码框架：检查index.html<meta name="referrer" content="never">...
2020-01-18 16:52:17
1301
原创 Echarts 圆饼图 文案放在扇形里面的配置
var option = { series: [ { type: 'pie', //决定图表类型 radius: '100%', //控制圆饼大小 center: ['50%', '50%'], // 控制圆饼位置 data: [ { value: 248, name: '65%', itemStyle: {...
2020-01-15 15:28:19
1087
2019年最新版 省市区JSON数据.json跟小程序省市区的数据同步
2019-12-05
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人