shaleilei的博客

原创 小程序图片裁剪

1121

原创 mac terminal终端快速打开指定文件夹

配置好了以后，直接common+B就可以直接在终端显示当前文件夹路径的terminal，开发很实用

原创 多文件逐个上传

今天遇到一个问题，客户要求多文件逐个上传，因为如果同时上传会出现高并发的情况，带宽不一定允许，所以采用了逐个下载，自己用的是element框架，但是得分两个按钮才行（先选择文件，再有一个上传按钮）；所以最终使用了原生的方法，方法如下：注意点：1.需要考虑到超时的问题；2.获取的文件集合是个JSON，并不是数组，所以forEach map这种没法用HTML代码块<input type="file" id="file" @change="jsUp" multiple>Javasc

原创 vue文件上传下载

下载文件流 let headers = res.data.headers; let blob = new Blob([res.data.body], { type: ["content-type"], }); let link = document.createElement("a"); link.href = window.URL.createObjectURL(blob); const f

原创 js单例模式详细解读

前言单例模式 (Singleton) 的实现在于保证一个特定类只有一个实例，第二次使用同一个类创建新对象的时候，应该得到与第一次创建对象完全相同的对象。反向教材结果是false，为什么呢，因为创建了两次A，hh,bb内存指针指向两个内存地址，所以不相等（PS：这个时候可以结合前言定义来看，我想A只创建一次，第二次不再重新创建，而是使用之前创建的） function A(name) { var a=1 } var hh=new A() var bb=new

原创 最新版IDEA安装Background Image Plus插件

原创 小程序webview数据传输postmessage

