摘要：
在开发过程中，有一段代码如下： <div class="btns"> <a class="refuseBtn" data-i18n-text="refuse"></a> <a class="passBtn" onclick="approvalOrder('1')" data-i18n-text="p 阅读全文
摘要：
需求为根据来访理由的内容高度，自适应地调整来访理由这个横栏的高度。 原效果图如下： 其html为： 解决方法： 我们设置这个横栏的高度为高度自适应。即 .visitReasonArea{ height: auto; } 效果如下： 我们发现并没有生效，原因在于left和right都设置了绝对定位。因 阅读全文
摘要：
需求为点开同一个链接，在手机端和PC端进行不同的页面展示，但是页面内元素在手机端和PC端大体一致。 这里我使用了媒体查询，对电脑和手机分别写了一套不同的css。 即 @media screen and (max-width: 480px){ /* 手机端css */ } @media screen 阅读全文
摘要：
我们在做输入框实时查询时，一般会这样写： <input type="text" id="searchInput"> <script> let searchInput = document.querySelector('#searchInput') searchInput.oninput = func 阅读全文
摘要：
有时，产品的用户是其他国家（如英语国家）的，这时候就需要增加前端多语言切换（国际化）的功能。 基于jquery，我们可以采用以下方法： 1.在项目中创建资源文件，如下图，其中h5是根目录： 2.在common_en.properties中写上转换的中英文对照表，如： 用户登录=user login 阅读全文
摘要：
推荐一个轻松制作海报的网站——图怪兽。 这对于设计小白来说很有用， 制作效果如下： 这个网站每天用一个手机号只可以下载一次海报，需要珍惜机会~ 另外，其中的二维码是我自己生成的，用的是草料二维码网站。 这个二维码生成网站不仅支持把字符串变成二维码，还支持在二维码中间或右下角增加logo，可以自选lo 阅读全文
摘要：
IaaS、PaaS、SaaS是云计算（Cloud Computing）的概念。 我们以吃饺子为例。 如果是要自己做饺子，需要自己获取制作饺子的原材料，然后包饺子，蒸饺子等，在云计算中叫本地部署。 如果是直接去超市买速冻饺子，买回来只需要蒸一下就行了。只需要供应商给我们提供速冻饺子就好，这就是基础设施 阅读全文
摘要：
下面我们介绍两个抓包工具。 一、F12 F12（开发者工具）是Chrome浏览器自带的一个抓包工具，比较方便也比较灵活，我们在工作中会经常用到。 比如访问某些网站有异常的时候，我们可以通过F12抓取报文分析具体问题。 F12主要针对的是HTTP协议和HTTPS协议，它可以去确认我们的网络数据包的一个 阅读全文
摘要：
Element的el-cascader（级联器）组件的value容易获取，主要是label。用 this.$refs[关联组件名].currentLabels 可以获取，但是这个方法已经过期了。 需使用getCheckedNodes方法的节点获取。即 this.$refs["cascader"].g 阅读全文
摘要：
解决C盘爆满的方法： 1.打开win+R。 2.输入%temp%，点击确定。 3.ctrl+A全选文件，删除。 4.遇到无法删除的文件则跳过。 即可。 阅读全文
摘要：
简单的加密解密函数用js书写如下： //加密 function compile(code) { var c=String.fromCharCode(code.charCodeAt(0)+code.length); for(var i=1;i<code.length;i++){ c+=String.f 阅读全文
摘要：
我们有时需要把图片的背景去掉，这时我们可以使用removeBg网站进行操作。 上传一张原始图片，系统会自动为你抠图去背景，直接免费下载。 原理： 系统抠图其实和人工抠图一样，都是找到图片边缘的过程，图片边缘的像素点和其相邻像素点通常存在较大的色差，通过边缘检测算法进行处理。 原图： 处理后： 效果还 阅读全文
摘要：
有时，IDEA的git提交会出现问题，需要我们手动去提交。 IDEA进行git操作也非常的卡，因而采用命令行命令是一个快捷易用的方式。 下面列举Git的命令行命令。 1.新增文件到本地仓库 git add . 2.提交代码到本地仓库 git commit -m xxx xxx为提交信息，无需加双引号 阅读全文
摘要：
下面为下拉筛选的效果图： 代码如下： index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="css/menudown.css" /> 阅读全文
摘要：
要将对象数组questions去重。若id值相同，则为相同的元素。 去重方式如下： //去重 let arr = [] for(let i = 0;i < questions.length;i++){ let j for(j = 0;j < arr.length;j++){ if(arr[j].id 阅读全文
摘要：
在开发过程中，我遇到的需求为输出选择题的题目。 这样就需要输出A、B、C、D、E等选项。 我们可以定义一个字符数组解决。 也可以利用字符间的ASCII码的关系更简单地解决。 解决示例如下： let letter = 'A' for(let {value} of questionAttrCopys){ 阅读全文
摘要：
Ajax技术最开始是只有原生XHR和jq-ajax两种方式。后来，axios和fetch出现，抢占原有方式的地盘。 一、jq-ajax $.ajax({ type: 'POST', url: url, data: data, dataType: dataType, success: function 阅读全文
摘要：
今天学习Flutter，里面的Row布局中，mainAxisAlignment属性可以选择spaceAround或是spaceBetween。 这两个值用在俩图标上，其区别为： spaceBetween spaceAround 之前学习过的flex布局中的justify-content（对齐内容）属 阅读全文
摘要：
在做前端开发时，当后端的接口还未完成，前端为了不影响工作效率，需要手动模拟后端接口，可以使用mock.js进行模拟。 mock.js可以生成随机数据并且拦截Ajax的请求。 它具有以下优点： 使用示例： <!DOCTYPE html> <html> <head> <title></title> </ 阅读全文
摘要：
报错信息很直观地指出是内存溢出了。是什么导致了内存溢出呢？其根本原因在于 nodejs 默认限制了最大可使用的内存大小。 nodejs V8 引擎在 64 位机器上默认限制使用内存最大不超过 1.7GB，超过这个限制官方建议尝试优化为多线程方式。 解决办法可以是增加 nodejs 可使用的最大内存大 阅读全文
摘要：
为实现列表拖拽功能，我们引入Sortable.js。 Sortable.js是一个拖拽库，可以满足一些拖拽需求。 使用示例如下： <!DOCTYPE html> <html> <head> <title>拖拽库的使用</title> <meta content="width=device-width 阅读全文
摘要：
要想找到一份前端的工作，可以按以下顺序学习知识。 1.HTML（定义网站的内容和结构） 2.CSS（定义网站的样式和动画） HTML+CSS的学习 https://www.imooc.com/learn/9 3.JavaScript（定义网站的行为和交互逻辑） JavaScript入门 https: 阅读全文
摘要：
Taro：https://www.imooc.com/learn/1084 微信小程序原生：https://www.imooc.com/learn/1121（第一、二章） Flutter：https://www.bilibili.com/video/BV15t411U7yf?p=1 阅读全文
摘要：
在按照Flutter的官方文档进行项目初始化的操作时，使用AS（Android Studio）点击Run的时候，出现了以下报错。 百度和谷歌无果后，我在Stackoverflow找到了解决方案。 其报错原因是gradle下载不完整，导致解压失败了。 我们可以进入C:\Users\ <MyUserna 阅读全文
摘要：
js删除数组中的指定元素的方法为： Array.prototype.remove = function(val) { var index = this.indexOf(val); if (index > -1) { this.splice(index, 1); } } 调用方式为 var eleme 阅读全文
摘要：
在前端开发过程中，我们可以优化一些代码的书写。 1.用箭头函数进行简化。如将 $(".selectAll").click(function(){ $(".tickImg").attr("src","images/tickFilled.png") }) 优化为 $(".selectAll").clic 阅读全文
摘要：
我们有时需要在电脑截取长图。 解决方案1：下载FSCapture软件进行截取。 使用方法： 1.下载安装后，点击捕捉滚动窗口。 2.按住ctrl键选定滚动区域。 3.点击滚动条的下箭头进行滚动。 4.滚动完按Esc键进行退出截图，可以存储截取好的长图。 解决方案2：后来，QQ也推出了截取长图的功能， 阅读全文
摘要：
metamask是一个Chrome的插件。我们可以用js通过metamask调用以太坊的接口，进行接口对接。 一、代码需要引入web3.min.js。 <script type="text/javascript" src="lib/web3.min.js"></script> web3.min.js 阅读全文
摘要：
有时候，接口返回的数组会带有一些null元素。要清除这些null元素，可以调用filter函数： list = list.filter(n => n) 即可解决问题。 阅读全文
摘要：
ES6引入了一个新的循环语法，即for...of。 对于三重循环： for (let i = 0; i < list.length; i++) { for(var key in list[i]){ for(var j = 0;j < dataDict.length;j++){ if (dataDic 阅读全文
摘要：
一、基础设置 1.若需要进行黑白打印，则在色彩中选择黑色。 2.可以修改副本数量设置打印的份数。 二、身份证复印 1.选择副本数量 2.将身份证置于A4区间的上部。 3.选择身份证复印，点击开始。 4.打开打印机盖子，在原地翻转身份证，合上盖子。点击开始，看到界面显示原稿数量为2时，点击完成。 5. 阅读全文
摘要：
给OC项目添加icon，除了可以将icon放到Assets.xcassets（资源.xcode资源）的AppIcon中， 也可以将icon命名为icon.png，放到info.plist同级目录下。 在info.plist增加key-value为icon name和icon.png即可。 注意，ic 阅读全文
摘要：
别人直接发送代码过来，模拟器上运行成功，而真机上运行报错。 解决方案： 1.在General->bundle ID后面加个1 2.把Team改成自己的团队名。 再运行，即可。 阅读全文
摘要：
为了提高前端网页加载速度，我们对Yahoo军规进行学习。 一、尽可能减少HTTP请求。 上图中，左边一个css文件或js文件即是一次HTTP请求，但是通过图片合并、js合并、css合并，使得HTTP请求减少至4次。 二、使用CDN。 CDN即内容分发网络，即使用多个分布在各处的服务器备份资源。用户访 阅读全文
摘要：
由于GFW的存在，有时，从github上拉取代码速度会很慢，甚至会下载失败。 如果电脑没有安装FQ的工具，则可以通过以下两种方式下载代码。 1.通过码云 码云(gitee.com)是 OSCHINA.NET（开源中国）推出的代码托管平台，支持 git 和 svn，提供免费的私有仓库托管。 目前已有超 阅读全文
摘要：
hosts文件是一个没有扩展名的系统文件，它的主要作用是能加快域名解析，还可以屏蔽网站等。 hosts文件主要作用是定义IP地址和主机名的映射关系，是一个映射IP地址和主机名的规定。可以用文本文件打开。 当用户在浏览器中输入一个需要登录的网址时，系统会首先自动从hosts文件中寻找对应的IP地址。 阅读全文
摘要：
1.进入nginx的官网，下载nginx。地址为：http://nginx.org/en/download.html。 2.解压后路径如下图所示。 3.打开conf/nginx.conf文件进行编辑。 4.将root的值改为项目路径。 5.点击nginx.exe启动nginx。 注意，不要多次启动n 阅读全文
摘要：
基础题： 1.谈一谈你对Bootstrap的栅格布局的理解。 2.谈一谈你对MVVM的理解。 3.ES6的展开运算符有使用过吗？有什么用处？ 4.let和var、const的区别是什么？ 5.最近有了解前端的发展吗？有没有学习什么最新的前端技术？ 6.sessionStorage、localStor 阅读全文
摘要：
IDEA中Maven无法拉下依赖，原因可能是官方镜像源是国外网站，连接不上，需要换成国内的镜像源。 打开IDEA->Settings，选择Bulid,Execution,Deployment中的Maven选项，可以查看到配置镜像源的xml文件和下载的依赖的仓库位置。 按照本地路径打开.m2文件夹，里 阅读全文
摘要：
我们在开发一个OC项目时，常常会用到MVC架构模式。 Model层是模型层，负责提供页面上的数据。 举个🌰说明： RFTestModel.h #import "RFBaseModel.h" NS_ASSUME_NONNULL_BEGIN @interface RFTestModel : RFBas 阅读全文