- 博客(25)
- 问答 (4)
- 收藏
- 关注
RSS订阅原创 npm run build打包jquery项目
主要是用node代码 读取文件内容判断文件还是文件夹，文件夹就继续循环判断，将目录结构保留，一起打包到dist文件。写这个的原因 也是因为同事不知道发给运维哪些文件，有些文件只是我们开发要，并不部署的所以就过滤掉。build.js 文件代码如下。
2023-11-28 11:38:53
328
转载 实现无感刷新token我是这样做的
当第二个过期的请求进来，token正在刷新，我们先将这个请求存到一个数组队列中，想办法让这个请求处于等待中，一直等到刷新token后再逐个重试清空请求队列。将请求存进队列中后，同时返回一个Promise，让这个Promise一直处于Pending状态（即不调用resolve），此时这个请求就会一直等啊等，只要我们不执行resolve，这个请求就会一直在等待。当token过期的时候，刷新token,前端需要做到无感刷新token,即刷token时要做到用户无感知，避免频繁登录。
2022-09-15 10:35:13
512
原创 react 踩坑记录
1、Warning: Each child in a list should have a unique “key” prop原因 ：数据中缺少 key字段2、.list 错误原因：空间名未匹配3、rawData.same原因：渲染的数据格式不对，不是数组4、useEffect监听不到history变化5、useEffect监听history.location.pathname变化，但是页面未响应，需要再监听赋值的pathSnippets，例如bdp项目的面包屑功能）（因为我是将路由存放到一个
2020-12-15 11:23:02
808
1
原创 起本地服务，让同事看
本地起服务让别人访问 同一个ip和端口号本地起服务 http-server 和live-server 是最简单最快的，node需要安装依赖包**http-server**端口号 也可以固定 加个 -p 就行譬如： http-server -p 8088参数说明：-p 端口号 (默认 8080)-a IP 地址 (默认 0.0.0.0)-d 显示目录列表 (默认 'True...
2020-04-28 16:00:37
1621
原创 jq项目webpack打包步骤
webpack打包多html传统项目生成package.json文件npm init -y全局安装webpack cnpm install webpack -g项目中安装，生成node_modules依赖cnpm install webpack --save-devcnpm install webpack-cli --save-dev配置webpack.config.js...
2020-04-17 12:45:36
6775
9
转载 webpack 打包出多个HTML文件，多个js文件，图片文件放置到指定文件夹中
一、webpack.config.js简单代码const HtmlWebpackPlugin = require('html-webpack-plugin');module.exports = { //mode 指打包模式 //development 指开发模式，代码未压缩 //production 指产品模式，代码压缩 mode: 'development...
2020-04-15 15:44:08
1850
原创 webpack打包多个js的依赖关系
//全局js new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery", "window.jQuery": "jquery",//Angular 会寻找 window.jQuery 来决定 jQuery 是否存在 Swiper: ...
2020-04-15 13:02:39
568
转载 记录支付宝手机网站（WAP）支付踩过的坑
由于苹果审核机制变化，除了JSPatch等热修复的应用受到影响外，另个影响较大的就是非法集成第三方支付SDK（尤其支付宝）而审核被拒。但是由于你懂的的原因，不想走IAP(In App Pay)，所以当然想到了支付宝 WAP 支付。完成 WAP 支付大概花了三天多时间，但是有大概一天时间是在等签约，所以为了让大家和自己有需要的话快速集成，特意做一个总结。涉及 iOS（OC）和JS（HTML5）以及P...
2020-01-07 18:20:48
4423
转载 vue---监听浏览器窗口的宽度
使用VUE开发后台项目，后台项目需要进行后台根据浏览器窗口进行变化，需要使用vue来监听浏览器的窗口变化。<template> <div class="content" :style="height"></div></template><script>export default { name: 'App', d...
2020-01-03 14:29:24
833
转载 vue Bus总线
有时候两个组件也需要通信（非父子关系）。当然Vue2.0提供了Vuex，但在简单的场景下，可以使用一个空的Vue实例作为中央事件总线。参考：http://blog.csdn.net/u013034014/article/details/54574989?locationNum=2&fps=1https://www.cnblogs.com/fanlinqiang/p/7756566.ht...
2020-01-02 16:16:03
431
转载 JavaScript 时间戳
1、JavaScript 的时间对象转换为时间戳1.1、时间对象转时间戳的 5 种写法1.2、获得当前时间的时间戳1.3、获得 10 位数的时间戳2、JavaScript 的时间戳转换为时间对象3、总结1、JavaScript 的时间对象转换为时间戳1.1、时间对象转时间戳的 5 种写法在 JavaScript 中，将时间对象转换为时间戳的方法有 5 种，示例如下：// 定义一个...
2019-12-24 16:19:33
189
转载 wangEditor富文本自定义图片宽度
wangEditor增加自定义宽度按钮，效果如图：修改代码：wangEditor.js增加输入框和事件1、增加代码：\u81ea\u5b9a\u4e49\u5bbd\u5ea6%\n2、增加方法:{selector: ‘#selfSize’,type: ‘input’,fn: function fn() {var img=editor.selectedImg;if(img...
2019-12-17 09:16:25
4249
原创 SCRIPT1003: 缺少 ':'，ie SCRIPT1006: 缺少 ')'
ie11中报SCRIPT1003: 缺少 ':'的错误？将processingData(checkedId){ },补充 functionprocessingData: function(checkedId){ },ie SCRIPT1006: 缺少 ‘)’，es6不识别function (page=1) {}改为：function (pa...
2019-11-11 15:07:17
3350
转载 vue分类筛选filter方法简单实例
本文实例为大家分享了vue分类筛选filter方法的具体代码，供大家参考，具体内容如下<html> <head> <meta charset="utf-8"> <title>filter</title> </head> <body> <div id="app"> &...
2019-10-16 11:05:38
817
转载 vue兼容IE及低版本浏览器
babel-polyfill安装npm install babel-polyfill --save引入在main.js按以下方式引入，在代码的最顶端引入方式一require(‘babel-polyfill’);方式二import ‘babel-polyfill’;配置webpack.base.conf.jsmodule.exports = {entry: {app: [‘...
2019-10-14 11:52:50
1226
转载 vue 实现小程序或商品秒杀倒计时
下面先给大家介绍下vue 设计一个倒计时秒杀的组件 ，具体内容如下所述：简介：倒计时秒杀组件在电商网站中层出不穷 不过思路万变不离其踪，我自己根据其他资料设计了一个vue版的核心思路：1、时间不能是本地客户端的时间 必须是服务器的时间这里用一个settimeout代替 以为时间必须统一2、开始时间，结束时间通过父组件传入，当服务器时间在这个开始时间和结束时间的范围内 参加活动按钮可...
2019-10-14 09:47:49
1223
2
转载 解决在sass中使用calc不能包含变量的问题。
今天写sass的时候，发现在sass中使用calc，如果calc中包含一个变量，不会产生效果，看代码：.app-inner {display: flex;height: calc(100% - $topbar-height);}在浏览器中没有产生效果：可以看到sass并没有解析这个$topbar-height。最后在github的issue中找到了方法，要想在sass的calc中使用...
2019-10-10 16:43:55
388
转载 vue确认密码
rules: {pwd:[{required:true, message:'创建密码',trigger:'blur'}],cpwd:[{required:true,message:'确认密码',trigger:'blur'},{validator:(rule,value,callback)=>{if(value===''){callback(new Error('请再次输入...
2019-09-27 10:38:20
2638
原创 子组件获取父组件定义的变量
子组件获取父组件定义的变量，不记笔记会忘记1、父组件首先定义这个变量2、父组件中子组件dom上绑定3、子组件中 props中写父组件页面<template> <div class="broadwise-deal-container"> <deal-table v-if="activeName==item.key" :type="item.key...
2019-09-20 18:36:25
1830
转载 JS移动客户端--触屏滑动事件
移动端触屏滑动的效果其实就是图片轮播，在PC的页面上很好实现，绑定click和mouseover等事件来完成。但是在移动设备上，要实现这种轮播的效果，就需要用到核心的touch事件。处理touch事件能跟踪到屏幕滑动的每根手指。以下是四种touch事件touchstart: //手指放到屏幕上时触发touchmove: //手指在屏幕上滑动式触发touchend: ...
2019-09-19 14:33:34
156
原创 获取tree子节点路径
TreeOne是树ul的IDvar treeObj = $.fn.zTree.getZTreeObj(“TreeOne”);获取tree对象var node = treeObj.getNodeByTId(treeNode.parentTId);获取父节点信息treeObj.getNodeByTId(node.parentTId);获取父节点的父级信息 var treeObj = {};...
2019-09-19 09:54:52
1625
转载 npm和yarn的区别，我们该如何选择？
周一入职，同事JJ让我熟悉一下基于React的新项目。按照以往，我的步骤都是：git clone xxxnpm installnpm run dev这时，JJ给我来了下面一段git clone xxxyarnyarn start“咦，yarn是什么鬼？难道npm更高级的替代品？为什么要替代npm？难道有什么好的地方？”，内心一连串的问题冒出来。我就默默的问了一下JJ：“yarn是...
2019-08-28 14:23:19
338
转载 socket.emit
1.socket.emit(‘action’);表示发送了一个action命令，命令是字符串的，在另一端接收时，可以这么写： socket.on(‘action’,function(){…});2.socket.emit(‘action’,data);表示发送了一个action命令，还有data数据，在另一端接收时，可以这么写： socket.on(‘action’,function(data)...
2019-08-21 15:27:29
3605
空空如也
AceEditor编辑器键入不好使
2023-02-23
nicescroll的滚动条滚动一定的高度的问题
2020-07-16
Ext.getCmp() undefined
2020-05-25
webpack打包怎么移除html页面原来引入的css和js
2020-05-13
gridster的拖拽功能，将模块拖拽到屏幕最右侧以后，忽然消失
2019-08-19
TA创建的收藏夹 TA关注的收藏夹
TA关注的人