前言首先个人类型小程序不支持webview的使用，其次需要到微信公众平台配置业务域名，这个业务域名就是webview的合法域名；以上两点是必要条件代码模块小程序代码块<web-view src="http://jialidun.club/" bindmessage="getMSG"></web-view> getMSG(e){ console....

原创 js几种常见的递归方法

js几种常见的递归方法递归的概念：就是函数调用函数本身，或者在自己函数调用的下级调用函数自己；案例1：求和,1-100 function sun(n){ if(n==1) return 1 }案例2：递归方法1,1,2,3,5,8,13,21,34,55,89…求第 n 项 function fib(n) { if...

原创 js难点汇总01_内存

正所谓底层基础决定上层建筑，如果想写出优雅高性能的前端应用，就必须了解JS的内存机制。他会帮助你理解譬如：闭包、深浅复制、引用数据类型和引用传递；堆比栈大，栈比堆的运算速度快,对象是一个复杂的结构，并且可以自由扩展，如：数组可以无限扩充，对象可以自由添加属性。将他们放在堆中是为了不影响栈的效率。而是通过引用的方式查找到堆中的实际对象再进行操作。相对于简单数据类型而言，简单数据类型就比较稳定，并...

原创 使用element-ui中的el-upload组件时携带其他参数

<el-upload　　action="/api/oss/file/add"　　:headers="headers" // 如果头部需要传token　　multiple　　:limit="1" // 限制文件个数　　:before-upload="handleBefore"　　:on-success="handleSuccess"　　:data="pdfData"　　acc...

原创 VUE-CL教程

VUE-CLI教程一、前言：Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统二、CLI (@vue/cli) 是一个全局安装的 npm 包，提供了终端里的 vue 命令。它可以通过 vue create 快速创建一个新项目的脚手架，或者直接通过 vue serve 构建新想法的原型。你也可以通过 vue ui 通过一套图形化界面管理你的所有项目。我们会在接下来的指南中逐章节深入...

原创 vuex教程

Vuex简介什么是vuex:vuex是一个把多个组件通用的数据 我们把它拿出来，然后放到一个store里面管理，在需要使用的组件里面，我们可以拿出来使用关于storestore基本上就是一个容器，包含着你的应用中大部分的状态（state）关于statestate就是我们项目全局通用的data的属性，并且这些属性是响应式的，也就是当属性发生改变时，state也会回动...

原创 前端开发规范

前端开发规范备注：实际开发请以本公司的规范为标准。一.普通规范二.HTML\CSS规范三.Javascript规范四.UI框架及css预处理器规范五.脚手架、插件选择规范普通规范基本原则：结构、样式、行为分离缩进（建议IDEA格式化）文件编码（统一 UTF-8 ) <meta charset="utf-8">一律使用小写字母 <!-- one ...

原创 mac更换包管理器npm/yarn

前言：我电脑之前用的是yarn安装项目，当时应该是改了系统下面的隐藏文件.vuerc文件1、方法一：我没搞定，不知道怎么在terminal终端去修改文件，具体命令如下（能力强的操作PS：Linux命令）vi ~/.vuerc配上参考的文档，缺点就是日文的文档https://qiita.com/saken649/items/ccabb2f34cdac784b3832、方法二：找到文件修改...

原创 vue-cli3 取消关闭eslint 校验代码

用了vue-cli3，这个eslint在疯狂的提示我，严重阻碍了我的日常工作（写bug）选择生成的时候，有一个询问是否把插件配置文件写在package.json文件里，这里我手贱选择了是，现在开始排坑，vue-cli3没有build/webpack.config.base.js文件，这个时候我们有这个文件.eslintrc.js,实际上我们应该在.eslintrc.js文件中修改：删掉 “@vu...

原创 列表中el-switch 开关

请注意以面的写法，active-value和inactive-value的值分别是字符串的1和0,如果你赋值为数字类型的 1 或 0是无法正常工作的，若赋值为数值类型，需这样写：

原创 小程序text组件获取接口返回数据不能换行

问题描述：本地的换行文本换行可以正常，但是调用接口返回的数据（带\n的数据）不能换行，备注：text组件才可以换行，view组件是不能自动识别\n换行的解决方案：两种方案json的问题数据库中\n，转json后会变成\\n，所以在不换行，但是你看不到，因为前端拿到的时候这个都是\n这里使用正则转义： questions_result[i].content = questions_r...

原创 brew: command not found 进程已完成

我来先说原因： - 是你之前写了`.bash_profile`类似的代码了在终端，我当时是安装yarn，然后最后我用了source .bash_profile最好保存后就出现的问题 - 看了网上的回答说法众说纷纭，但是我自己试了都没用，最好还是觉得找到我当时写的文件，然后把我写的删除`/bin/bash`，这个目录一般是隐藏的，首先要显示出来，下面是我的步骤

原创 npm run dev报错！！

先看下我的报错username:backend-atop-oa fulwin$ npm run dev&gt; [email protected] dev /Users/fulwin/Documents/codes/backend-atop-oa&gt; webpack-dev-server --inline --progress --config build/webpack.de...

原创 查找SSH Key路径

你已经安装过了一般.ssh文件都是隐藏的，怎么查看呢？open /Users/shalei/.ssh/ shalei是我的用户名，换成你的用户名就行，当然这个是我的安装路径，一般默认都是安装在你的用户根目录的![在这里插入图片描述](https://img-blog.csdnimg.cn/20181127094452149.png?x-oss-process=image/waterma...

原创 小程序navigateToMiniProgramAppIdList配置

官方在11月份正式规定小程序跳转小程序最多只能有10个，并且要配置，具体配置如下在app.json文件中新增配置项：如下，navigateToMiniProgramAppIdList 就是新增的配置项目，如果超出了10条数据，那么{ "cloud": true, "pages": [ "pages/index/index", "pages/userConsole/...

原创 Useless constructor no-useless-constructor报错

react中 Useless constructor  no-useless-constructor报错原因是构造函数里缺少state，下图是我的，报错，解决方法只要在constructor里面加上this.state={ }，加上state对象就可以...

原创 vscode react中标签自动补全 vscode jsx语法自动补全html标签

能找到我这个文章的八成就是前端了，前端都习惯了代码自动补全，猛一下的自己打闭合标签很不习惯，再说了，VSCODE多强大啊，怎么可能没有解决办法，方法如下：文件--首选项--设置--用户设置在用户设置添加"emmet.includeLanguages": {         "javascript": "javascriptreact"}如果你是mac用户，code--首选项...

原创 react map遍历时事件无效

 运行时候会报错，Uncaught TypeError: Cannot read property 'liClick' of undefined解决办法，不要在map的时候进行return。而是先将map的结果保存到一个变量，然后return这个变量。这样就可以了  修改后...

原创 cocos creator调用别的组件中的js方法

newDici.getComponent(cc.Prefab).init() newDici是复制好的节点。cc.prefab是预致体，init方法是你要调用的方法如同所示写完后就是

原创 createUserInfoButton is not function报错 微信小游戏

是调试版本的问题，1.6版本以前的都会报错，你可以换个高版本的，具体的看图 

转载 Git与SourceTree使用详细指南

本文是转载的文章，并修改完善解决乱码等问题Git介绍git—&gt;分布式版本控制系统; 这么一说是不是就蒙圈了,咱们来举个例子.文档大家都写过,那是不是会遇到这样的问题:第一天,例如写了Hello Lanou3g,觉得自己非常有才华,可以出篇散文了;第二天,觉得前一天写的不怎么好,需要改一下,改成了Hello Android;第三天,反反复复想了想,还是第一天写的内容比较霸气,可是第一天写啥了?...

原创 mac安装报错Error: EACCES: permission denied, access '/usr/local/lib/node_modules

下面是我的报错，原因就是没有权限的问题原因: 执行命令行命令时没有获得管理员权限解决方案：在命令行前面添加sudo获取管理员权限，输入管理员密码就行例如原来的是:  npm install -g vue-cli应该该为：sudo npm install -g vue-cli   再输入密码就行...

原创 公众号菜单栏跳转到小程序穿参数

现在公众号菜单添加的小程序页面路径，可以带参数，例如页pages/index/index?id=99也就是说可以通过菜单跳转到小程序任意页面。但是这里面有个坑：如果你想跳转到tabbar界面，那么是不能传参数的，只能单纯到跳转到界面，和小程序内部的跳转一样（wx.switchTo)如果想跳转到小程序tabbar界面并且带参数：解决方案    在app.json文件中新建一个路径，例如新建"page...

原创 微信小游戏小程序分享没反应onShareAppMessage回调函数

微信小程序调用回调函数没有进入到返回区域，    回答：微信开发者工具是看不到分享结果的，只能监听到分享这个动作，但是分享成功是监听不到的，我们可以用手机看，在手机上打开调试模式，记得要打印，你会发现可以进入到callback回调函数了...

原创 cocos creator发布微信代码过大

先看下我的问题，图片都在res里面，图片资源一共才不到1M。但是cocos2d的这个js一个文件就是3M，最后预览的时候提示代码超过上限了，就是超过4M了，解决方法有两个，   1、代码发布的构建的额时候把debug模式关掉，就是窗口中的调试模式，一定要关掉，把勾勾去掉，这个影响是非常大的    2、模块构建打包的时候默认是所有的模块全部打包的，但是我们只用到了一部分模块，所以不需要全部进行打包，...

原创 linux系统下安装live-server

我们常见的windows和mac上买都是:npm install -g live-server进行全局安装但是linux终端安装的时候会报错，所以我们要使用vscode下面的插件，我们在vocode插件中输入live-server进行查找，找到live-server插件后我们进行安装，安装好以后需要重启，然后我们在vocode界面的右下角我们会看到Go Live点击就会打开实时监控，实时更新，俗称...

原创 报错Uncaught SyntaxError: Unexpected token {

我的这个报错是JS中的报错，然后提示的是语法的错误，然后爬了很多坑，最后发现是ES6和ES5的问题，这里面我分享下：    我们常见的引入JS文件都是像下面的方式：                但是实际上就是这个问题引起的，我们需要添加ES6的 属性，告诉浏览器这是一个ES6的模块                       使用ES6引入js文件的时候，script 中要添加type="mod...

原创 jq判断CheckBox是否被选中的常见方法

首先是判断是都被选中：    方法一：if ($("#checkbox-id").get(0).checked) {                   // do something             }方法二：if($('#checkbox-id').is(':checked')) {                   // do something             }...

原创 Python环境变量配置

常见的环境变量有两种，一种是通过 win 的cmd 命令，另外一种就是同伙我的电脑里面找到环境变量，第二种相对麻烦，对于Java的小伙伴是很简单的，但是对于前端可能会一脸懵逼，所以我一般都是使用cmd命令；无论你使用哪种方法，你都必须知道你的Python的安装目录，如果你不知道还是先去找安装目录吧，下面是两种方法：方法一：通过cmd命令添加环境变量打开cmd窗口 ==》 输入：pa

原创 win10 下载失败 检测到病毒

这个是Windows防火墙的原因,直接win窗口搜索：Windows defender安全中心，病毒和威胁防护设置，把实时保护关掉就可以了，但是最好事是下载完后把实时保护打开

原创 phpcms打开首页not found

原因是浏览器缓存问题，特别是谷歌浏览器，需要清除下浏览器缓存，按F12进入开发者模式，然后清理缓存，重新生成首页，再次点击打开首页即可成功

原创 vue路由后界面没有变化，但是链接有

vue有个写法需要注意：如果是跳转到默认首页，router-link 应该写：to: "{path: ' / ' } "如果跳转到非默认首页的时候，router-link 应该写：to: "{path: ' about ' } "就是除了跳转到默认首页的情况下，其他的都要去掉开始的斜杠 /        ,是个坑，我踩了，祝你好运

原创 npm WARN rollback Rolling back [email protected] failed

这里是cnpm 的原因，我们可以卸载重新安装就行，具体的命令行代码如下：npm config rm proxynpm config rm https-proxynpm install npm -g cnpm --registry=https://registry.npm.taobao.org最后一句你可以用我上面的这个，你也可以直接百度  “淘宝镜像地址”  获取最新的淘宝镜像地址

原创 Failed to resolve directive: link报错

Failed to resolve directive: link  这个问题是因为vue 版本的问题，vue的版本升级后，取消了v-link 指定，取而代之的为 router-link 看起来更加语义化一些很简单：把 v-link   更换为  router-link  就行，具体的可以查看官方文档