- 博客(34)
- 收藏
- 关注
RSS订阅原创 git提交失败——running pre-commit hook: lint-staged
vue项目中有些做了语法校验，遇到了git提交失败，根据错误提示，成功解决了问题。git提交失败——running pre-commit hook: lint-staged这句话的意思，大概是有一个钩子，提交前检查项目代码的规范，eslint的检查。提交失败的原因：项目中error过多，导致检测未通过，提交失败。不进行检查这个命令行代码就可以提交了git commit -m “chenjie1” --no-verify意思：这次提交不进行检查...
2022-02-17 17:43:37
1402
原创 vue获取屏幕高度、元素高度、元素滚动scrollTop
获取屏幕高度let scrollTop = document.documentElement.clientHeight || document.body.clientHeight;// 获取元素高度let imgHeight = this.$refs['bread_crumb'].offsetHeight元素滚动scrollTopwindow.addEventListener("scroll",this.handleScroll, true); handleScroll(e) {
2022-02-16 15:44:29
2481
原创 在ios端input搜索，@confirm不生效的问题
在ios端input搜索，点软键盘右下角的变成搜索，同时搜索成功之后，关闭软键盘confirm-type在input 里面添加 confirm-type 为 search，软键盘右下角的变成搜索<input type="text" confirm-type="search" v-model.trim="query" @confirm="confirm(null)" placeholder="请输入政策关键词">confirm方法在执行这个方法的时候加上下面这句话， 就是关
2021-12-30 15:23:44
1690
原创 vuex的基础学习
store（读：死多）文件夹的index.js文件，创建stateconst store = new Vuex.Store({ state: { count: 0 },})获取state（读：死的特）里面的count的二种方式// 第一种获取方式{{$store.state.count}}// 第二种获取方式{{count}}import { mapState } from 'vuex'computed: { ...mapState(['c
2021-11-23 10:55:00
401
原创 css动画效果网站
You-need-to-know-cssCSS TricksYou-need-to-know-css,CSS tricks web developers need to knowhttps://lhammer.cn/You-need-to-know-css/#/zh-cn/mouse-cursorCSS-Inspirationcssinspirationguide - csc inspiration guide onlinehttps://chokcoco.github.io/CSS-Inspi..
2021-11-17 09:24:13
1791
原创 vue sass安装 问题
这个问题在初使化vue项目的时候，就会出现这个问题！记录一下vue-cli项目请先安装 sass 及 sass-loader安装 sassnpm i sass -D 或 yarn add sass -D 安装 sass-loadernpm i sass-loader@10.1.1 -D 或 yarn add sass-loader@10.1.1 -Dsass-loader 请使用低于 @11.0.0 的版本，sass-loader@11.0.0 不支持 vue@2...
2021-10-08 16:54:42
128
原创 app里面uni-app开发h5页面富文本获取里面的内容
原使数据是这样的this.detailData.articleImg 这个是变量<p>一二三四五六七八九十<span style=\"font-size:16px\"><span style=\"background-color:#ffffff\"><span style=\"color:#000000\">一二三四五六七八九十一二三四五六</span><span style=\"color:#db2727\">七八九十一..
2021-09-02 16:28:22
2121
原创 后端返的时间字段做时间格式化
在日常的工作中，一些情况后端直接把没有处理的时间返给我们，让我们做时间格式化，那我们也只能处理了，如果没有做过的朋友，对js处理时间这块不是很了解的话，是要花一些时间的，案例// 后端返回的数据applyTime: "2021-07-19T14:13:28.000+0800"// 前端处理数据 如果你需要时分秒的话。（hh:mm:ss）new Date(el.applyTime).pattern("yyyy-MM-dd");...
2021-08-18 15:25:02
630
原创 vue项目启动成功，但是在浏览器访问出现“网页无法正常运作”
关于这个问题，我是之前压根就没有遇到过，出现这种我第一时间检查是不是我的代码问题，但是能启动成功啊，但是页面就是访问不了，后面又启动别的项目，发现也是项目启动成功，但是页面访问不了， 这个问题就是奇怪了，然后我又百度各种搜索但是没有找到我想要的答案，我又了朋友，他们说也没有遇到过这种问题，我就烦了， 然后时间一下子就过去了2个多小时，没有一个结果，后面我冷静了想想了， 我最后出问题是因为我写了cookie存储数据的方法，刷新一下，页面就打不开了，有可能是我的数据超过最大的浏览器存储最空间了吧，才会打不开的吧
2021-07-26 08:57:53
7428
3
原创 js 回调函数用法
关于回调函数的用法之前一直不怎么清楚，半懂不懂的状态，所以在这里记录一下，主要还是怕自己忘记了，async getGoodList(callBack){ const res = await this.$myRequest({ url: '/api/getgoods?pageindex=' + this.pageindex }) if(this.pageindex ==1) { this.goods = res.data.message }else { t
2021-07-08 19:01:55
207
原创 vue 页面运用实例
class通过计算属性传参动态添加不同样式<view :class="[_setType(item.type)]"></view>_setType() { const className = ['v-flow-item', 'v-flow-item success', 'v-flow-item error'] return function(n) { return className[n] }}600
2021-07-05 19:27:57
253
原创 vue 实战报错总结
element ui报Cannot read property disabled of null错误这个是因为在页面中使用了el-dropdown，但是在这个标签里面没有设置它的子元素，所以会报错，在el-dropdown中添加el-dropdown-menu标签就好，或者把el-dropdown删除...
2021-06-24 10:28:48
520
原创 vue 组件通信的几种方法
父传子的方法// 父组件<HelloWorld msg="Welcome to Your Vue.js App"/>import HelloWorld from './components/HelloWorld.vue'export default { name: 'App', components: { HelloWorld },// 子组件 {{msg}} props: { msg: String, },...
2021-06-18 16:54:47
200
原创 vue 动态改变样式，通过input双向数据绑定 用户主动改界面样式
这个功能是在用于用户想界面主题颜色 ，用户可以手动改<template> <div class="hello"> <div class="myDiv" :class="myColor"> div3 <input type="text" v-model="myColor"> </div> <button @click="addClass">改变样式</button&
2021-06-17 18:07:10
458
原创 页面超过5分钟用户没有操作就自动刷新
<script type="text/javascript"> //监察是否长时未操作 /** * 超时校验 * @param timeOut * 超时时间，单位：毫秒 */ const checkTimeOut = (timeOut) => { currentTime = new Date().getTime(); //更新当前时间 if (currentTime - o.
2021-06-17 09:10:11
1815
原创 小程序 本地存储setStorage 和getStorageSync的运用
在做小程序本地存储的时候，就是要异步存储setStorage 然后同步获取本地存储数据getStorageSync如果你是用
2021-06-04 17:26:49
2507
3
原创 小程序 地图选择地址功能
使用这个功能需要用到小程序添加腾讯地图，还要申请一个key才能用的上，如果这个你搞懂了，那这个功能来说就是非常简单的html代码 <input class="weui-input" placeholder="请选择地址" bindinput="changeAddress" data-name="roomaddress" value="{{roomaddress}}" disabled bindtap="gotoMap"/>js代码// 默认获取当前位置的经纬度onLoad:
2021-05-27 15:15:36
959
2
原创 小程序导出Excel文件
html结构<view class="exTit"> <view class="item1"> <text>导出Excel</text> </view> <view class="item2"> <text>请选择导出时间段</text> </view
2021-05-26 14:06:02
2330
原创 react\vue项目启动报错
如果你遇到了上周五还能启动的项目，过了一个周末回来发现项目启动不了，还报下面这个错误的话，直接看我下面的解决方案就可以了Error: ENOENT: no such file or directory, scandir 'E:\陈杰\公司项目\南网小程序PC端\Intelligence\node_modules\node-sass\vendor'直接执行这个命令就可以了npm rebuild node-sass...
2021-05-17 09:39:26
218
原创 动态修改网页标题和图标实例
效果图如下：修改网页图标document.head.getElementsByTagName('link')[0].href = `${request.baseURL}/nbsystem/device/getDevicePicture?path=${d.logoIconurl.replace(/\\/g,"/")}&fileName=logo`修改标题window.document.title=`${d.title}-登录`...
2021-05-06 10:03:07
363
原创 接口返回的数据 图片地址拼接
后台返回的数据是imagepath:"\floor\2021-04-23\11232F146FFB4D91A53427121EDED45A.jpg"拼成一个完成的图片地址我采用了一个replace()方法，把数据里面的\改成/<img src={`${request.baseURL}/nbsystem/utils/getFile?path=${c.imagepath.replace(/\\/g, "/")}&fileName=参数`} alt="img" />..
2021-04-29 15:44:34
777
原创 sort 数组数字排序方法
要按数字大小排序，我们可以这么写：var arr = [10, 20, 1, 2];arr.sort((x, y)=> { if(x< y) { return -1 } if(x > y) { return 1 } return 0})console.log(arr) // [1, 2, 10, 20]要倒序排序，我们可以把大的数放前面var arr = [10, 20, 1, 2];arr.s
2020-09-30 09:51:44
913
原创 filter 数组去重方法
filter()接收的回调函数，其实可以有多个参数。通常我们仅使用第一个参数，表示Array的某个元素。回调函数还可以接收另外两个参数，表示元素的位置和数组本身：var arr = ['A', 'B', 'C'];var r = arr.filter(function (element, index, self) { console.log(element); // 依次打印'A', 'B', 'C' console.log(index); // 依次打印0, 1, 2 co
2020-09-29 17:58:23
1989
原创 Promise 实战用法
定义方法getChatRecord (params = {}) { return new Promise((resolve, reject) => { QUERY_CHAT_LIST(params).then(res => { resolve(res) }).catch(error => { this.$message.error(error.message) reject(err
2020-09-27 12:00:34
213
原创 小程序 scroll-view 弹窗 穿透问题
在弹窗标签上添加属性：catchtouchmove="true"，即可<view class="tc_con" wx:if="{{warningShow}}" catchtouchmove="true"> <view class="con_ma"> <view class="con_title"> <view class="title"> <image src="/images/equipment/ico.p
2020-09-18 10:33:12
409
原创 遍历 Map 结构
const map = new Map();map.set('first', 'hello');map.set('second', 'world');for(let [key, value] of map) { console.log(key + value)}Map 结构遍历 采用forof遍历
2020-09-10 16:33:40
338
原创 ES6对象的解构赋值
整个对象复制到一个变量里面let {...obj} = {foo: 'aaa', bar: 'bbb'};获取对象里面的某个值let {bar} = {foo: 'aaa', bar: 'bbb'};console.log(bar ) // bbb获取对象里面的某个值，变量名和属性名不一样let {foo: baz} = {foo: 'aaa', bar: 'bbb'};console.log(baz) // aaa...
2020-09-10 10:56:12
133
原创 JS之正则表达式 验证大全
输入框只能输入中文，英文和数字的组合，其他字符不能输入的校验if(!/^[A-Za-z0-9\u4e00-\u9fa5]+/.test(value)){ alert('不能输入非法字符') }
2020-09-01 17:17:37
382
原创 小程序使用Echarts图表, 从当前跳转到另外一个页面，在返回当前页，要重新绘制图表？
关于这个问题，作者是多方打听和各大网站搜索，花了比较长时间终于解决，记录一下，这个问题，也分享给其他朋友遇到这个问题能快速解决！！小程序使用Echarts图表, 从当前跳转到另外一个页面，在返回当前页，要重新绘制图表？场景：图表是在详情页，从详情页跳转到设置页，如果在设置关闭预警订阅，那图表就不需要最高和最低的线就要了，所以返回到详情页要更新一下图表，就不显示这两条线，如果在详情是关闭预警订阅状态，在设置页开启的话，那详情页图表就得显示这个两条线。下面是上图的源码解决这个图表更新的问..
2020-08-31 15:04:02
1088
原创 小程序 关于安卓和ios因为日期格式不一样，导致请求接口拿不到数据的问题
const strToDate = (str) => { // let d = new Date(str) let d = null; if (typeof str === 'object' || typeof str === 'number') return new Date(str); if (!str) return new Date(); str = str.replace('T', ' ').replace(/\//g, '-'); //if(d == null) .
2020-08-24 14:33:05
250
原创 js 获取时间大全
获取指定时间的时间戳let starttime = new Date('2018.1.1 00:00').getTime()let endtime = new Date('2099.12.30 23:59').getTime()获取当前月的第一天和最后一天 let date = new Date(); let starttime = new Date(date.getFullYear(), date.getMonth(), 1).getTime(); let endtime = n..
2020-08-03 17:40:26
195
原创 小程序 实战学习到新知识
小程序页面通信之eventbus学习链接https://blog.csdn.net/julystroy/article/details/86572342小程序页面通信、数据刷新、事件总线 、event bus 终极解决方案之 iny-bus框架学习链接https://blog.csdn.net/landl_ww/article/details/98471891完美实现微信小程序商品左右联动scroll-view的实现及性能优化,点击左边，右边滚动；右边滚动，左边也对应变化学习链.
2020-07-23 16:23:51
140
原创 一个人做的第一个小程序项目总结
这次的项目总共有6个人页面分别是，欢迎页、新闻列表页、详情页、电影首页、列表页、搜索页、详情页，下面按每个页用到哪些小程序api做一个总结欢迎页整个页面的组成部分就是 一个头像、名字、加一个按钮跳转页面welcome.json修改导航修改颜色{ "navigationBarBackgroundColor": "#b3d4db"}welcome.js这个地方有个难点，就是如果跳...
2020-04-23 23:57:52
379
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人