软贱开发攻城狮

在前端开发过程中，关于前后端数据传输的时候的安全考量也是很有必要的，尤其是涉及到一些验证、确认、支付、数据安全传输等敏感信息传递的场景。作为软件开发人员对于base64加密并不陌生，因为在平时开发过程中多少都会涉及到数据加密的需求。前端实际使用场景中关于base64加密主要是针对图片音视频这类资源，而提出的一种传输解决方案，主要是为了节省http请求，图片通过使用base64编码传输也是前端优化的重要一环。那么本篇博文就来分享一下在前端开发过程中使用base64加密，总结记录一下，方便查阅使用。

在Flutter开发中，基于原生移动端开发的思想也会运用到混合开发中，尤其是原生移动的的好的特性和交互效果更是如此。在现在的发展情况下，Flutter下的混合开发已经越来越替代原生移动的开发，同时也会继承原生开发的优点，那么本文就来分享一下关于Flutter开发中仿iOS原生向左侧滑删除cell的item的效果，记录下来，方便查阅使用。

在Flutter开发中，经常会遇到一些稀奇古怪的的报错，比如版本更新之后会报错、文件没有导入会报错、第三方插件版本不一致的报错等等，而且最近几年Flutter不断完善和更新的速度越来越快，这就需要Flutter相关的开发者时刻保持不断学习的心态，来应对在Flutter开发中遇到的各种突发情况。本篇博文就来分享一下关于Flutter开发中运行Flutter项目之后报错Error detected in pubspec.yaml:…的解决方法，记录一下，方便后期查阅使用。

在前端开发中，作为开发者关于Vue框架的使用不必多说，Vue的框架也是目前最为好用的框架之一，虽然Vue3.0已经成为了主流版本（Vue2.0和Vue3.0还是有不少差别的），但丝毫不影响开发使用。本篇博文分享一个关于Vue相关的比较重要的知识点----混入(mixin)，该内容在实际开发中比较常用，也比较重要，所以需要灵活运用，尤其是刚接触Vue不久的开发者甚为重要。

在前端开发过程中，关于全局对象的使用是非常常用的，其实每个JS环境中都一个全局对象，尤其是在实际开发过程中全局范围内创建任何变量都是这个全局对象的属性，且任何函数都是它的方法。在实际浏览器环境下，Window对象就是全局对象的标志，它表示包含网页的浏览器窗口。那么本篇文章就来分享一下关于window对象相关的知识点，方便查阅使用。

在前端开发过程中，除了直接进行代码开发需求之外，和前端开发相关的环境配置也是重要的知识内容，比如前端开发设计的环境搭建、编辑器的配置、依赖的安装，以及电脑本地的配置设置等，这些虽然和前端直接编码无关，但是会影响项目的正常运行。那么本篇博文就来分享一下经常遇到的知识点，通过Mac电脑进行前端编程开发的时候要修改hosts文件，实现访问，方便查阅使用。httpshttpshttpshttpshttpshttpshttpshttps。...

在前端开发过程中，CSS是前端的三驾马车之一，关于CSS的使用也是非常重要的环节，可能有人觉得在前端学习或开发中最容易的就是关于CSS的，但是要想精通使用CSS也不是一件容易的事情，也就是看着简单要想完美使用难，所以CSS的使用也是不容忽视的。本篇博文来分享一个关于CSS的符号相关内容，关于它的使用也是比较常用的，常用的有：“*”、“#”、“.”等符号，所以在前端项目开发中经常会用到该功能，总结一下，方便查阅使用。..................

前端开发过程中，作为前端开发者来说关于vue的使用并不陌生，vue相关常用的知识点也是非常重要的，不管是在实际开发中还是在求职面试中都很重要。在vue使用中，路由相关的知识点是非常重要的，而且在实际开发中也是必用知识点，那么本篇博文就来聊聊vue的路由参数传递和路由重定向相关的知识点。通过本文关于前端开发中Vue。

exec()方法主要用来检索字符串中的正则表达式的匹配。注意：如果字符串中有匹配的值则返回该匹配值，否则返回null。参数描述string必需的参数。要匹配的字符串这里的示例以在字符串中全局搜索 "World" 和 "JS" ，具体代码如下所示： match() 方法主要是在字符串内检索指定的值，或者找到一个或多个正则表达式的匹配。注意：match() 方法将检索字符串 String Object，以便找到一个或多个与 regexp 匹配的文本内容，该方法的行为在很大程度上依赖于 regexp

