- 博客(26)
- 收藏
- 关注
RSS订阅原创 react+ant 项目开发记录
react开发问题sytle互相污染解决一： 建一个*.module.less (里面的样式会相当于同级一样，即没有嵌套class层级关系)引用 import style from ‘*.module.less’classname={style.classname}解决二： 最外层套唯一的className坑2： 重复再引入全局变量，私文件less的样式会被再覆盖一次多个模块组件， 样式引入放在最前面，不然会报一个警告：Import in body of module ;reorde
2022-01-15 16:57:27
767
转载 2021-07-02 jquery项目开发记录
3月中开始了jquery项目的迭代开发，大部分功能是基于jquery、bootstrap框架，其它有用到 jsmind思维导图组件、ztree树组件、pqgrid表格组件。总体来说，初级比较需要花时间去了解api及常用方法。记录一下近3个月来的常见问题：数据共用/数组值被改变问题：数据处理时，数组或对象数据共用了地址，导致修改时、或多次用来赋值时，数据上不对。解决方案：深拷贝// 1newObj = JSON.parse(JSON.stringfy( obj ))// 2 // banA
2021-07-20 16:23:50
189
原创 微信小程序 -解决弹窗滚动穿透问题
微信小程序 用fixed设置弹窗蒙层，当弹窗和内容都存在滚动时，滑动弹窗蒙层，下面的页面会有滚动。希望的效果是弹窗内能正常滚动，滑动弹窗蒙层，下面页面不会产生滚动。例如：页面上内容也有滚动，弹窗里有展示许多部分内容，需要滚动浏览。代码块：https://developers.weixin.qq.com/s/hfS1ljmt7NmG（滑动蒙层，下面的页面不会产生滚动，但是但是，弹窗里的内容滚动超级不好，滚动反应很迟钝，要划4~5次才能滑动内容）modal.wxml<view catchtou
2020-12-03 16:56:44
1537
原创 web页面-电子签名
html<canvas id="canvas" style="border:none ;"></canvas> <div class="clearBtn" ng-click="clearDrew()">重新签名</div><div class="saveBtn" ng-click="saveDrew()">确认签订</div>angularjs 框架 - jsvar lastX, lastY; var canvasW =
2020-08-13 11:37:33
2072
原创 支付宝小程序-canvas电子签名
// XXX.axml<canvas class="canvas" id="canvas" canvas-id="canvas" disable-scroll="true" onTouchStart="canvasStart" onTouchMove="canvasMove" onTouchEnd="canvasEnd" onTouchCancel="canvasEnd"></canvas> <view class="margin10 flex"> <
2020-07-27 15:34:09
1108
2
原创 电子签名功能-微信小程序
微信小程序-电子签名// XXXX.wxml<view class="signName"> <canvas class="canvas" id="canvas" canvas-id="canvas" disable-scroll="true" bindtouchstart="canvasStart" bindtouchmove="canvasMove" bindtouchend="canvasEnd" touchcancel="canvasEnd"
2020-07-27 11:30:18
3979
原创 echart dataZoom区域缩放
微信小程序场景遇到的问题：使用dataZoom进行区域缩放，echart实例编辑器已编译出数据，但是在微信小程序上的显示，拖动数据区域，数据缺失，仅显示前3条！！！（echart实例编辑器：https://echarts.apache.org/examples/zh/editor.html?c=line-simple）图片可以看出，微信上数据缺失；//代码片段option = { xAxis: { type: 'category', data: ['Mon
2020-06-17 19:58:24
2263
1
转载 Echarts (option.yAxis) Y轴 的属性大全
编辑图例单位tooltip: { trigger: 'axis', formatter: "{b} <br/>{a0} : {c0} 辆<br/>{a1} : {c1} 人"},其中a代表legend中的数据，b代表类别，c代表series中的数据
2020-06-15 12:22:52
8832
1
原创 echart常用直/曲折线图
//<div style="width: 100%;height: 220px" id="chart1"></div>var myChart = echarts.init(document.getElementById('chart1')); option = { xAxis: { type: 'category', ...
2020-05-06 18:29:56
1494
原创 es6 常用总结
块作用域let 和 const let 声明块级变量const 声明块级常量,简单数据类型不可以变, 对象和函数可以变; 因为const指向地址箭头函数（1）在函数表达式中使用, 只有一个参数时, 括号()可以忽略;（2）没有参数和多个参数时要加上()（3）函数只有一行的简洁函数体时, 不用声明return直接返回; 块级函数体需要手动returnthis 是固定的...
2020-04-29 22:39:49
190
原创 js 时间转换（ 时间戳 & 标准时间 &格式化后日期）
注： 时间戳不能get年月日时分秒， new Date(时间戳).get年月日时分秒时间戳 ==> YYYY-MM-DD HH:MM:SSlet date = new Date(value); //转成标准时间， //才能 getFullYear()、getMonth() 、getDate()let y = date.getFullYear(); l...
2020-03-24 10:51:57
1584
原创 angularjs-datetimepicker改造-mothpicker
angularjs由datetimepicker,改造的带 ‘按日切换’/'按月切换’按钮的自定义组件（纯为实现需求和效果改造，目测可用，不喜勿喷。可以接受优化建议和思路）改造前：可选择年月日时间，年月日，时间增加：按月、日选择的切换改造后的使用：html:<div class="flex search-date search-border item-span"> ...
2020-03-23 15:03:18
267
原创 angular项目优化时遇到的一些问题
初接触angular ,直接实践项目，对项目优化。记录一些花费较长时间处理的bug。angular fn 问题(因功能需求，添加了$rootScope，然后有fn报错)更改前代码：app.factory('NewestService', function($q,$http,CommonService) {更改后代码：app.factory('NewestService','$roo...
2019-12-03 16:30:37
329
原创 超简弹框显示隐藏实现
超简弹框显示隐藏实现使用了线上jqhttp://code.jquery.com/jquery-2.1.4.min.js<button onclick="showModal()">打开弹窗</button>//弹框<div class="modal hidden"> <div class="modalBox"> <...
2019-11-14 14:03:05
450
原创 小程序 常用记录
引用引用 js里的数据 // .js var infoData = require('../../gf_/data/info-data.js'); page({ data:{ cartList: infoData.cartList, } }) //info-data.js var c...
2019-09-11 13:07:11
494
原创 vue项目使用插件复制指定内容
页面部分<span class="content">{{item.content}}</span><button ref="copy" class="lr back-confirm btn" :data-clipboard-text="item.content" //绑定被复制的内容 @click="copy" ...
2019-05-21 11:50:55
354
1
原创 el-date 格式化成 yyyy-MM-dd
el-date-picker里加入：format=“yyyy-MM-dd”value-format=“yyyy-MM-dd”<el-form :form="form"> <el-date-picker type="date" placeholder="选择日期" v-model="this.form....
2019-04-17 09:49:17
1023
原创 el-menu菜单进行路由跳转
el-menu菜单进行路由跳转el-menu 添加 :default-active=“this.$router.path” 和 router(default-active前面要有 “:” )<el-menu :default-active="this.$router.path" //路由跳转 router> ...
2019-04-17 09:10:54
30935
5
原创 nodejs获取当前日期
安装插件silly-datetimenpm install silly-datetime引入插件var date = require("silly-datetime");var today = date.format(new Date(),'YYYY-MM-DD'); // 2019-01-01
2019-04-12 16:38:52
7551
原创 vue 引入iconfont图标库
进入inconfont官网：https://www.iconfont.cn/选择/搜索想要的图标，加入购物车，将加入到项目文件夹，若没有，就新建一个，取项目名新建项目后，可以下载至本地4. 压缩包解压后，里面有这些文件5. 在需要的页面导入，如vue项目里导入:import ‘/assets/icon/iconfont.css’6. 也可以打开demo_index.html文件...
2019-04-09 14:58:51
440
原创 css3 + js 散列画廊
css3 + js 散列画廊基于慕课网散列画廊视频教学与模板，在vue里实现css3 + js 散列画廊，从中确实体验到vue框架带来的简便。经过这个页面的编写与思考，逻辑思维也更加清晰，后续进行了代码规范化和优化，并增加细节样式，提高页面使用体验。区域模块海报区选中的海报水平垂直居中允许<控制条>控制展现&翻转左右存放区分左右分区存放其他海报每个海报位置，...
2019-04-03 23:49:01
225
原创 分页功能warn获取不到选中的index
分页功能实现时，报一个warn,而且获取不到选中的index<div class="block"> <span class="demonstration">页数较少时的效果</span> <el-pagination layout="prev, pager, next" :total="50"> </el-pa...
2019-04-03 23:36:40
350
原创 javaScipt闭包
function f1(){ var count =1; function f2(){ console.log(count); // 1 } }子函数f2能向上读取变量count ,父函数f1不能获取f2的变量。闭包：闭包就是能够读取其他函数内部变量的函数闭包就是将内部嵌套函数变成外部可调用的直接理解记忆成：funactio...
2019-03-25 14:29:09
115
原创 vue-router报错:Route with name ‘home’ does not exist
Route with name ‘home’ does not exist路由配置（一般路由配置文件名是router.js）{ //正确 path: '/page', name: 'page', component: page }错误原因：没有添加name,或者name的值没有使用单引号 ’ ’...
2019-03-21 17:39:32
33421
6
原创 vue-router query和params方式传递参数和接收参数
query方式传参和接收参数[相当于get请求，页面跳转的时候，可以在地址栏看到请求参数]传参（把键值路由出去）：this.$router.push({ path:'/XXX', query:{ 键名 : 值, } })接收参数（跳转的另一页面接收值）：新键名（自定义）...
2019-03-21 16:57:18
886
原创 HTTP协议
HTTP协议HTTP之URLHTTP工作原理HTTP的请求方法常见的状态码HTTP协议（HyperText Transfer Protocol，超文本传输协议）是因特网上应用最为广泛的一种网络传输协议，所有的WWW文件都必须遵守这个标准。HTTP是一个基于TCP/IP通信协议来传递数据（HTML 文件, 图片文件, 查询结果等）。HTTP之URLHTTP使用统一资源标识符（Uniform ...
2019-03-21 16:23:41
126
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人