- 博客(64)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vue3 组件库的开发
1、vue3.0TypescriptVue RouterVite项目搭建：全局安装： yarn global add create-vite-app@1.18.0 或者npm i -g create-vite-app@1.18.0创建一个项目：vite 文档给出的命令是npm init vite-app <project-name> yarn create vite-app <project-name>等价于 全局安装 create...
2020-12-03 20:49:20
3230
原创 mysql 数据库查询 当前数据，上一条 下一条
-- select * from article where id<15 order by id desc limit 0,1-- union all-- select * from article where id = 15-- union all select * from article where id > 15 && type_id =1 order by id ASC limit 1
2020-08-16 12:19:40
691
原创 js 把对象分层标记
直接运行这段js 文件即可var obj = { msg: '1', code: 200, data: { list: { name: 1, c: '11', row: [ { a: 1, b: 2 } ], list: { .
2020-08-02 12:06:53
292
原创 宝塔面板部署 node.js 项目
安装： Nginx 1.16.1安装：MySQL 5.5.62安装：PM2管理器 4.2.3Nginx 配置如下：user www www;worker_processes auto;error_log /www/wwwlogs/nginx_error.log crit;pid /www/server/nginx/logs/nginx.pid;worker_rlimit_nofile 51200;events { use epo.
2020-05-11 19:34:06
6175
原创 taro 升级项目依赖到指定的版本，报错解决方法
taro update project 2.1.5如果报错可以执行下面这个语句npmcacheclean--force
2020-05-11 16:35:58
3322
原创 linux服务器部署node项目。怎么查看已经运行中的node 项目
查看进程 ：ps -ef|grep node杀死进程：kill 15834
2020-04-18 19:46:33
7996
原创 nginx 常用的命令：启动，停止，重新启动
启动：start nginx停止：./nginx -s start重启动：./nginx -s reload
2020-04-17 21:36:09
1246
原创 react 按需加载，修改antd 主题样式
// 大概在115 行左右 // 修改原来的 if (preProcessor) { let loader = require.resolve(preProcessor) if (preProcessor === "less-loader") { loader = { loader, options: { ...
2020-04-04 23:33:08
564
原创 【vue开发技巧】路由太多的时候，怎么分类按照文件夹引入路由
当路由太多的时候，导致整个页面非常大。在这个时候，可以通过把路由分类，然后使用require.context引入文件夹下所有的路由。在router文件夹下创建：index.routes.js 和login.routes.js在index.js中代码如下：import Vue from 'vue'import VueRouter from 'vue-router'i...
2020-03-26 20:23:45
1695
原创 【vue开发技巧】vue 使用webpack require.context 全局引入组件，使用的时候就不需要单独再引入组件
index.js代码：function changeStr (str) { return str.charAt(0).toUpperCase() + str.slice(1)}const requireComponent = require.context('./', false, /\.vue$/);const install = (Vue) => { requ...
2020-03-26 17:09:26
790
原创 node本地环境多个版本切换方法？
安装 nvm命令：nvm ls-remote：列出所有可以安装的node版本号nvm install v10.4.0：安装指定版本号的nodenvm use v10.3.0：切换node的版本，这个是全局的nvm current：当前node版本nvm ls：列出所有已经安装的node版本...
2020-03-14 16:27:08
2218
原创 【mpvue 微信小程序】解决打包后文件过大的问题
在开发环境打包的文件太大，不方便在手机测试。但是在生产环境打包文件就小很多了。原因：生产环境build 对代码做了压缩处理可以引入UglifyJs插件 解决这个问题修改build目录下 的webpack.dev.conf.js配置文件，前面添加插件的引入，var UglifyJsPlugin = require('uglifyjs-webpack-plugin')...
2020-03-04 18:49:00
1845
原创 【微信小程序】 监听点击底部tab 触发的事件
onTabItemTap 是和mouted 同级 <script>export default{ data () { return { showSendBtn: true, data: { code: '', tel: '' }, sharePath: '', count...
2020-03-03 19:56:14
4835
原创 css 单行文字 多行文字超过用省略号表示
1、单行文字超过省略/* 这里要显示的设置宽度 */overflow: hidden;white-space: nowrap;/* 文字超出宽度则显示ellipsis省略号 */text-overflow: ellipsis;width: 100%;2、多行文字超过省略display: -webkit-box; overflow: hidden;/*! auto...
2020-03-02 16:20:24
412
原创 微信小程序 自定义 头部
<div class="customer-head" :style="{'background':headcolor,'height':statusBarHeight+44+'px'}"> </div> <div class="customer-head" :style="{'height':statusBarHei...
2020-02-25 10:39:30
663
原创 create-react-app 搭建react项目，引入 antd按需加载,配置babel-plugin-import插件,编译后报错.bezierEasingMixin()解决方案
直接重新安装less版本yarn add less@^2.7.3
2019-12-26 11:41:39
638
原创 React webpack4.0 引入antd 按需加载配置
增加的代码 [ require.resolve('babel-plugin-import'),// 导入 import 插件 { libraryName: 'antd', //暴露antd style: 'css' ...
2019-12-25 11:56:42
1373
原创 react引入less没有效果，React 官方脚手架创建的项目，怎么引入less sass
1、创建项目：create-react-app reactProject2、yarn eject 暴露react项目的配置项，发现文件夹下面增加了目录configscripts非常重要需要安装 less 和 less-loaderyarn add less less-loader3、在config目录下面找到webpack.config.js打开文件在 49行差不多的位置可以找...
2019-12-24 23:11:26
978
原创 【微信小程序PC版兼容】日期格式化处理（padStar）
PC端小程序不兼容版本padStart方法不支持，再PC端会报export function dateFormat (format, number) { let ret let opt = { 'Y+': date.getFullYear().toString(), 'm+': (date.getMonth() + 1).toString(), 'd+': da...
2019-12-24 10:53:17
447
原创 【react】react怎么修改默认端口3000
用脚手架创建的项目，默认端口为3000，如果接口有冲突了就需要修改默认3000的端口。方法1：添加 .env文件，设置PORT=8080如果需要查看react的默认配置。可以将react的配置暴露出来，暴露出来的方法为：npm run eject...
2019-12-14 18:25:56
1242
原创 mpvue【微信小程序】下拉刷新 上拉刷新
下拉刷新onPullDownRefresh(){ console.log('下拉') } onReachBottom () { console.log('到达底部刷新') }
2019-12-02 13:59:59
333
原创 【微信小程序】动态设置顶部 标题 内容 颜色 背景颜色
小程序动态设置 顶部标题 wx.setNavigationBarTitle({ title: '动态设置' }) wx.setNavigationBarColor({ frontColor: '#ffffff', // 必写项 backgroundColor: '#272020', // 传递的颜色值 animation...
2019-11-26 20:41:21
3659
原创 【安卓手机】小程序键盘弹出显示上一个页面的内容
临时解决方案：只能将cursor-spacing 改小方案2：设置属性adjust-position:false然后获取键盘的高度，动态往上移动键盘的高度。
2019-11-26 15:52:26
312
原创 【js】正则表达式汇总
1、匹配回车换行符号：str.replace(/\n/g, '<br/>')2、匹配所以的空格str.replace(/\s/g, '空格')
2019-11-26 09:44:54
281
原创 微信小程序发布后， 判断是否更新到最新版本
const updateManager = wx.getUpdateManager() updateManager.onCheckForUpdate(function (res) { // 请求完新版本信息的回调 console.log(res.hasUpdate) }) updateManager.onUpdateReady(functi...
2019-11-19 16:29:09
2967
原创 react开发技巧：redux-devTools配置
react开发技巧：redux-devTools配置reducer.js的拆分和整合；每个组件中都建立一个store ,然后在最外层store中合并所有的storeimport { combineReducers } from 'redux'import headerReducer from '../common/header/store/reducer'cons...
2019-11-10 14:23:51
160
原创 React 引入iconfont图标不显示的问题，react 如何引入iconfont图标
方案1： 1、从iconfont，下载下来的代码，解压后的文件。选择选中的五个文件复制到项目中。 然后打开iconfont.css文件：修改文件的路径为自己本地的路径【下图红色箭头标记的位置】修改完成后，然后在index.js入口文件中引入iconfont.css文件即可。import './statics/ic...
2019-11-09 22:20:38
3626
原创 vscode 常用插件安装
名称 简述 Auto Close Tag 自动闭合HTML标签 Auto Import import提示 Auto Rename Tag 修改HTML标签时,自动修改匹配的标签 Airbnb react snippets ...
2019-11-09 16:43:32
915
原创 Clipboard.js移动端【ios】复制事件不生效解决方法
在需要添加复制事件的元素增加Css样式：cursor: pointer; 要给点击复制的按钮加这个属性才能在移动端好用。苹果和安卓百分百好用。 // $(function(){ // var clipboard = new Clipboard('.copywx'); // clipboard.on('success', fun...
2019-11-08 13:41:42
2503
原创 微信小程序 时间格式化处理方法【兼容ios】
ios不能识别日期格式为2019-11-0620:00:01 或者2019.06.21 20:00:01 中的 - 或者 . ，所以使用new Date("2019-06-21 20:00:01")不能将字符串转换为Date，需要将 -或者. 转换成 / 即可解决问题。let _date = endTime.replace(/\.|\-/g, '/');let endDate ...
2019-11-06 10:14:26
1979
原创 react：redux_dev_tools的安装
1、在应用商城安装chrome 插件redux_dev_tools2、配置https://github.com/zalmoxisus/redux-devtools-extension#usage在index.js配置 添加import { createStore } from 'redux' // 引入createStore方法import reducer from ...
2019-11-04 20:58:59
226
原创 npm install xxxxx 各种方式的 安装的区别
npm install xxxxx，安装在项目目录下，不在package.json里面生成依懒npm install -g xxxx ，全局安装，安装后的包位于系统预设目录下npm install -save axios ,安装的包将写入package.json里面的dependencies，dependencies：生产环境需要依赖的库npm install -save-...
2019-10-30 22:01:51
473
原创 vuex-mapState,mapGetters,mapMutations,mapActions 的使用方法
组件中写法：state获取的方法$store.state.user.count...mapState(['userIndex'])...mapState({userIndex: state => state.user.user}),state定义 state: { name: '用户', todos: [ { id: 1, done:...
2019-10-27 23:41:01
636
原创 vue webpack配制 在生产环境清除console.log 排除console.warn
在开发环境中我们喜欢用console.log测试代码，但是部署到生产环境我们不可能一个一个把console.log给手动删除了。在build/webpack.prod.conf.js文件里加上这样一段代码即可new UglifyJsPlugin({ uglifyOptions: { mangle: { sa...
2019-10-25 20:21:09
1141
原创 mpvue 小程序常用的一些插件 路由跳转mpvue-router-patch，数据请求flyio,vuex
路由跳转mpvue-router-patch方法$router.push(location, onComplete?, onAbort?, onSuccess?)跳转到应用内的某个页面，mpvue.navigateTo、mpvue.switchTab 及 mpvue.reLaunch 均通过该方法实现，location 参数支持字符串及对象两种形式，跳转至 tabBar 页面或重启至某...
2019-10-19 13:44:32
266
原创 vscode 需要安装的插件，配置
1、Vscode-icon 图标显示插件2、Bracket Pair Colorizer 标记对应的括号3、使用快捷键组合【Ctrl+Shift+p】，在搜索框中输入“configure display language”，点击确定后；4、gitLens...
2019-10-19 09:57:25
1199
1
原创 js 匹配 img标签 增加 style样式
给img标签增加 style样式：1、如果img 标签没有style 就先添加style标签2、添加标签后统一再添加style样式 function imgTagAddStyle (htmlstr) { // 正则匹配所有img标签 // var regex0 = new RegExp("(i?)(\<img)([^\>]+\>)","...
2019-10-16 17:13:28
3065
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人