- 博客(40)
- 收藏
- 关注
原创 echarts visualMap覆盖series样式问题
seriesIndex: 0, // 仅使第一个series对象生效(visualMap的优先级最高,如果不指定visualMap使用series数组中的哪个对象,其他series颜色样式等将被覆盖)visualMap: { min: 0, max: 2000, top: "40%", left: "65%", // text:['High','Low'], realtime: f..
2022-03-07 11:31:29
2823
2
原创 uniaoo开发微信小程序 scroll-view问题
问题1、下拉刷新,滚动列表上方的搜索栏和下拉选项栏必须固定,不能跟随一起下拉{ "path": "pages/tabbar/index", "style": { "navigationBarTitleText": "首页", **"enablePullDownRefresh": false, "disableScroll":false** } },2、不停滚动上拉加载会多次触发,分页的当前页码会++,导致请求数据有问题3、微信的版本导致无法愉快使用sc
2022-03-02 17:55:29
687
原创 uniapp 微信小程序授权获取手机并绑定登录
检查是否已登录onLoad(option) { //检查用户是否已授权登录 this.checkLogin(); },//检查用户是否登录 checkLogin() { let token = wx.getStorageSync('TOKEN'); //授权成功且登录才能获取token if (token) { wx.checkSession({ success: function() { console.log('已授权登录.
2022-01-11 15:13:05
2406
2
原创 小程序时间组件uniapp
uniapp 时间组件在此组件中可切换“按月选择”、“按日选择”,按日选择为区间选择<!-- 日期选择组件 --><template> <view class="datePicker-box"> <view class="btn-box"> <view class="cancel-btn" hover-class="btn-hover" @click="popCancel">取消</view> <view
2021-12-02 17:22:28
1320
转载 将本地代码上传至github
1.进入Github首页,点击New repository新建一个项目2.填写相应信息后点击create即可Repository name: 仓库名称Description(可选): 仓库描述介绍Public, Private : 仓库权限(公开共享,私有或指定合作者)Initialize this repository with a README: 添加一个README.mdgitignore: 不需要进行版本管理的仓库类型,对应生成文件.gitignorelicense: 证书类型,对应生
2021-11-05 12:00:53
111
原创 node相关报错问题
问题一:node-sass npm ERR! command failed解决:1、删除 npm uninstall node-sass2、安装 npm install node-sass问题二:npm ERR! gyp info it worked if it ends with oknpm ERR! gyp info using node-gyp@3.8.0npm ERR! gyp info using node@16.11.1 | win32 | x64npm ERR! gyp ERR!
2021-10-29 15:41:32
6018
转载 echarts飞机轨迹
// 1. 实例化对象 var myChart = echarts.init(document.querySelector(".chart")); // 2. 指定配置和数据 var geoCoordMap = { 上海: [121.4648, 31.2891], 东莞: [113.8953, 22.901], 东营: [118.7073, 37.5513], 中山: [113.4229, 22.478], 临汾: [111.4783, 36.1615..
2021-09-28 12:04:09
1544
原创 echarts 地图 点击后出现默认样式无法修改的问题
series: [{type: “map”,map: “china”,zoom: 1, //地图大小selectedMode : ‘false’,// geoIndex: 0.8,// aspectScale: 0.9, //长宽比//showLegendSymbol: true, // 存在legend时显示label: {normal: {show: false},emphasis: {show: true,textStyle: {color: “#fff”},f..
2021-09-14 16:32:39
1838
2
转载 2021-09-05
三、组件源码select.wxml复制代码{{current.name}}{{defaultOption.name}}{{item.name}}复制代码说明:用 catchtap 而不用 bindtap 是为了阻止事件冒泡,为了实现点击页面其他地方关闭 select, 所以在父页面(index.wxml)最外层绑定了 bindtap=“close” 方法, 不阻止冒泡的话会执行父组件的 close 方法select.js复制代码Component({proper
2021-09-05 15:17:56
136
原创 react无限循环错误
react无限循环错误Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.错误写法{ title: '操作',
2021-03-25 12:02:52
483
转载 2021-01-28
[React项目总结一] 基于 webpack 搭建前端工程基础篇chenbin92发布于 2016-07-13目录技术选型webpack 基础安装 webpackwebpack 简介使用webpack-dev-server启动服务器配置 React, ES6 & Babel 6使用 ESlint 进行代码检查样式处理图片处理区分开发及生产环境构建流程图文件说明参考完整实例代码git-repogithub issues技术选型最近在一个项目初步尝试使用了r
2021-01-28 10:47:11
188
原创 数据处理对象按照数组格式返回
const defaultData = () => [ { title: "紧急告警", key: 'criticalCount', count: 0 }, { title: "安全预警", key: 'warningCount', count: 0 }, { title: "错误提示", key: 'errorCount', count:0 }, { title: "信息提示", k
2020-11-24 10:27:26
291
原创 element ui表单验证 require动态
需求:输入框原本隐藏,不需要验证,选择按钮,显示输入框后才显示成为必填项,且需要验证规则 <el-form-item label=""> <el-checkbox v-model="form.top">是否置顶</el-checkbox> <el-checkbox v-model="**form.link**">是否采用外部链接</el-checkbox> </el-form-item> <
2020-10-30 10:23:06
2443
原创 flex响应式布局
http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html.container { width: 100%; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto;}/*sm*/@media (min-width: 576px) { .container { width: 540
2020-08-12 15:18:08
302
原创 栅格系统
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *{padding:0;box-si
2020-08-12 09:37:19
173
原创 移动端项目初始化
项目初始化1、修改index.html中标签有关视口的内容<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum0scale=1.0,user-scalable=no">2、安装node-sass 和 sass-loader3、引入重置页面样式表(把不同手机的css样式统一)在main.js中引用见reset.css4、引入1px边框的解决方案c
2020-08-10 14:30:53
249
原创 关于date
const fun = { /** * @param * 格式化日期 */ constDate(date) { const strList = date.split('-'); let strDate = ''; if ( (strList[1] * 1) < 10 && (strList[2] * 1) < 10) { return strDate = strList[0] + '-' + ('0' + strLi
2020-07-27 14:10:05
137
转载 防抖/节流
开发中需要运用的场景:1、对提交按钮进行变态的点击压力测试2、输入框内容的实时校验(譬如验证用户名是否已存在)3、图片滚动加载scroll操作4、窗口放大缩小resize操作5、对某一区域进行mousemove操作防抖(点击事件为例)//事件的最后执行(在规定的时间t内,如果连续触发某一事件,则不会调用事件回调函数;连续触发某一事件,t时间内,不再触发该事件,则执行事件回调函数。)//在公共方法中 export const = function debounce(fn, delay)
2020-07-22 18:01:22
128
原创 vant list加载 empty空状态
data(){return{pageSize: 8, // 默认每次显示8条数据,还有的数据根据滚动加载}}// 获取所有数据getList(current, size, params) {getComList(Object.assign({current: this.currentPage,size: this.pageSize},params)).then(res => {this.pageSize += 8;this.list = res.data....
2020-07-22 10:13:08
4687
转载 上传图片
1、file(创建formData来完成file上传)axios全局引用export function fileUpload (file) {const fromdata=new FormData();//创建formdatafromdata.append(‘file’,file);//向formdata里面添加文件内容return request({url:’/admin/file/uploadAvatar’,//接口地址method: ‘post’,headers: {//请求头‘Co
2020-07-14 15:52:45
120
原创 vue-i18n 国际化 element ui实际项目中的整理
前端国际化文档一、简介1、项目中使用的国际化插件----vue-i18n;2、实现前端页面的国际化实现,copy一份项目的中文,然后把页面上的中文全部改成英文,创建语言包,element ui组件的国际化已经在项目的配置文件中完成;通过登陆页面的按钮触发事件的形式,来控制 locale 的值,去调用对应的语言包实现的国际化;在页面中可通过topMenu的下拉菜单Language切换语言;3、配置项目中配置默认为中文,首次进入获取用户缓存的语言进行显示;根据缓存的语言预测用户的语言
2020-05-25 09:21:59
1134
原创 promise async await
义务需求:在输入字典名称后,查询验证是否存在这个字典,输入字典名称获取相应的字典Id,一起传个后台;代码出现的问题:在完成输入字典表单保存时,无法获取字典名称的字典值;//输入字典名称验证var checkDictName = (rule, value, callback) => {if (!value) {return callback(new Error(“请输入字典名称”));} else {this.dictName = value;this.getDicts()//调用验证是
2020-05-25 09:17:52
215
原创 element ui table样式
表格样式修改(表头高、表头边框、表格内边框、表格行高)//控制表头高度.el-table /deep/ .el-table__header th {padding: 0;height: 40px;line-height: 40px;//表头边框设置border:solid #cccccc; border-width:1px 0px 0px 1px;}//添加表格行边框.el-table /deep/ td{border:solid #cccccc; border-width:1px 0
2020-05-25 08:53:52
1179
转载 i18n
longSet.vue (当前使用的是组件) 重要代码 this.$i18n.locale = ‘CNS’;<el-select v-model=“lang” placeholder=“请选择” size=“mini” @change = ‘switchLang’><el-option v-for="iteminlangArr" :key="item.value...
2020-04-10 16:57:10
284
原创 element tree自定义添加节点
添加节点的图标按钮在每个节点后面,添加节点时会自动触发当前节点点击事件getNodeData(),出现清空的form表单后马上自动跳转到被点击节点的信息页面,无法跳转到新建form表单,新建节点信息。<el-button icon=“el-icon-circle-plus” size=“mini” @click="() => addChildNode()" ***@click.sto...
2020-01-07 16:37:03
5107
原创 computed:{}
就是Object.defineProperty()中的get方法,在computed中调用的时方法,将复杂的数据进行拼接处理,在模板中写太复杂的逻辑不合适,这时就可以用computed这个对象。例子:name:{{n}}data:{n:***}computed:{name(){ return ‘$this.n’}}和下面的显示效果一样,但是……name:{{n}}data:{n:...
2019-12-01 22:23:48
2551
原创 vue的生命周期
----new vue({el:#root,template:,beforeCreat(){},created(){},以上两个周期服务端是可调用,beforeMount(){},render(){}render函数在mount这两个周期之间执行,render函数是干什么的下面内容有介绍mounted(){},以上两个周期时将组件HTML挂载到dom上取的过程,在服务端时还不能调用,...
2019-12-01 21:54:31
378
原创 vue到底是个什么东东?
以下内容全部为自己对vue 的理解,如有不对感谢告知一、vue是客户端渲染再说vue前我想先搞清楚渲染方式:1、客户端渲染CSR先把页面请求到客户端,这时页面只是一个模板,浏览器解析时发起template资源请求,同时发送数据请求,再客户端调用template渲染HTML,把渲染的内容显示到页面。(SEO不友好,前后端分离)加载HTML,在等JS,在跑JS的过程是发生用户在点击之后,在这...
2019-12-01 21:28:32
2062
原创 echart click事件
echart 添加事件:echart组件里的点击事件通过props的形式让父组件获取echart组件:props: {//这里的事件是饼图里写好的click事件,哪个组件需要就接收onClick:{type: Function,default: function(){}},},myChart.on(‘click’, function(params) {_this.onClic...
2019-11-28 15:00:09
479
原创 formatter
formatter 用来格式化内容 Function(row, column, cellValue, index)需求:获取的数据中没有的项用0表示,不要空着在每列单元格标签内加上:formatter=“columnFormatter”,当然如果不同的需求可以添加不同的formatter方法,这里的需求只用变成0就行,所有我在每个需要变成0的项添加了相同的formatter方法,colum...
2019-11-28 13:59:59
757
原创 element button的坑
直接@click没有用@click.native="sth"这样点击事件才有用,其实是这个库某些地方把原生的click禁用了
2019-11-28 13:20:41
1779
原创 报错
TypeError: handler.apply is not a functionvue单文件中 data里面的属性和methods里面的方法重名了
2019-11-28 13:11:56
104
原创 单元格点击事件cell-click
一定要将@cell-click="show"这玩意儿写在标签上,不能写在列的标签内,一般思维是点击哪行就把事件写在哪儿,这货不是,折腾一小时!<el-table :data=“tableData” border style=“width: 100%” @cell-click=“showPTable2”>...
2019-11-28 13:10:32
18392
7
转载 版本升级的变化
element ui组件从之前的1.4.6版本直接升级到2.4.6的最新版本。1.element ui 图标库的更新。原先的图标使用的名称有些许的改动。使用方法没有变化,只需要找到自己使用图标的地方改变名字即可。2.页面全局报错[Injection “elFormItem” not found]。这个错误是因为在element ui 版本升级过后,对应的vue版本 及 vue-templa...
2019-11-27 12:47:39
308
原创 ivew table
实际项目的数据不一样,所以**//表格的所有内容columnsBase: [{// queryConditions: true,key: “Severity”,title: “事件级别”,ellipsis: true,type: {1: “严重故障”,2: “严重警告”,3: “一般警告”},align: “center”,render: (h, params) =...
2019-11-15 17:14:25
137
原创 APP设计界面分类
聚合页:聚合页往往出现在首页,页面呈现多个板块内容的集合,页面内容都是层级的,为用户提供清晰的界面,功能的展现。列表页,一个APP中大多数页面都是列表页,用于区分同类信息,列表页布局往往有图文混排、纯文本、图片列表、宫格、卡片。内容详情页,展示内容详细信息,文章详情、电影详情、音乐详情、作者详情、小组详情等等,发布页,发布页主要用于用户发表自己的想法、评论等,精简页面来让用户专心填写发布内...
2019-11-01 13:36:20
1933
转载 数组
构造函数 Array 专属Array构造函数的方法常见有三种:Array.isArray(obj)— 判断对象是否为数组,返回布尔Array.isArray([]) // trueArray.isArray({}) // false复制代码创建新数组下面两种方法意在创建新数组,所以我总结在一个大类里面。比较常见的有两种创建形式,大家可以理解分类记忆。可以指定规则:从一个迭代器对象或...
2019-10-29 10:16:58
149
原创 路由的跳转/传参/嵌套
-----路由1、name传参A:在路由文件src/router/index.js里配置name属性。routes: [{path: ‘/’,name: ‘Hello’,component: Hello]B:模板里(src/App.vue)用$router.name的形势接收,比如直接在模板中显示:{{ $router.name}}2、Router-link传参A:valueString...
2019-10-23 14:48:38
375
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人