沛哥儿的专栏

Vue.js以其独特的优势和丰富的实战技巧，成为了前端开发领域的佼佼者。通过学习和运用Vue.js，我们能够更加高效、优雅地进行前端开发，让项目如虎添翼！项目地址。

Vue.js以其独特的优势和丰富的实战技巧，成为了前端开发领域的佼佼者。通过学习和运用Vue.js，我们能够更加高效、优雅地进行前端开发，让项目如虎添翼！项目地址。

(1)整体来讲比较简单(2)需要注意是个性化方面的设置①个性化，官方有说明，但是示例不太明显。需要自己一个个尝试有点小bug（还能忍受下）。图片太大会直接选中图片导致属性框不显示的问题ps:editor.destroy(); // 组件销毁时，及时销毁 editor ，重要！！！ 这个在弹窗的时候，最好销毁所有的子组件。这样处理的话不会导致点开多次不回显的问题。

Node Sass version 6.0.1 is incompatible with ^4.0.0。node-sass和node-loader版本关联性比较强，如果选择了node-sass@6.0.1版本，sass-loader@7.0.3版本才能匹配，否则就会出现版本异常的问题。

在Vue 3提供的丰富的基础配置和插件生态系统之下，它是一种适用于多场景开发的前端框架，包括web应用程序、移动应用和桌面应用。使用Vue 3，您可以快速高效构建出具有优秀用户体验的应用程序。

Vue.js 3相比Vue.js 2带来了一些语法上的变化，这些变化主要是为了提高性能和类型安全性，同时也为我们提供更好的开发体验。

无规矩不成方圆，有了规范才有好的团队。

Diff 算法探讨的就是虚拟 DOM 树发生变化后，生成 DOM 树更新补丁的方式。对比新旧两株虚拟 DOM 树的变更差异，将更新补丁作用于真实 DOM，以最小成本完成视图更新。

译者按：看完这篇文章，我打算从 Sublime Text 转到 Visual Studio Code 了！原文:Immensely upgrade your development environment with these Visual Studio Code extensions 译者:Fundebug本文采用意译，版权归原作者所有我们的 VSC(VSCode)将会像一个长了五只可以发射激光的独角兽一样！接下来会介绍我每天使用的非常有用的插件。如果你还是一个 VSC 的新...

git config --global url."https://".insteadOf git:// 解决该问题

很多接触开源的朋友可能知道jsdelivr，而且经常使用这个cdn服务，这是一个非常快的免费的cdn服务，所有公开的javascript npm包和github仓库，都可以使用jsdelivr来作为静态资源服务器，而且免费、超快！

