前端小菜鸟__简单-优快云博客

原创 mac安装node多环境

一般有些项目需要老的node版本支持，但是新的项目老的版本又不支持，这个时候需要切换node版本来运行各个项目。注意：n也是一个命令行程序，Mac上如果需要用npm安装一些全局命令的包，需要加上sudo以使用管理员权限。如果想切换 node版本的话运行。然后使用 n ls 查看是否安装成功。这个时候需要一个npm包。安装好之后我们就可以使用。来管理这些node环境包。一般都是最新稳定版本。

2024-01-22 16:33:49 662

用户点击分享按钮的时候会调用。这个分享按钮可能是小程序右上角原生菜单自带的分享按钮，也可能是开发者在页面中放置的分享按钮（ < button open-type = " share " > ）；< button open-type = " share " > 分享 </ button >用户点击分享按钮的时候会调用。这个分享按钮可能是小程序右上角原生菜单自带的分享按钮，也可能是开发者在页面中放置的分享按钮（ < button open-type = " share " > ）；

2024-01-15 14:27:49 1499 1

原创 blob导出文件乱码

需求导出xlsx后端成功返回结果这一串不知道什么东东百度了一下发现前端需要使用new blob去操作然后我的导出是这样的导出不是文件类型错误就是[object, object], 郁闷一下午后来发现直接responseType直接设置 blob 就行返回之后不需要new blob()更改之后 return axios .post( url, { dataList: params, }, { he

2021-12-08 17:04:12 1929

原创 wx-open-launch-app使用及遇到的坑

总结及巩固使用微信开放标签跳转RNApp遇到的坑和用法说说我们的需求，遇到的需求把我们app内容分享到微信然后再次从微信h5页面跳转回app当前页面1.第一步，我们要注册一个唯一的公众号appId值2.引入js文件，因我们使用taro 所以直接// 安装包npm install weixin-js-sdk使用import wx from 'weixin-js-sdk';3.通过config接口注入权限验证配置并申请所需开放标签// 说明这里就是获取第一步的公众号APPID唯一值通

2021-01-29 10:28:01 6708 5

原创 react-native-swipe-list侧滑删除

最近写rn项目，有遇到类似购物车侧滑删除的功能，刚开始看到了antd里面的SwipeAction 滑动操作这个组件，适配单个侧滑使用效果，达不到预想的那种列表滑动下一个单元上一个合并的效果。然后百度了一方找到了react-native-swipe-list-view组件库，想操作一番。因项目的体制问题，我们不能随便下载插件，然后我去就官网看了下源码，复制粘贴吗，程序员必备技术，源码放到自己的项目中实现了一下，但是还是不够近仁义啊，不能直接使用啊，预期的效果还是不够，然而只能在基于改动它的源码了。如下：Sw

2020-11-11 14:25:24 792

原创 vue配置router 和vuex 解决core-js从报错问题

在vue项目中必不可少使用vue-router + vue在使用vuex中代码如下'use strict'import Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);// 创建实例const store = new Vuex.Store({ state: { count: 1 }});export default store;在入口index引用import Vue from 'vue';import A

2020-10-19 11:26:00 474

原创 webpack + vue ，运行时图片出现[object Module]

使用webpack作为打包工具，自己搭建项目会遇到奇奇怪怪的问题，前端更新迭代太快，有点插件更新太快webpack的版本不支持，也有其他问题。遇到的问题：webpack 配置vue添加图片的时候使用了file-loader 插件配置也实验了url-loader效果如上图，奇葩问题 { test: /\.(png|jpg|gif|jpeg)$/, use: { loader: 'url-loader', options: {

2020-10-15 13:59:59 311

原创 webpack搭建启动之 merge 报错问题

webpack-dev-server --open --config ./build/webpack.dev.js --mode development/Users/admin001/Desktop/vue-webpack/build/webpack.dev.js:16module.exports = merge(webpackBaseConfig, {^报错截图解决方案查看项目中使用webpack-merge的地方，一般都是webpack 开发和线上文件中使用到这个修改之前的代码

2020-10-15 10:00:21 595

原创基本的百度地图使用

创建地图 @observable mapStyle = 'midnight' //地图主题，切换主题时暂存到local let map = new BMap.Map("demoMap",{ // 创建地图 minZoom: 4, // 地图允许展示最小级别 maxZoom: 19, // 地图允许张氏最大级别 enableMapClick: false //是否开启底图可点功能 }); map.centerAndZoom(new BMap.Point(

2020-06-09 16:07:51 252

原创 Windows Flutter开发环境配置

第一步配置 java JDK1.1 打开百度搜索 java jdk下载1.2 选择第一个点击进入点击接收许可协议根据需求选择你们的版本是windows系统还是 linux 系统还是mac系统。但是:(现在的现在jdk是要进行oracle账号注册登录的,所以需要小伙伴你们去注册)我这里有一份 window x64的 window小伙伴可以使用，有需要的小伙伴可以下载链接：h...

2019-07-19 14:43:05 203

原创 vue-draggable拖住的使用

最近写的项目中的有个需求是内容可以拖住的，然后在网上找到了vue-draggable这个插件，怕以后再回用到,正好趁着忙里偷闲的时候写下这篇文章1.安装npm install vue-draggable --save2.使用2.1 页面引入import draggable from 'vuedraggable'2.2 页面使用 <draggable v-model="ta...

2019-06-10 15:20:57 3451

原创 vue无缝滚动轮播 scroll

遇到个需求是做一个无缝滚动的列表,这个千辛万苦找到了一个插件 vue-seamless-scroll，还是要记录下来,不然下次可能还会再找。1.安装npm run vue-seamless-scroll --save2.配置2.1全局配置在main.js中,配置import scroll from 'vue-seamless-scroll'Vue.use(scroll)3.使用...

2019-06-10 15:12:25 1745

原创 vue-cli3配合element按需加载问题

1安装插件npm install babel-plugin-component -Dnpm install babel-preset-env -D //babel-preset-es2015已废弃2修改根目录babel.config.js文件module.exports = { presets: [ "@vue/app", ], plugins: [ // e...

2019-05-06 20:12:52 1745

原创 js封装的一些常用方法

#总结一些自己常用的一些封装方法

2019-04-14 14:07:51 542

原创解决vue项目打包之后出现源代码的问题

vue项目打包npm run build 然后你去服务端F12 看Sources 会发现你可以看到你写的vue页面里面都是源代码你可以在 config/index.js 页面找到productionSourceMap:ture 改为 productionSourceMap:false再次进行打包之后再次查看就发现没有了...

2018-11-15 10:42:27 8835 1

原创小程序app.json简单的配置

配置window常用的参数说明一下 app.json 里面不能写注释的不然悔报错的会报下面的这个错误注释去掉过后的console 这样就好了不会报错了我也是刚学习习惯性的在后面注释发现一直报错以为是代码问题。反反复复检查好几次代码没问题后来删除注释过后发现不报错了底部tab栏切换现在好多小程序和app和相似底部有首页购物车个人中心等等一样的tab栏不一样的...

2018-11-14 14:05:02 524

原创正则判断折扣

判断保留一位小数的商场折扣 let discount = (rule, value, callback) => { if (!value) { return callback(new Error('请输入折扣')); } else { const reg = /^((0\.[1-9]{1})|(([1-9]{1})(\.\d{1})?))$/ ...

2018-11-13 18:58:46 820

原创 element 日期选择器

日期选择器开始时间大于等于当前日期小于结束日期结束时间大于等于开始时间&lt;el-row&gt; &lt;el-col :span="11" :offset="1"&gt; &lt;el-form-item label="开始日期:" class="el_form_item&quo

2018-11-13 15:50:17 665

原创 vue三级菜单后台管理系统

先把整体架构搭建出来!我这里有用到element-ui所以要下载然后在main.js里面配置创建页面路由里面引入在menu.vue写路由判断循环路由不多解释直接上图...

2018-11-07 17:32:57 7981 3

原创弹性布局的一些操作

弹性布局 <style> .box { display: flex; /* flex-direction属性决定主轴的方向（即项目的排列方向）。 */ /* flex-direction:row; 水平从左侧开始（默认的） */ /* flex-direction: row-reverse;水平从右侧开始 */ /...

2018-09-27 22:14:53 504

原创 elementUi上传图片

element上传图片 <div>  <el-upload class="upload-demo fl" :action="uploadUrl" accept="jpg jpeg、png、gif" :before...

2018-09-26 18:58:56 1464

原创搭建react项目

react 搭建第一步运行命令 “在有node的情况下” npm install -g create-react-app 成功之后然后运行 create-react-app my-app 项目名称（my-app是我随便起的一个名称）当成功的时候 cd my-app/ 进入之后看到的是这样的启动项目网页的效果是这样的然后我们进入我们项目打开sr...

2018-09-06 11:48:44 145

原创 React fetch封装

http.jsexport const $http = { URL:'这里是要请求的url', UrlEncode: (obj) =&gt; { if(!obj || Object.prototype.toString.call(obj) !== '[object Object]'){ return ''; } let params = []; ...

2018-08-29 10:12:35 2518

原创时间格式化

自己总结的一些时间格式化,可能比较娄,但是还挺好用的//日期格式化2018-9-9变成2018-09-09与前几天日期export function getDay(num, str) { let today = new Date(); let nowTime = today.getTime(); let ms = 24 * 3600 * 1000 * num; today.s...

2018-08-28 11:07:32 237

原创 vue3脚手架搭建

安装vue3之前先安装node js 查看node有没有安装可 cmd 1.安装(我使用的是npm 有人喜欢使用yarn yarn global add @vue/cli)这个代码我也放在这里了 2.创建一个项目输入命令按下回车的时候这个时候要注意了会跳出这个如果你选择 default 他会一直执行下去下载所有这个自己去试试吧哈哈我所说的主要是下面的...

2018-08-24 19:40:31 4881

征征酱

原创 React面试宝典