- 博客(32)
- 收藏
- 关注
RSS订阅原创 javascript tree(树结构)常见的操作的工具库 tree-handle-lib
关于1、2、5三个点已经有了对应的工具可以采用。那么3和4该如何解决呢？在每次打包前，扫描工作目录。生成临时的入口文件，每个入口文件就是一个子包。根据生成的临时入口文件，通过babel修改rollup的入口配置。这样每次开发一个新方法的时候，就不用开发者自己去修改配置了。
2023-05-18 14:33:35
808
原创 如何在当前窗口通过js操作window.open新打开的标签页
let newtab = window.open('about:blank')newtab.location.href = 'https://www.bilibili.com/'
2021-05-08 09:27:04
923
原创 解决mac中 官网下载的node安装 执行npm 需要带sudo问题
sudo chown -R $(whoami) $(sudo npm config get prefix)/{lib/node_modules,bin,share}
2021-04-12 14:45:43
1386
原创 mui picker禁用选项
mui级联选择器禁用某一项 修改1.mui.picker.js 307行修改前buffer.push('<li>' + (item.text || item) + '</li>');修改后buffer.push('<li '+ (item.disabled ? 'style="color: #ccc"' : '') + '>' + (item.text || item) + '</li>');2.mui.poppicker.js 65-70行
2021-03-17 17:23:10
820
原创 html元素绑定点击事件，传入对象转JSON字符串，发现转换后的JSON字符串格式不规范
使用 JSON.stringify(v1).replace(/"/g, ‘"’)
2021-02-23 10:39:48
197
原创 js进制转换toString、parseInt理解
1、let result = num.toString(radix)可将num转化为radix进制,并返回给result。需要注意的是// 这种数字直接调用toString会报错。// 因为JavaScript的解释器把数字后的"."当作前面数字的小数点123.toString(2) // 正确的写法parseInt(123).toString(2) 2、let result = parseInt(str, radix)意思为将str解释为一个radix进制的整数，并计算其值返回给res
2021-02-18 21:54:59
182
原创 npm node_modules包依赖报错问题解决，Uncaught ReferenceError: JSENCRYPT_VERSION is not defined
这个问题的原因很好分析，就是jsencrypt这个的依赖包报错，我们只需要去修改node_modules\jsencrypt\lib\JSEncrypt.js的对应报错位置，加入图中红圈中的代码即可当然这种方法不是一劳永逸的。最好的办法就是将该依赖包放在本地，并上传代码版本管理...
2021-02-07 00:03:29
1930
1
原创 移动端关于底部图片存在空白的问题
移动端关于底部图片存在空白的问题问题解决思路：开始以为是iphoneXR的兼容性问题，于是在头部meta加入了viewport-fit=cover，发现还是不行。折腾了半天，突然想到img是一个特殊的行内元素，设置宽度100%后，后面存在空格跑到下一行去了，于是乎将父元素的font-size设置为0，完美解决问题代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">
2021-02-06 18:47:13
573
原创 前端try catch finally与return结合，优先级与输出结果
显然在执行return之前先执行finally,return的值被存为一个临时的变量var v = 3function getValue() { try { throw new Error('周磊是哈比') } catch (error) { return v++; // 3 } finally { v++ console.log(v) // 5 }}console.log(getValue(
2021-01-25 10:53:29
155
原创 关于富文本内容text-indent: 2em；首行缩进不准确的问题
关于富文本内容text-indent: 2em;首行缩进不准确的问题如下图，出现了缩进不准确的情况，比预想的2em小问题出现原因：富文本内容为,其在父节点div设置了font-size: 12px;而在子节点p设置了font-size: 16px;使得em缩进是参照父元素的2 x 12px来设置的。<div style="font-size: 12px;text-indent: 2em;"> <p style="font-size: 16px;">
2021-01-22 22:34:22
2566
2
原创 iframe结合postMessage，子窗体触发父窗体事件打开弹窗
子窗体触发父窗体事件打开弹窗项目示例如图a为父窗体，通过ifreame嵌套了b、c，b、c为子窗体，其中b窗体有个按钮点击可向父窗体触发事件弹出子窗体ca.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&
2020-12-07 11:05:19
463
原创 Object.prototype.toString.call(foo)，foo直接调用原型链原始toString方法
Object.prototype.toString.call的理解toString()方法调用call()方法,使封装类调用原始的toString方法首先Object.prototype.toString.call(foo)的作用用来检验参数foo的数据类型。接下来一层一层的分析其原理。toString()方法js中包装类Number、String、Boolean、Array、Object和Function都是继承自Object,同时也继承了Object的toString方法。但是这些包装类又分别对t
2020-06-04 16:24:02
336
原创 移动端h5上拉刷新，下拉加载
移动端h5上拉刷新，下拉加载最近想找这种插件没找到，就顺便研究了一波。refresh.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,initial-scale=1.0,minimum-scale=1.0,maxi
2020-05-22 14:39:00
789
1
原创 vue3.0 history模式打包,服务器子目录访问配置
vue3.0 history模式打包,服务器子目录访问配置目前使用hash模式#遇到的问题打包时配置如下：目前使用hash模式#遇到的问题vue项目访问路径带#的话，在服务端跳转vue页面时传参数参数位置将会被带到 # 值后面。发送短信时，如果短信中推荐链接含有 # 的话，此 # 及其以后的内容将不会被解析成url链接。为了解决以上遇到的问题，翻阅资料最终实现了history模式打包，...
2020-04-09 17:34:56
2448
原创 React中防抖节流示例
React中防抖节流研究以下是代码。此处为了通用的节流防抖在React中形成闭包，是将节流防抖第一次调用函数在componentWillMount时赋值给了state中的变量import React from 'react'class PropsParent extends React.Component { constructor(props) { super(pr...
2020-03-12 17:33:05
2078
原创 js修改当前url所携带参数，不刷新当前页面
需求：JWT前后端分离，移动端H5首页通过url传递参数token，未登录时（app在url中未传递token参数），调取app原生登录回调得到token参数。问题：回调得到token之后，从其他页面跳回首页。由于首页在初始换时默认取的url中的token,此时跳转回首页时url中并没有token，token无法保存下来,决定看看有没有方法可以修改首页url的参数，在app原生登录返回时将tok...
2020-01-13 16:11:54
2652
原创 关于页面更改重新渲染的监听
vuevue渲染是异步的，存在dom diff对比// 监听页面渲染完毕 this.$nextTick(function() { // 执行的操作 })应用场景嵌套iframe页面,加载完数据后，子窗体向父窗体传递当前页面高度、宽度，做到高度、宽度自适应。this.$nextTick(function() { window.parent.postMessage( ...
2020-01-07 15:46:46
1322
原创 js this关键字 个人理解
1.普通函数 只要记住【this 永远指向调用它的对象，new的时候，指向new出来的对象。】这句话就够了。（普通函数this指向运行时的环境，而不是声明时的环境）2.对于箭头函数的this，也只需要记住一句话【箭头函数没有自己的 this，当在内部使用了 this时，它会指向最近一层作用域内的 this】3.箭头函数有几个使用注意点。（1）函数体内的this对象，就是定义时所在的对象，而不...
2019-12-17 15:19:42
76
原创 移动端使用eruda，连续点击10次，出现调试器
代码<script> // 记录点击次数 var clickCount = 0 // 设置连点监听 document.addEventListener('click', function() { clickCount++; if(clickCount === 10) { ...
2019-12-17 15:16:12
395
原创 js自定义事件、事件监听、触发事件
js自定义事件、事件监听、触发事件// 创建事件let myEvent = new CustomEvent('addCountReady', { detail: { result: '200', data: {}, msg: '成功' }})// 监听事件window.addEventListener('addCountRe...
2019-12-17 11:23:23
1288
1
原创 java获取打印出某个目录下的所有文件（递归）
最近遇到一个繁琐而又没技术含量的事：给小程序、app的服务器图片链接：现在手里有个文件夹，会放到服务器的/static/image/目录。图片有很多（图片命名好了）。每个图片都要给出链接该怎么办。节省时间的办法就是写一个程序来帮助我们一劳永逸。public class readFile { /* filepath代表本地图片路径 如 "E:\project-work" prefix...
2019-08-24 22:12:42
657
原创 sql查询多条数据如 id = 1,21,3
有这样一张表查询其中news_id为 1，19的数据sql语句为select * from t_news where FIND_IN_SET(news_id,'1,20,3')结果如下
2019-08-16 14:59:24
17103
2
原创 小程序图片截取
总结微信小程序图片截取1. 将图片进行合理的等比缩放显示，使之能很好的显示在屏幕上。2.采用画布,ctx.drawImage（根据缩放的图片,设置绘制图片大小） ctx.draw绘制在画布上。3.在ctx.draw的回调中调用微信小程序wx.canvasToTempFilePath导出画布中指定区域的图片。...
2019-07-10 17:08:07
1389
原创 两个span之间的间距怎么解决掉？
去除span元素之间的间距思路：将父元素字体大小设置为0，子元素中设置字体正确大小，即可实现效果div{ font-size:0; } span{ font-size:16px; }如下地址和冒号处于同一div中，但两个是不同的span中，使用上述方法修改后效果前后对比修改前：修改后：冒号离得更近一些了...
2019-02-15 10:59:12
9955
原创 spring boot @Autowired无法自动注入
搭建spring多模块项目过程中，发现@Autowired无法自动注入解决：查找资料后，发现SpringBoot项目的Bean装配默认规则是根据Application类所在的包位置从上往下扫描！“Application类”是指SpringBoot项目入口类。这个类的位置很关键：推荐放把启动类放在该文件包的父目录如（com.wqs）下，不要放在java下。方案一：移动启动类文件这是修改之前的...
2019-02-12 14:27:33
2078
原创 前端开发之真机调试和调用局域网ip接口
配置服务器启动 localhost为0.0.0.0、局域网内请求别人的接口 前缀为/mobile/vue项目 config/index.js'use strict'// Template version: 1.3.1// see http://vuejs-templates.github.io/webpack for documentation.const path = requir...
2019-01-31 11:20:17
2323
原创 前端图片显示问题
图片显示不拉伸显示，使用父元素来遮挡子元素，来达到效果css 子元素css 、父元素img-content.img-content img { max-width :100%}.img-content{ position:relative width :1.5rem height :1.5rem border-radius: 50% overflo...
2019-01-31 11:04:45
957
原创 关于学习廖雪峰官网web开发Sequelize
Web开发之sequelize根据model自动生成表结构参考廖雪峰官网不能生成表结构参考廖雪峰官网不能生成表结构init-db.jsconst model = require('./model.js');model.sync();console.log('init db ok.');//注释掉这一句，否则数据库操作会直接退出// process.exit(0);尝试过使用as...
2019-01-31 10:39:29
129
原创 maven下不了jar包
maven setting.xml2018112720181127maven setting.xml配置仓库，解决下不了jar包的问题
2018-11-27 15:47:25
300
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人