过滤器使用场景在调取接口的返回数据的时候，我们经常能够得到各种Number类型的数据。这种格式的数据，很多时候都是表明对应的类型。如果直接返回到页面上展示，对于操作人员来讲，没有任何意义。所以，一般的情况下，我们需要把格式对应类型的中文名称显示出来。这个时候一般的操作情况是使用类似的转换方法，将值传递过去，然后进行转换显示。在VUE中，我们可以使用Vue的filter钩子函数来实现。实现方式代码格式{{}}中实现filters顺序： {{参数 | filter..

背景因为 需要在项目中需要将获取的列表对象赋值给另外一个控件。所以使用了mounted按照vue的生命周期，在create()中增加了获取数据的getList()方法，然后赋值。然后在mounted()中增加了对赋值对象的相关操作。vue生命周期图问题按照理想的情况，应该可以将赋值后的对象进行相关操作的。但是实际结果却是打脸了，获取不到对象数据。console.log打印出来的结果为null。按照道理来讲，不应该哈。解决方案度娘了下，发现还真是..

SSR（服务端渲染）可以给SPA站点带来两大核心优势：更好的SEO 更快的首屏渲染很多uni-app开发者都在积极尝试SSR，但大多没入门就放弃了，原因在于SSR颇高的技术门槛。vue.js官网在介绍 SSR 章节时的描述如下：本指南将会非常深入，并且假设你已经熟悉 Vue.js 本身，并且具有 Node.js 和 webpack 的相当不错的应用经验。故很多uni-app开发者在社区中呼吁DCloud官方提供更为简洁、开箱即用的uni-app SSR方案。uni-app团...

npm install失败来自github 的以下错误 fatal: remote error: The unauthenticated git protocol on port 9418 is no longer support。在此，展示可能的解决方案。

读完本文后，你将了解到：什么是服务端渲染，与客户端渲染的区别是什么？为什么需要服务端渲染，服务端渲染的利弊是什么？如何对VUE项目进行同构？

国内用户推荐使用脚本方式安装，快

visual studio code官网下载慢，直接使用国内源替换下载

项目场景：突然的一天，发现执行项目的npm install的时候提示，raphael.git SSL异常。问题描述：在执行npm install的时候，突然执行报错。报错内容如下fatal: unable to access 'https://github.com/nhn/raphael.git/': OpenSSL SSL_read: Connection was reset, errno 10054原因分析：按照一般的情况来分析，应该是被墙了。网络上的答案千篇一律的反馈..

node版本管理工具，可以很方便的替换不同的node执行环境

查看官方说明，这个最不会骗人。ttps://nodejs.org/zh-cn/download/releases/

在npm中安装指定的版本号，在其后加 ‘@版本号’npm install --save 依赖@版本号例如安装node-sassnpm install --save node-sass@6.0.1

在申请微信支付账号的时候，按照微信网站的提示”操作超时，请重新扫码确认“所有的操作一模一样，没有任何违规的地方。按照微信支付平台的要求，一步步走下来的。在手机上允许登录。但是直接跳转到微信平台后，提示成功，然后就跳转到操作超时页面了。百度了下，https://developers.weixin.qq.com/community/develop/doc/000ce2f5c28cc0279009502fb51400中提示是因为浏览器的原因。建议提示换成国产的浏览器或者IE试下。我换成

现在的开发一般都是使用了不同的配置文件，来区分对应的环境。但是小程序是没有这个的，因为如果要这样做，就需要小程序给大家更大的数量来使用。有很多公司的做法是申请两个小程序，一个用来做开发测试，一个做生成。其实这样非常的浪费。 对于此，其实我们可以使用小程序的API来巧妙的解决这个问题。

‘vue-cli-service‘ is not recognized as an internal or external command这个问题的解决方法。1、在项目的根目录下直接运行npm cache clean --force && npm install命令。2、删除node_modules文件夹，然后再执行npm install命令。3、看下是不是你没有在packjson里面设置vue-cli的这个依赖。原因说下，主要这个是因为你手动删了一些东西，导致文件..

建议都在已经建立好的vue项目的基础上，再引入element ui或iview组件，而不是按照element ui或iview的官方网站进行，那样一般会存在很多设置的问题。

字符串格式不是很完美，导致JSON.parse转换失败。JSON.parse()方法对字符串的格式要求极其严格。一点格式错误都不能有，否则就报异常。用eval或者$parseJSON来解决

前尘往事用过定时器的都知道。需要手动配置cron的执行策略。一般还好，要是遇到了需要修改的话。就要重启服务了。对于这种情况，一般的情况下，都是在前端使用对应的页面进行配置。cron表达式说实话，不是很好懂。而且格式也是固定的。好兄弟那么有没有好用的第三方的开源控件可以帮忙呢？实话告诉你吧。是有的。那就是Vue-cron。vue-cron的可以很好的傻瓜的方式来进行cron的配置。（看到这里，是不是觉得程序员可以下班了）直接上图。项目文件地址：...

直接上代码。代码使用的是Element-ui。A页面（父页面）将B页面当作组件引入。import taskLogList from '../dialogPage/index.vue'export default { components:{ dialogPage },...}将组件引入放到HTML代码中 <dialogPage v-if="formPageVisible" ref="formPageRef" ..

背景先说下背景，因为要把国家的代码，区号和中英文名字都要动态的存放。产品经理出了个需求，说是要手动填写对应的地区，国家编码这些信息。说不清，先看下原型图。其实国家这些信息都是固定好的，不需要填写。然后我就从网上下载了一个国家编码对应的JSON文件。然后存放到了vue文件中，做成了动态选择填充的形式。这样的结果就是只要动一动手指，选择国家然后国家的相关信息就都自动填充了。这里用到了cascader。用cascader的主要目的是因为国家太多了，根据国家的首...

前因后果对于后端Java开发人员来讲，前端代码一直是个蹩脚的事情。对于我们来讲，如果能够快速的生成表格，然后再简单的配置下vue的语法，把数据填充进去，就可以大大简化我们的开发难度，提升开发效率了。那么，有没有可以自动生成表单的插件之类的呢？放心，太阳底下没有新鲜事情。你遇到的问题，其它的前辈们也遇到了，也帮你找到了解决方法。社会我平头哥，人狠话不多。在这里，给大家推荐一个结合了ElementUI的表单自动生成插件：form-generator。form-generato..

前端不丰富。找了几个网上的例子，根据例子，实验得到解决方案如下。1、将包裹的view增加display属性。值：display。2、将image设置为垂直对齐模式。vertical-align:top，因为图片是要占满整个水平宽度的，设置mode="widthFix"整个样式如下：<view style = 'display:flex;'><image src='../../a.jpg' mode = 'widthFix' style = 'vertical...

很长时间没有去写前端代码了。在前端工程师比较忙的时候，一些比较简单的bug。不太想直接麻烦他，同时自己也想学点东西。就搞起来了。修改bug，少不了的就是调试。打断点。但是在vue的情况下，发现很多页面其实不是很好去直接找到源码，然后定位到断点去。一般的debugger模式有以下几种简单方式。1、输出日志的方式。看数据格式是否符合预期，然后根据数据来判断。特点是数据会在控制台输出。可以显示所有的数据。2、使用alter的弹窗方式这个不用看，执行到了就会输出。3、使...

在Nginx中部署项目的时候，直接输入域名根目录地址。访问正常的，但是带上参数路径后，一直提示404。刚开始以为是npm打包的问题，在打包两次后发现还是一样的问题。

今天在工作中碰到了aside标签。这个小娘子很眼生啊，以前没见过。不知道是哪家的大家闺秀。没事上百度查了查。 标签定义 article 以外的内容。aside 的内容应该与 article 的内容相关。这是来自W3School的解释 地址：http://www.w3school.com.cn/html5/html5_aside.asp。上面又抛出了article出来了（尼玛，有