文章目录前言一、MacbookPro的系统认知二、强大的触控板（16种姿势带你飞）1.熟悉触控板2.熟悉怎样下载APP3.开始前端环境的搭建总结前言2021年1月26日，一个前端开发小菜鸟拿到人生第一台MacbookPro的爬坑之路一、MacbookPro的系统认知一、分享一下Mac认识的心路历程1.心路历程：心心念念的Mac拿到手，我去，我发觉完全不会用，这是啥系统，怎么找文件，怎么下载东西，完

睁开眼又是美好的一天，对于即将开始写代码的我，心情是这样滴timg.jpg戴上耳机听着自己喜欢的五月天的歌，写着让我感觉到安全的代码，我感觉这真是一件幸福的事情，一顿行云流水的操作，中午时分我终于搞定了主题框架，心里成就感还是满满的，然而我不知道的是，即将发生的，那让我陷入抓狂状态的“大坑”，更糟的是还不是一个坑，坑中带坑！我要做的是一个图片九宫格的功能，点击还能缩放，本来这是一个老生常谈的功能，

在vue搭建多页面应用时,那么自然而然会想到"路由",这也想起了vue官方文档对于vuex的最后描述,也让我想起了在某次面试时,有个面试官问过这么一个问题:"请问什么时候发起ajax请求",如果重来一次的话我会回答"在你觉得需要吃饭的时候"。那么回到碰见的问题,使用路由的时候,对于需求稍微复杂一点的web路由的嵌套是不可避免的,如图视图路由的配置然后再是routes的配置像这种混合使用的路由,首先

首先直接用hBuilder新建的vue3.2.8的项目，建好后直接运行就出现了报错Error:Cannotfindmodule'worker_threads'>[email protected]>viteinternal/modules/cjs/loader.js:589throwerr;^Error:Cannotfindmodule'worker_threads'atFuncti

其实微信很简单就是会发生调用微信起来之后立马崩溃（App不崩溃）其实只要注册信息正确就不会有问题提到应用前面就是安装Apk通过微信签名开发工具获取的就是这个或者直接解析jks获取的md5下面是重点：为啥调用不起来解决办法微信退出在进微信清缓存对你没看错这个就是解决办法（记得他的权限问题存储权限）

小程序canvas爬坑之旅canvasios报错canvasToTempFilePath:failnoimage?

在前面的文章深入Android混淆实践：ProGuard通关秘籍和深入Android混淆实践：多模块打包爬坑之旅中，已经讲到了如何在Android中使用ProGuard，以及如何自定义实现混淆规则的生成

Mint-UI有较为详细的文档和demo，但是~~~也是有些坑，那么现在，让我总结和回归一下爬坑之旅吧。

(1)初始化一个基于Electron-vue搭建的项目，可以一路回车到创建完毕，默认支持Eslintvueinitsimulatedgreg/electron-vuemy-electron创建之后的目录是这样的（2）进入项目根目录，分别执行npminstall与npmrundev如果你看到这个界面说明项目创建成功了（3）**主进程与渲染进程：**在目录src下，有main文件夹和renderer文

项目地址（github）工作略忙，进度稍慢。以下把过程中的一些关键点总结一下：1、项目开发时，AndroidStudio一直用2.3版本，导致Flutter安装不了，所以需把AndroidStudio升级一下，已升级到3.2.0；2、升级后的AndroidStudio，需习惯一下，有很多地方改良了，挺给力；但如果出现项目无缘报错却又编译运行通过的情况，选择File-InvalidateCaches

原文链接：nvm的安装配置与使用(爬坑之旅)–每天进步一点点(longkui.site)0.前言程序需要nodejs,本来没有什么问题，但是有一天需要切换node版本，于是就装了nvm,这一装就是折腾了一下午

最近几天自定义键盘时花了很长时间,主要是一开始没搞清楚codes这个属性是怎么来的,导致浪费了大量时间.自定义键盘的步骤我就不赘述了,网上大把的教程,在这里我只列出codes对应表,需要的时候来查询一下.图一图二图三图四上方贴出了我们常用的一些符号,可以发现没有小写英文字母,不过我们在使用小写字母时,把对应的大写字母的asc码值加上32就行了.当时发现一篇博客写的内容给了我很大帮助,具体的自定义过

在vue中，如果要渲染一段html内容，可以使用v-html标签，渲染出来的内容会带有原来的页面标签和样式，如果想要修改内容里面的样式要怎么做呢？有的人会说，这还不简单，直接在style里面写相应的样式不就完了吗，实际实践过会发现，根本就不行，如果像原来那样直接写的话是根本不起作用的，而且进入调试模式会发现，在每个class里面，vue都给加上了data-xxxxx的东西（这一串多出来的东西应该是