在前端开发过程中，CSS是前端的三驾马车之一，关于CSS的使用也是非常重要的环节，可能有人觉得在前端学习或开发中最容易的就是关于CSS的，但是要想精通使用CSS也不是一件容易的事情，也就是看着简单要想完美使用难，所以CSS的使用也是不容忽视的。本篇博文来分享一个关于CSS的阴影效果属性：box-shadow，关于它的使用也是比较常用的，比如有时候需要给图片或者div 等块元素加上阴影会更立体好看，所以在前端项目开发中经常会用到该功能，所以总结一下，方便查阅使用。

在前端开发过程周，关于函数的使用想必开发者都不陌生，而且函数也是非常常用的。在JS中，不仅对函数使用比较常见，而且对于构造函数的使用也是非常常用。构造函数到底是什么函数呢？那么本文就来讲讲关于JS中的构造函数使用及相关知识点，记录下来，方便查阅使用。函数定义的方式分为三种：声明式定义、函数表达式、构造函数（使用new关键字）。function 函数名 （）{代码块…}

在前端开发过程中，一切皆对象，尤其是在数据处理的时候，大部分时候也是处理对象相关的数据，所以对象在JS中是很重要的一个内容，也是必用的内容。本篇博文来分享一下关于在JS中对象里面添加对象的操作，虽然知识点不难，但是常用，所以总结一下存起来，方便查阅使用。通过本文的介绍，关于在JS中对象里面添加对象的操作就得心应手了，虽然该知识点不难但是重要和常用，尤其是对于刚接触前端开发不久的开发者来说更是如此，所以绝对掌握该知识点还是很有必要的，重要性不再赘述。欢迎关注，共同进步。

“==”运算符：表示相等运算符；“===”运算符：表示严格相等运算符，也叫全等运算符。“==”运算符：用来判断等号运算符两边的值是否相等，但是不判断类型是否相同，只要值相等就会返回true；“===”运算符：既用来判断等号运算符两边的值是否相等，也用来判断类型是否相同，只有全等才会返回true。注意：“==”运算符在做相等比较之前会先进行必要值的类型转换；但“===”运算符在做相等比较之前不会进行类型转换，因此如果两个进行比较值的类型不一致的时候，会直接返回false。“==”运算符在判断的时候会对数值进行

在前端开发的时候，JavaScript的变量可以是局部变量或全局变量，当需要使用局部私有变量的时候，就涉及到闭包相关的内容。关于JS中闭包的使用是一个非常重要的知识点，也是JS中的一个难点，不管是在实际开发过程中的时候，尤其是在高级应用中必须依靠闭包来操作实现；还是在求职面试的时候，都是必备知识点。那么本篇博文就来分享一下关于JS中闭包的相关知识，记录一下，方便查阅使用。

在前端开发过程中，实现模块化使用是前端三大重要思想之一，也是前端开发者必须要精通的点，而且在前端求职面试中也是必考知识点。在ES6中，引入了模块化理念，设计思想就是在编译时候就能确定模块的依赖关系，以及输入和输出的变量，其中就包含导出和导入两个模块。那么本篇博文就来分享一下关于导出的时候export和exportdefault的区别，关于导入相关的内容会在另外的文章中介绍，这里只介绍导出相关的内容，记录一下，方便查阅使用。httpshttpshttpshttpshttps。...

在运行Vue项目之后，浏览器控制台会提示一个警告提示，具体的警告提示信息如下所示： 通过控制台的警告提示，可以窥探一二，提示的大概意思就是虽然分配了计算属性“show”，但是它没有setter。也就是子组件中定义的计算属性缺少setter，使用过计算属性的开发者应该都明白，该警告提示通常发生在组件内给计算属性赋值的时候如果没有显示声明的setter，就会有该报错提示；在计算属性Computed中定义属性只有一个return，而且在其他地方进行了赋值操作，就导致了这个报错警告。那么分析到这里，问题就

前言在前端开发过程中，关于计时器的使用是非常常用的知识点，也是非常重要的，尤其是需要规定延迟多久之后再去执行某个操作。在JS的计时器使用中有setTimeout和setInterval，二者都是定时器，但是它们是有差异性的。无论是在实际开发使用还是求职面试的时候，setTimeout和setInterval的对比使用都是非常重要的知识点，那么本篇博文就来分享一下关于setTimeout和setInterval的对比使用吧。JS定时器JS的定时器有两个方法：setTimeout()和set

