qq_39920109前端小菜鸟-优快云博客

原创【vue】将组件抽离到store中，全系统公用的方法

在项目中，会遇到很多全系统共用的组件块，例如共用弹框一类的。现在贴出核心代码：第一步：首先要定义好一个store文件，如：renKouInfo.jsimport { peopleDetail } from '@/api/basicInfo'export default { namespaced: true, state: { visible: false, type: 1, info: { basic:{} } }, mutations: {

2022-04-15 10:21:13 972

原创 vue表单重新渲染后验证

在项目中经常遇到需要重新渲染重新验证表单规则的情况this.$nextTick(() => { const nameR = `ruleForm${this.active}` this.$refs[nameR].clearValidate('readerPreSql')})其中 readerPreSql 是我要去重新校验的表单某一项，绑定的是prop的属性值；如果需要重新渲染整个表单，代码如下this.$nextTick(() => { his.$refs['ruleForm0'

2022-01-18 09:44:05 805

原创 vue别人访问自己的本地vue项目

同事想看我的本地vue项目，给她配个IP就好啦！如下：在项目中找到 config → index.js 中，将host改为你的IP地址，端口自定义，先本地运行起来后，然后让别人跟你在同一局域网下就可以访问你的本地项目了！运行：...

2021-11-22 11:15:13 1700

原创 ES6学习列表

前言：什么是es6？ES6（ECMA Script 6），为JavaScript语言的一种规范，名为ES6。一、var let const 三者的区别：let const是es6新出的规范。三个都是声明变量的作用，区别如下:let1、与var不同的是，let有严格的作用域；2、在同一作用域下，let不可以重新赋值，否则报错；3、var是函数作用域，let是块级作用域。const1、声明的是常量（常量：只包括字符串、数值、布尔，不包括数组、对象）；2、不可以只声明不赋值，否则报错。c

2020-08-12 23:38:56 283

原创微信小程序引入iconfont

微信小程序如何引用阿里iconfont图标库？1、进入阿里iconfont官网 https://www.iconfont.cn/；新建一个自己的项目，导入自己需要的icon。2、将项目里的icon库下载至本地、解压。3、打开https://transfonter.org/，来转换 ttf 。点击Add fonts，上传iconfont.ttf。4、勾选上 Family support , Base64 encode, TTF 三个选项, 点击 “Convert” 进行转化, 然后 “Down

2020-08-05 18:16:02 3402

原创 react - JSX踩坑记

1、在 JSX 中，注释的写法：NO1<Fragment> {/* 正确注释的写法 */} <div> <input value={this.state.inputValue} onChange={this.inputChange.bind(this)} /> <button onClick={this....

2020-01-07 09:38:38 689

原创【react】在react中使用less

在用create-react-app搭建react app的时候，原生并不支持less，只支持css。不过create-react-app官方给了一种方法使用less，供以后开发时参考。步骤：1、主要利用了node-less-chokidar 这个库首先导入node-less-chokidar 和 npm-run-all 这两个库npm install node-less-chokida...

2020-01-06 14:50:52 317

原创微信小程序左上角返回按钮触发事件

从A页面跳转到B页面，再从B页面通过左上角返回按钮，返回到A页面A页面：B页面：从B页面返回到A页面时，触发事件请求接口：代码如下：B页面js代码 onShow: function () { wx.setStorageSync('aShow', true) },A页面js代码onShow: function () { var page = this; ...

2019-06-28 14:51:47 19580 3

原创【微信小程序】预览视频

送上代码：<view class="prew_video" hidden=""> <video id="prew_video" autoplay="false" muted="{{flase}} bindfullscreenchange="bindVideoScreen...

2019-06-13 10:44:29 3711

原创【CSS】滚动条样式-自定义

代码： .tuijian-list::-webkit-scrollbar {/*滚动条整体样式*/ width: 5px; /*高宽分别对应横竖滚动条的尺寸*/ } .tuijian-list::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 10px; -webkit-box-sha...

2019-05-16 10:31:58 107

原创【CSS】文字超过三行显示省略号...

代码：<!DOCTYPE html ><html > <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> &...

2019-05-16 10:11:30 24223 2

原创【PHP】渲染并列表格view

@)[转]Eclipse创建Maven项目](这里写自定义目录标题构建Maven项目的完整过程–普通web项目（Eclipse）进行以下步骤的前提是你已经安装好本地maven库和eclipse中的maven插件了（有的eclipse中已经集成了maven插件）一、Maven项目的新建1、鼠标右键---->New----->Other…2、直接点击下一步3、选中 maven...

2019-04-25 11:02:16 428

qq_39920109的博客