什么是Electron?Electron是一个使用JavaScript,HTML和CSS等Web技术创建原生程序的框架，可以一键生成在Window、Linux、Mac的桌面应用，他隔离了平台之间的差异，抽象出一套通用的接口调用。Electron基于Chromium和Node.js,让你可以使用HTML,CSS和JavaScript构建应用。简单讲Electron可以使用Web技术让你创建跨平台的桌

我们在项目中，为了方便及统一管理，经常会用Aop的方式进行日志统一打印，如果这时候你对一个接口实现类进行Aop拦截打印日志，就可能出现org.springframework.beans.factory.BeanNotOfRequiredTypeException的异常我们先来复现这个异常的出现场景首先定义一个接口：packagecom.xh.spring.aop;publicinterfaceIf

背景：需要在node服务中调用其他平台的接口，对方的平台使用了des3-cbc加密校验，设置了32位的字符串key，和8位的字符串secret。对方平台使用的php语言，也有java平台的项目跟该平台对接，所以有php和java的实现方法可以参考。之前没有用node写过类似加密的功能，所以一开始在网上找了一个相对比较完整的例子想来跑下效果。例子中这么一段（好多文章都会这么设置）functionba

可是过完年回来时就发现接入环信的功能都出现闪退的现象，当时通过问环信技术客服后才知道环信升级后，两者无法兼容了，只能是删除其中一个SDK，可是聊天功能时必须的最终唯有删除客服SDK，通过一番摸索踩坑后实现了基于环信IM的客服功能，以下说下我的爬坑之旅

0PRE阿里云ECS云服务器（预装系统为ubuntu16.04）、可用域名、node.js后端服务器项目(HelloWorld)1基本环境的搭建过一遍通过阿里云控制台成功连接云服务器，登录系统image.png如上图，发送远程命令来切换终端，Ctrl+Alt+（F1~F6）为终端，如果安装了图形界面F7为切换到图形界面（下面有讲图形界面的安装）进入系统之后，因为是root登录，已经有了系统最高权限

SharedPreferencesContentProviderApplication1.遇到的问题05-2316:11:15.871:E/AndroidRuntime(21899):java.lang.NullPointerException:Attempttoinvokevirtualmethod'android.content.SharedPreferencesandroid.content

最近在用vue写项目的管理后台，由于是电商+cms项目，所以我们开发了媒体库来管理所有的素材，但是问题来了，在发布文章的时候，我是用了开源的ckeditor，原来带的选择图片上传插件，只能自定义配置然后重写上传接口。所以为了做媒体库的图片选择我们需要重新开发一个ckeditor的插件了。新建一个插件也很简单，官网和网上基本很多的资料。我新建的这个插件，是为了点击图标的时候，能选择服务器上已经存在的

坑的起源）这两天在vue中使用swiper做轮播图，就随手百度了一下，找个帖子开始参考（坑开始了）按照图中的方法，原计划5分钟搞定，一顿操作猛如虎，然后vue各种报错，然后再各种百度，结果开始了2天的爬坑之旅坑

1.Vue单页面引入v-for显示item问题:scene:在前后端不分离的项目中,引入单页面的Vue,使用v-for渲染时出现的{{item}}不能直接使用v-show来判断数据是否存在reason:在还没有加载出VueJs之前,页面解析按照浏览器的渲染机制进行解析method:无数据前使用层叠样式表(CSS:display:none)强制控制数据隐藏但被渲染的元素依然要使用v-show待到Vu

对安装CUDA的困难有心理准备，开始安装以后才发现这是一个循环坑啊。CUDA真的很坑、很坑、很坑。可以对NVIDIA说脏话吗？不可我**。吐槽完了详细简绍一下我的被坑的全过程把。开始机器环境是win10+vsCode的配置。第一坑CUDA9.1（没有下载最新，怕被坑）在线安装包下载。开始下载在线安装包，安装过程一直卡在检测系统兼容性这步：----------分割线----------第二坑CUDA

开启了爬坑之旅。安装配置VSCodeVSC++的DIE感觉太重，例外已经安装过VSCode了。所以选在升级VSCode来运行Darkent。

当当当~令人开心的是我已经上岸，这里以跑openpose为例说下tensorflow环境的安装，跟大家分享我的爬坑之旅，希望给刚开始这个领域的小伙伴一丢丢帮助，来次够！

前言收到线上用户反馈，RecyclerView实现的Feed流列表中的BannerItem在滑动过程中偶现没有进行内容切换，而是进行了外层频道切换。嵌套的UI布局如下图所示：问题原因定位猜测原因是：最外层OuterViewPager拦截了Touch事件，没有将Touch事件传递给内层的BannerViewPager，从而导致外层频道切换。想证实猜测的准确性，定位为什么OuterViewPager拦