前言在Vue使用过程中，开发者对于注册插件和注册组件的操作并不陌生，而且也是非常常用的知识点。关于Vue.component()和Vue.use()相关的知识点，不管是在实际开发过程中还是在求职面试中都是非常重要的，那么本篇博文就来分享一下二者的对比使用，方便查阅使用。注册在Vue中，一般是注册插件和组件。通过使用Vue.component()来注册组件，使用Vue.use()来注册插件。Vue.component()1、语法Vue.component( id, [d.

声明一个函数，然后立即调用该函数，这时候的该函数就是一个立即执行函数，换句话说就是声明函数以后立即执行该函数就叫做立即执行函数，即IIFE (Immediately Invoked Function Expression)。通常立即执行函数会以匿名函数的形式来声明，匿名函数的写法格式为function(){}，即使用关键字function来声明函数，且未给该函数命名，但是匿名函数不能直接单独使用，需要使用小括号()包裹起来，不然就会报错。立即执行函数的作用大概有三个方面：1、为了避免污染全局变量，声明函数不

在Flutter开发中，经常会遇到一些稀奇古怪的的报错，比如版本更新之后会报错、文件没有导入会报错、第三方插件版本不一致的报错等等，而且最近几年Flutter不断完善和更新的速度越来越快，这就需要Flutter相关的开发者时刻保持不断学习的心态，来应对在Flutter开发中遇到的各种突发情况。......

前端开发中关于H5页面判断在哪种客户端打开的类型，常用的分为：原生（iOS或者Android）、微信/qq内置浏览器、微信小程序。要想判断打开的客户端类型，直接通过获取端口的方式来处理，具体的判断端口的使用方法如下所示：具体操作1、H5 判断是否在原生的安卓/苹果中打开2、H5 判断是否在微信或qq内置浏览器中打开其二：3、微信H5，判断是否在微信浏览器中打开 通过上面介绍的H5页面判断是否在微信、原生iOS、原生Android中打开的使用总结

前言在前端开发中，使用Vue开发移动端项目的时候，为的就是仿照app的风格来实现业务需求效果。仿移动端原生开发的前端项目，实现业务需求直接可以参考移动端原生开发的思路即可，也就是说如果移动端原生开发者用Vue做基于移动端的时候，是非常有优势的，运用移动端的思维适用于各种移动端项目开发。本文主要是分享一下通过移动端原生思维来实现列表界面的item实现的业务需求，主要是为了体现移动端原生思想运用于前端开发。业务场景在实际工作中，基于移动端的前端项目，说白了也就是通过前端技术实现移动端的效果，目前

前言中秋节虽然过去了，但是还是想分享一个知识点，基于使用HTML5简单实现嫦娥奔月动画的效果，分享一下，感兴趣的读者可以复制一下代码查看一下效果。需求借助前端知识来实现简单的嫦娥奔月动画。嫦娥和月亮是单独分开的两个部分，然后准备好嫦娥和月亮的素材，最后通过HTML+CSS来实现最终的动画效果。素材1、嫦娥姐姐和玉兔的图片素材；2、月亮的图片素材。代码创建一个基于vue.js的项目工程，然后把素材拖入到项目中去，然后新建一个html的文件，最后在html文件中实现核

前端开发中，在使用Vue开发的时候，经常会遇到一些很共性的报错提示，而且有时候提示已经很明确的告诉开发者问题出现在哪里，尤其是在Chrome的控制台输出上面，只要看一下输出日志就知道问题所在。但是对于一些刚入行的开发者来说，看日志的意识还没有养成，需要借助外力来解决问题，这样不是不可以，主要是要学会看输出的日志以及提示，这样才能很好的“对症下药”。httpshttpshttps。...

前言在前端开发中，关于数据转换也是使用频率非常高的知识点，尤其是常见数据类型之间的相互转换的使用频率就更高了，那么本篇博文就来分享一下关于JS中常用数据类型的转换使用，分享一下，方便后期查阅使用。常用数据类型在JS中有五种不同数据类型：number 、string 、boolean 、symbol(ES6新增属性)。两种不包含任何值的数据类型：null、undefined。四种引用数据类型（也称为对象类型）：Object、Date、function、Array。虽然上面把JS中的数据

在Vue组件的使用中某一变量名前面加冒号，其实是为了动态的绑定一个变量或者表达式。在Vue.js中明确有一节是关于冒号用法的，其实冒号是v-bind的缩写，也就是冒号用法就是v-bind用法。那么下面就来看看关于v-bind相关的内容。v-bind的缩写就是":"。预期：动态地绑定一个或者多个attribute，或者一个组件prop到表达式。在绑定class或者style attribute的时候支持其他类型的值，如数组或者对象。在绑定prop时，prop必须要在子组件中声明，可以用修饰符指定不同的绑定类型

JS中字符串拼接的方法有四种：使用加号运算符拼接、使用${}结合反引号拼接、使用JS的concat()函数拼接、使用JS的join()函数拼接。这四种方式的使用具体如下文所示。使用加号运算符连接/拼接字符串是最简便的方式。下面通过示例来介绍一下加号运算符连接两个字符串的方法，具体如下所示。示例一：示例二： 最后，通过使用加号运算符做拼接/连接操作，虽然是比较简便的方式，但是也有要求，那就是使用加号运算符做拼接/连接操作只适用于连接100个以下的字符串操作最方便。使用${}结合反引号来连接/拼接字

前言在基于移动端的前端开发过程中，会使用类似PC端的列表展示，即table表格的使用，但是基于移动端的前端框架Vant是没有提供对应的组件库，这就需要使用JS原生的Table，需要在基于移动端的前端开发的时候结合原生的表格使用，那么本篇博文就来分享一下关于在前端开发的时候基于移动端的JS原生Table的运用。操作步骤在界面中创建table的具体方法很简单，只需要设置好标签、数据源、样式三部分之后就可以了，使用起来也是非常简单和方便，这样就解决了基于移动端想要实现类似PC端的table效果

前言在前端开发中，使用Vue做项目的时候关于路由的管理处理是非常重要的知识点，路由的管理也是比较常用的，做前端开发的都知道SPA，通过唯一一个HTML页面完成所有组件的展示和切换，不同组件之间的切换需要通过路由来实现。vue-router是Vue的官方路由插件，为的就是Vue单页面开发的路由，处理页面跳转的，那么本篇博文就来分享一下关于vue-router相关的知识点，该知识点在前端求职面试中也是高频考察知识点，这里总结一下，方便查阅使用。vue-router概念　router的中文释...

这里的key一般指的是key值，它主要用来管理可重复使用的元素，也就是可复用的元素。由于在浏览器中操作DOM是很昂贵的，频繁的操作DOM会产生一定的性能问题，这就是虚拟Dom的诞生原因。Virtual DOM本质就是用一个原生的JS对象去描述一个DOM节点，是对真实DOM的一层抽象。虚拟DOM的实现原理主要包括3个部分：第一，用JavaScript对象模拟真实DOM树，对真实 DOM 进行抽象。第二，使用diff算法，比较两棵虚拟 DOM 树的差异，其中diff算法的特点：一，先进行同级比较，再比较子节点；

var语句是用于声明变量。在ES5中，顶层对象的属性和全局变量是等价的，用var声明的变量既是全局变量，也是最顶层变量。参数描述name必须。指定变量名。变量名可以包含字母，数字，下划线和美元符号。变量名必须以字母开头变量名也可以以$和_开头（但一般不这么用）变量名是大小写敏感的（y和Y是不同的变量）保留字（如JavaScript关键字）不能作为变量名使用value可选。指定变量的值。注意： 如果变量声明未指定值，其默认值为 undefined这里示例以创建一个变量，变量名为name，value值为"名字”

前言在前端开发的时候，CSS相关的知识点虽然不难，但是想要完全使用好也不是一件简单的事情，尤其是在开发中遇到一些比较复杂或者用常用的方式实现不了的效果，这就涉及到伪类的使用了。那么本篇博文就来分享一下关于伪类常用的知识点，方便以后查阅使用。定义伪类是什么？伪类是用于定义元素的特殊状态，或者说伪类是用来添加一些选择器的特殊效果。伪类是实现了类的效果，但是没有实际添加到标签中的类，所以才叫伪类，伪类的代表性构成是使用”:”冒号，如::before、::after等等。使用场景伪类

前言在iOS原生开发的时候，凡是涉及到运行项目之后Xcode提示Build target Runner-Log，是不是每次看到这种报错提示就觉得眼前一黑，头皮发麻？其实也没我说的那么夸张，但是有时候遇到这种问题确实比较费头发。本篇文章就来分享一个常见的问题，但是该问题解决起来不复杂，分享出来，方便后期查阅使用。重现报错提示具体在Xcode中的报错提示如下所示：Showing Recent Messagesdiff: /Users/admin/Documents/WorkSpac

首先来了解一下时间戳的概念，时间戳其实就是通过运用时间来标记事件，使用数字签名技术产生的数据。能够表示一份数据在某一个特定时间点存在的完整的可验证的数据，经过标记的时间有次序地排列。时间戳可以证明在某个时间段发生的事情，且任何人都无法擅自修改，签名的对象包括原始文件信息、签名参数、签名事件等信息。JS获取当前时间戳的方式有三种，具体如下所示：方法一、 方法二、 方法三、 上述三种获取时间戳的方法的区别：方法一获取到的时间戳是把毫秒改成000来显示，方法二和方法三是获取到了当前毫秒的时间戳。

前言在前端开发过程中，关于v-指令的使用是常见又重要的知识点，而且v-指令的使用也是前端开发者在求职面试中面试官必考察的知识点。本篇博文就来分享一下关于v-指令中v-if和v-for的优先级的知识点，方便以后查阅使用。v-指令v-指令指的是，在Vue中提供了一些相对于页面 + 数据的更为方便的输出，这些操作就叫做指令，以v-xxx表示类似于html页面中的属性 ```，这就是v-指令的定义。三掌柜之前也写了一篇关于v-指令使用大全的博文：前端开发：Vue中的v-指令使用的汇总_三掌柜66

前言在移动端开发过程中，设置app的图标尺寸是一个非常常见的操作，而且在设置app图标尺寸的时候是要严格按照移动端的标准来设置，尤其是iOS版本的app图标尺寸要求非常严格，如果设置的图标尺寸不符合标准，app上架的时候就会出错，所以在设置app图标尺寸的时候一定要注意。iOS开发中通过Assets设置启动图片以及icon处理工具Prepo(图片放大缩小不失真，自动生成@2x、@3x，图片类型随意切换)，再也不用担心美工给的图片规格不合适、不满意了，大大方便了iOS开发者的开发，也节省了沟通时间，提高

前言微信小程序开发中的大部分知识点和前端开发是一模一样的，就算具体的语法不一样，但是套路都是一样的，可以说微信小程序开发和前端开发使用的知识点基本一致。本篇博文就来分享一下在微信小程序开发中必用的知识点——路由，微信小程序中的路由使用原理和前端JS的路由使用类似，只是具体的使用语法不一样罢了。路由的定义微信小程序的路由和前端JS的路由性质是一样的，根据路由规则（路径）从一个界面跳转到另外一个界面的规则。也就是通常理解的路由指的是分组数据包从源头到目的地时候，决定端到端路径的网络范围的进程，这

前言作为程序员来说，在团队开发过程中关于代码管理的工具使用并不陌生，比较常用的代码合并管理工具如：Git、SVN等，虽然相关工具的使用并不复杂，但是还是要掌握常用的使用方法。本篇博文就来分享一下在SVN使用的时候遇到锁定文件的解决方法，方便查阅使用。提示由于网络和其他原因在更新代码不成功之后中断下载导致SVN被锁定的情况，具体提示如下所示：svn: E155004: Working copy '/Users/chng/Documents/代码/hc-vue/f2022' locke

前言在前端开发过程中，事件点击操作也是非常常用的，尤其是关于事件之间的属性穿透使用更是如此。在真实的业务场景中，会遇到点击事件冲突的情况，这就更涉及到事件的穿透相关的内容。在Vue中，关于组件事件属性穿透的知识点也是非常重要的，那么本篇博文就来分享总结一下事件穿透的知识点，方便查阅使用。事件穿透场景在实际开发过程中，会遇到一些场景：在页面里面弹出弹框，弹框上面有点击操作按钮，在弹框下面的页面中也有点击操作按钮，相同位置下，这样在点击弹框操作按钮的时候，也会重复触发弹框下面的点击操作按钮。

前段时间在开发微信小程序，然后后台接口没有跟上，为了不影响开发进度，然后就使用了node.js搭建微信小程序的数据模型mock服务。那么本篇博文就来分享一下node.js搭建数据模型的服务方法。本案例只介绍Mac电脑环境下的安装方法，也就是使用命令终端进行操作的，其他系统应该都是大同小异，请选择性阅读本篇博文。一、安装node.js环境安装node.js环境的方法不再介绍，请自行查找搭建即...