- 博客(37)
- 收藏
- 关注
RSS订阅原创 vscode 自动编译TS文件到JS
点击终端 -> 运行任务 ，可以看到当前项目所要打开的 tsc: 监视 -tsconfig.json。点击ctrl+‘,’ 打开设置，将配置改为cmd，重新打开运行任务点击监视，就可以了。2. 修改 tsconfig.json 配置。如果报以下错误：禁止运行脚本。点击进入监视编译状态，
2022-10-13 09:42:29
982
原创 jq、js父子页面交互
js: window.parent.document.getElementById('父元素id名')jq: $('#父元素id名'， parent.document)1. 父页面获取子页面元素。2. 父页面调用子页面方法。3.子页面获取父页面元素。4.子页面获取父页面方法。
2022-09-27 16:35:37
443
原创 微信公众号点击列表进入详情页
问题：微信公众号点击记录进入详情的时候，如果详情页代码是在当前页面，那么就没有进入页面记录，在点击返回的时候，会直接返回到最开始的地方，而非列表页。解决：这时候就需要在点击列表的时候，插入一条记录，代码如下//点击进入详情页$('.record-item-button').on('touchstart', function (e) { pushHistory(); $('.record-list').addClass('noShow
2022-05-13 09:26:01
855
原创 微信公众号更改头部标题
更改本页面标题 document.title = "我的记录";更改父页面标题parent.document.title = "我的记录";仅作记录。
2022-05-13 09:18:11
765
原创 微信公众号iframe嵌套页面js不执行
当主页面中再嵌套一个 iframe 页面时，并非嵌套的页面 js 不执行，而是 wx.config, wx.ready 这些在iframe页面中不执行。可以试着把 wx.config, wx.ready 放在主页面中，然后对于 iframe 的切换放在 wx.ready 中，在子页面中调用微信 jsapi 可以用 parant.wx.startRecord() 等。index.html // 获取公众号网页签名信息 function getWxData() { ..
2022-05-13 09:07:46
2613
原创 微信公众号预览图片
图片地址要为在线地址添加 <meta name="referrer" content="no-referrer"/>然后在项目中添加图片的点击事件，获取当前的图片地址 $('.photos-list-item').click(function () { let currentUrl = $(this).find('img').attr("src"); wx.previewImage({ ..
2022-05-13 08:51:39
469
原创 使ztree节点右侧按钮初始的时候就显示
首先要配置右侧按钮不可用，然后利用onNodeCreated方法编辑右侧的按钮edit: { enable: false, showRenameBtn:false,},callback: { onNodeCreated: orgzTreeOnNodeCreated}function orgzTreeOnNodeCreated(event, treeId, treeNode) { console.log(treeId, treeNode);
2022-05-12 13:47:49
282
原创 ztree获取某节点下的所有叶子节点
// 获取某节点下的所有叶子节点 function getAllChildrenNodes(treeNode, result) { if (treeNode.isParent) { var childrenNodes = treeNode.children; if (childrenNodes) { for (var i = 0; i < childrenNodes.length; i++) {.
2022-05-12 13:35:40
1105
原创 使用ztree实现左侧树勾选添加到右侧列表
仅作记录<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>树形菜单表格</title> <link rel="stylesheet" type="text/css" href="../lib/layui/css/layui.css"/> <link rel="stylesheet" href="../lib/
2022-05-12 11:47:31
874
1
原创 使用ztree实现左侧树勾选添加到右侧树
需求：左侧人员勾选添加至右侧，也可取消勾选，右侧初始数据不可删除，新添加的可以删除，并且，右侧初始数据，左侧不可勾选问题: 目前只实现了一个根节点下，有两个部门，本来是打算用id匹配，但是父节点1勾选的时候，子节点会加错位置，现在是由name匹配仅作记录；<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>树形菜单表格</title>
2022-05-12 11:42:40
575
原创 devDependencies与dependencies区别
devDependencies ：命令：npm i xxx --save -dev 同 npm i xxx -D开发依赖，开发的时候需要运行的辅助的依赖，比如webpack打包工具，babel编译，只需要在开发中使用，生产环境不必要用。dependencies命令：npm i xxx --save 同 npm i xxx -S生产依赖，例如项目用的框架vue或者UI框架ElementUI等，生产环境依旧需要这些依赖。...
2022-01-07 08:51:24
683
原创 微信公众号上传图片功能
//获取公众号网页签名信息function getWxData() { var link = location.href; console.log(link) console.log("获取公众号网页签名信息"); $.ajax({ url: "...?url=" + link,//后台给你提供的接口 async: false, contentType: "application/json; charset=utf-8",.
2021-11-16 16:01:02
1392
原创 使用vue的绑定类名功能写选项卡
类似于这样的一个选项卡，content模块的li首先设置全是隐藏，表达式正确添加对应类名，让对应li显示，其他隐藏。html代码： <div> <ul class="tab-title"> <li v-for="(item,index) in tabArr" :key="index" @click="handleList(index)" :class="{active:index==current}"> &
2021-01-28 17:52:27
264
1
原创 JS给小数点两侧的单个数字添加效果
最近写项目的时候实现了一个这样的效果具体是这样实现的：思路是如果该数字含小数点，则分割左右两侧数据使它分成单个的数字，然后拼接渲染列表，如果不含小数点，则隐藏小数点，并且只渲染小数点左侧列表注：代码是Vue版本的，每个数字后边是一张背景图片，在这里：html代码： <div class="center-data"> <ul class="point-left in-one-line"></ul>
2021-01-28 17:26:56
229
原创 echarts水波球
水波球是一个插件型的图表，echarts官网的js并没有包含水波球的内容，需要单独下载jshttps://github.com/ecomfe/echarts-liquidfill这里下载完打开dist里边的echarts-liquidfill.min.js复制到自己的项目里var liquidFill1 = document.getElementById('pjxysc'); myLiquidFill1 = echarts.init(liquidFill1);
2020-09-29 17:31:11
2006
原创 vue获取上一个路由地址
项目中我们会遇到需要根据上一个路由地址来改变组件内一些变量的情况，这时候就需要用到组件内的路由守卫beforeRouteEnter注意，在路由进入之前，组件实例还未渲染，所以无法获取this实例，只能通过vm来访问组件实例，使用vm代替this访问data的数据beforeRouteEnter(to, from, next) { next(vm=>{ if(from.path == '/download/data_downlaod'){ vm.in
2020-08-19 16:24:54
7591
原创 vue项目中引用swiper按钮点击失效问题
首先vue项目引入swiper组件需要先下载依赖npm install vue-awesome-swiper --save然后引入，import { Swiper, SwiperSlide } from 'vue-awesome-swiper'先上一段代码，<template> <div class="swiper-c"> <swiper :auto-update="true" class="actor-list" ref="mySw
2020-08-18 18:17:37
3744
4
转载 echarts兼容IE浏览器的问题
原文转自：https://blog.youkuaiyun.com/rjkkaikai/article/details/806046881.首先，用echarts2版本（较低就行，3及以上版本不行）2.在页面title标签下添加：<meta http-equiv="X-UA-Compatible" content="IE=edge"/>附echarts 做折线图在IE不显示的问题，前提是上边两个条件已经完成，然后echarts每个最后一个属性的后边不要带逗号；...
2020-06-11 16:24:42
2166
原创 CSS图片水平垂直居中
1. 给要居中的图片增加一个兄弟元素，空白标签span,目的是通过一个空白标签span做参照，拉回图片上下居中；<div class="outDiv"> <img src="" /> <span></span></div>.outDiv{ text-align:center;}.outDiv img{ vertical-align: middle;}.outDiv span{ height
2020-06-05 16:48:41
352
原创 收藏
记录一下，需要用到的时候也方便全屏滚动插件fullpage http://fullpage.81hu.com/无缝滚动插件 https://www.dowebok.com/demo/188/index3.html
2020-05-19 15:35:32
166
原创 关于zTree的几个问题
1.获取ztree的所有节点var node = zTree.getNodes(); 这个方法会获得所有的节点，但是获取的是一个根节点，其余节点在根节点的children中，如果我们需要获取到所有的节点，包含子节点，可以用transformToArray将它转化var nodes = zTree.transformToArray(node); //获取树所有节点...
2020-05-07 11:17:16
416
原创 子组件调用父组件中的方法
父组件把方法传入子组件中，在子组件中直接调用这个方法通过绑定属性的方法传方法名给子组件，组件通过props接收，子组件中通过this直接调用父组件中的方法<child :parentMethod= “parentMethod”></child>prop:{ parentMethod:{ type : Function, ...
2020-04-28 18:58:45
309
1
原创 监听屏幕宽高
window.addEventListener("resize",()=>{ this.screenHeight=document.documentElement.clientHeight; this.screenWidth=document.documentElement.clientWidth;})绑定监听屏幕宽高事件...
2020-04-28 18:51:32
205
原创 一个字符串用另一个字符串代替的方法
如果出现一个数组中数据比较多，有一些想要突出的文字，又没有什么规律的时候，可以先把想要突出的文字放在一个json文件中，读取json数据，利用正则匹配到对应的文字，给他加相应的样式，因为这里使用正则的时候需要匹配的是变量，而且需要全局匹配，所以，需要用bstring.replace(new RegExp(largeWords[j],'g'),``)这种写法来写let cities = [...
2020-01-08 17:13:26
751
原创 JS时间轴自动播放
最近实现了一个这样的效果，点击播放按钮，时间轴开始播放，点击暂停，停止在当前位置，当再次点击播放的时候，从当前位置开始继续播放，也可以点击相应的年份，切换过去，这时候播放自动暂停，当再次点击播放的时候，从当前位置出发<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <...
2020-01-03 17:51:48
2176
2
原创 echarts柱状图柱形修改为三角形
其实只是修改了一个属性值 ：symbol:'triangle'option = { tooltip: { trigger: 'axis', axisPointer: { type: 'none' }, formatter: function (params) { re...
2020-01-03 16:35:06
8654
1
原创 环形图，中间部分为实心，并在上边添加上相应的内容，可以将他分为两个series来写，调整radius的值，以达到效果
app.title = '环形图';option = { title:{ text:'上海市', x:'center', y:'center', textStyle:{ fontSize:'20', color:'#000', fontWeig...
2020-01-03 16:20:43
752
原创 get和post的区别
1.由于get请求的的数据在URL中对所有人都是可见的，因此安全性较差；post请求的数据不会显示在URL中，因此post比get更安全，他的参数不会被保存在浏览器历史或者web服务器日志中。2.使用post请求数据会被重新提交，而get无影响；3.get能被缓存，而post则不能被缓存4.get的参数可以保留在浏览器历史中，而post则不会...
2019-11-15 16:53:03
214
原创 随机一个用十六进制表示的颜色
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script> var a...
2019-04-17 20:24:15
253
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人