在实际开发中，经常会碰到一种情形：*父组件中有好几个列表形式的子组件，要把这些子组件正确的渲染出来，就必须从父组件中传入数据给子组件，让子组件通过v-for去渲染。有的时候，这些数据里面可能会包含有静态的图片路径，还可能会有路由（最典型的例子就是APP首页里面的导航图标，需要显示出一个图片，点击图片需要跳转到另外的页面）*比如下面这种现在的需求是这几个导航图标都是本地的静态图片而不是从服务器获取的

前言收到线上用户反馈，RecyclerView实现的Feed流列表中的BannerItem在滑动过程中偶现没有进行内容切换，而是进行了外层频道切换。嵌套的UI布局如下图所示：问题原因定位猜测原因是：最外层OuterViewPager拦截了Touch事件，没有将Touch事件传递给内层的BannerViewPager，从而导致外层频道切换。想证实猜测的准确性，定位为什么OuterViewPager拦

前言收到线上用户反馈，RecyclerView实现的Feed流列表中的BannerItem在滑动过程中偶现没有进行内容切换，而是进行了外层频道切换。嵌套的UI布局如下图所示：问题原因定位猜测原因是：最外层OuterViewPager拦截了Touch事件，没有将Touch事件传递给内层的BannerViewPager，从而导致外层频道切换。想证实猜测的准确性，定位为什么OuterViewPager拦

坑的起源）这两天在vue中使用swiper做轮播图，就随手百度了一下，找个帖子开始参考（坑开始了）按照图中的方法，原计划5分钟搞定，一顿操作猛如虎，然后vue各种报错，然后再各种百度，结果开始了2天的爬坑之旅坑

下面开始今天的爬坑之旅。坑一：npm5.8.0在新建项目的时候发现npm有新的版本升级，就顺手升级了下npm（其实是强迫症，不升级不舒服斯基，，，

在毕业前，学校各种烦心事，还有自己的想法太过于负责，能力满足不了野心，造成整个人很撕裂，昨天做了一下华尔街新闻的前端笔试题，发现自己的知识库太旧了，很多知识的掌握不够，还要继续努力啊。无论是从哪个方面都急需要增强。不然真的每一次面试笔试都是煎熬啊。而且nodejs的推进速度好慢啊，到现在还没有把基础部分过一遍。1.使用var定义变量，如果使用直接量则直接输出。用下划线获取表达式的结果。2.回调函数

前段时间又陷入了迷茫期和低谷期。对于未来还是恐惧感多于期待吧。而随着离开校园的日子越来越接近，室友也走了几个，学校也冷清下来了。好了不说题外话了。作为一个立志从事前端开发的我，在恶补了js基础之后，开始nodejs的从零开始。从环境配置（确实后悔没有买个MBP了）期间还因为玩虚拟机把电脑在答辩前两天玩坏了。不过还好都过去了。今天分享的是一个nodejs在控制台输出的一个小问题，卡了我一段时间var

这坑爹的看书效率啊，花了一个月的时间才把基础知识大概看一遍，也把一些小例子写了一遍，第一次感觉到无力感，各种各样的库，还有缺少项目实例，总感觉不能完整的记下些东西。还有就是这段时间太懈怠了。感觉真的很有可能刚去上班几天就要被开了。效率低下，心里懈怠，还有各种偷懒。真心要不得。18.路由需要nodejs提供额外的模块来解析url和请求的内容，并通过不同的路径来区别不同的请求。19.nodejs全局对

注意：此文章使用百度云虚拟主机BCH服务器web内核用Nginx，PHP版本7.0。第一步：再php配置里把URL_MODEL配置成2，重写模式；第二步：在网站的根目录里面（webroot目录下）新建一个bcloud_nginx_user.conf文件（bch是不允许修改基础配置文件的，所以只能通过加载用户自定义配置文件），写入如下代码:location/hehe{if(!-e$request_f

本来应该是加载两个不同的网页，但实际效果却不是这样，先添加的课件fragment会遮挡后添加的商城fragment,下面贴上fragment的切换代码初步判断是在fragment切换时前一个fragment没被隐藏掉，下面开始爬坑之旅爬坑之旅首先想到的是查看

一、全局注册：main.jsimportVuefrom'vue'importVueQuillEditor,{Quill}from'vue-quill-editor'import{ImageDrop}from'quill-image-drop-module'importImageResizefrom'quill-image-resize-module'import'quill/dist/quill.

article/127678.htmvue项目中路由验证和相应拦截的使用：https://blog.csdn.net/wang1006008051/article/details/77962942/VUE爬坑之旅

因前端页面开发使用的为VUE开发，又要支持IE9，遂只有基于webuploader封装一个上传组件。地址：https://github.com/z719725611/vue-upload-web，现在版本比项目中的组件版本要低，后期会更新npm版本。webuploader使用html上传，如果低版本就是用flash上传，上传原理就不一一描述了，感兴趣的同学可以到webuploader官网查看。使用

在做APP类项目开发的时候，有一个很常见的需求就是APP通常有一个底部导航，点击导航的不同tab要切换到不同的界面，在这些通过导航切过去的界面上是需要显示底部导航来让用户方便操作的。除了这些带导航的页面之外，还有一些独立的页面是不需要底部导航的，比如说注册，登录等页面。那么怎样能够比较方便的控制底部导航的显示和隐藏呢？这就可以用到Vue的状态管理插件Vuex了，关于Vuex的基础知识，可以看官方文

不知不觉，HybirdApp已经成了目前比较主流的一种开发方式。对于用户体验要求较高或者与硬件交互较多的功能我们一般都会采用Native原生的方式来实现。而用户交互少，偏展示类，活动类的功能我们则通常采用H5的方式来实现，例如新闻类的app，详情展示页一般就是H5的页面一方面图文排版上web有着先天的优势，同时纯展示类的页面在目前的移动设备上，性能体验已经很难让用户分辨是网页还是原生了;另一方面，

在实际的商业项目中，基本都会有登录功能，然后有些页面是登录之后才能查看的，没有登录的话会先跳转到登录页，登录成功再返回并刷新数据，几乎所有的应用都是采用的这一套逻辑，那么这一套逻辑在我们的vue项目中要怎么实现呢？vue项目中，页面之间的跳转是通过路由实现，要想实现上述的逻辑就必须得在路由上面下文章，在官方路由vue-router中，有导航守卫这么个东西，还不知道的先看下官方文档导航守卫分为全局守

在VUE项目中，页面之间跳转都需要使用路由，而路由在跳转的时候需要传递各种参数也是一个很常见的需求，那么VUE中路由传参有几种方式呢？方式一：直接调用$router.push实现携带参数的跳转showDetail(id){this.$router.push({path:`/detail/${id}`,})需要对应路由配置如下：{path:'/detail/:id',name:'Detail',co

在实际开发中，嵌套路由经常会用到，基本用法也很简单，今天要说的不是嵌套路由怎么用，而是在用的过程中发现的二点小细节的处理。嵌套路由中默认选中第一个子路由在一个这样的界面中，底部的五个tab显然应该是五个路由，现在在首页这个路由下面又有三个tab，那么这三个tab就应该使用子路由来实现，路由代码如下：{path:'/home',name:'Home',component:Home,children:

本文由BarryZhang原创，同时首发于diycode.cc、barryzhang.com、github.com/barryhappy，非商业转载请注明作者和原文链接。前言开发做得久了，总免不了会遇到各种坑。而在Android开发的路上，『软键盘挡住了输入框』这个坑，可谓是一个旷日持久的巨坑——来来来，我们慢慢看。入门篇最基本的情况，如图所示：在页面底部有一个EditText，如果不做任何处理，

现在做H5开发，微信平台基本是一个绕不过去的坑，这里面又分为微信授权和微信分享。说它坑，主要提现在以下几个方面：文档不够清晰详细。开发文档这块是国内所有互联网公司的通病，文档写的不清不楚，长期不更新，示例代码老旧等等。调试困难，微信相关功能调试起来是真的麻烦，所有做过这方面开发调试的朋友应该都深有体会。这篇文章我们来说下微信分享这块功能的实现以及其中需要注意的几个比较坑的地方在哪里。在开始之前，有

本来应该是加载两个不同的网页，但实际效果却不是这样，先添加的课件fragment会遮挡后添加的商城fragment,下面贴上fragment的切换代码初步判断是在fragment切换时前一个fragment没被隐藏掉，下面开始爬坑之旅爬坑之旅首先想到的是查看

1.头文件路径配置当我们在Ubuntu中用vscode打开ESP32的例程时，发现头文件处有红色的波浪线，不能够进行正常的编译，这时候怎么办呢？这是因为我们没有配置头文件的路径，所以第一步呢，我们需要配置下整个工程的头文件路径。又因为SDK和编译器代码是分开的，所以我们需要手动指定路径头文件。打开vscode，先Ctrl+Shift+P打开命令，也可以在左上角点击查看-命令面板打开命令。然后输入c

packagecom.zm.blog.config.shiro;importjava.io.Serializable;importjava.util.ArrayList;importjava.util.Collection;importjava.util.LinkedHashMap;importjava.util.Map;importorg.apache.shiro.authc.credentia

packagecom.zm.blog.config.shiro;importorg.apache.shiro.session.Session;importorg.apache.shiro.session.SessionListener;publicclassMyShiroSessionListenerimplementsSessionListener{//会话创建时触发@Overridepubli