小阿兜的博客

转载 ES6新增特性

在线转换Babel 提供一个REPL在线编译器，可以在线将 ES6 代码转为 ES5 代码。转换后的代码，可以直接作为 ES5 代码插入网页运行。let和c...

原创 uniapp实现长按震动效果

<view @longtap="vibrateShort">{{ house.Name }}</view>vibrateShort() { uni.vibrateShort({ success: function() { console.log('success'); } });},具体可参考官方文档

原创 uniapp父页面向子页面传递多个参数问题

父页面内容：<view class="title" @tap="changeName(house.idx,house.Name)"> <view >{{ house.Name }}</view></view>changeName(id, name) { console.log(id, name) uni.navigateTo({ url: '../../pages/houses/changeHouseName?houseIdx='

原创 uniapp开发微信小程序报错：本地资源图片无法通过 WXSS 获取，可以使用网络图片，或者 base64，或者使用「image/」标签

微信小程序不能使用background-image问题解决。解决办法：1.将图片bg3.jpg 转换为base64，转换地址http://tool.chinaz.com/tools/imgtobase，不行的话，网上自行搜索 图片转Base64，在这里把要使用的图片转换一把，然后将得到的字符放到background-image属性值中，如下图，不过这个字符串也太长了点2.在背景图片中，使用图片的网络路径，可将图片上传至https://imgchr.com/，然后获取图片URL地址，填入代码中这样

原创 HBuilderX突然无法使用或者下载解压后点击.exe文件没反应

电脑系统：win10 64位系统HBuilderX版本：APP开发版 版本号：2.7.14HBuilderX用了两三天，突然就打不开了，我直接把原来解压好的文件删除，又解压一次，还是不行，就把原来下的压缩包也删除了，重新在官网下载，解压后还是不行，又尝试换了目录，下了标准版，还是打不开。经历种种后终于找到官方解答，如下图所示，在地址栏输入%appdata%回车； 在此目录下，找到HBuilder X目录，注意：将此目录随便重命名一下，也可以删除掉。亲测有用，非常好用！附上官方文档：https://a

原创 HBuilder编译uniapp报错：Module Error

uniapp报错：Module Error (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js)原因：可能是你的view标签没有闭合，或者template标签里忘记写最大的那个view标签了，就是把其它元素都包起来的那个view标签没写。...

原创 Git基础命令&&进阶使用

1.什么是gitGit是分布式版本控制系统，那么它就没有中央服务器的，每个人的电脑就是一个完整的版本库，这样，工作的时候就不需要联网了，因为版本都是在自己的电脑上。既然每个人的电脑都有一个完整的版本库，那多个人如何协作呢？比如说自己在电脑上改了文件A，其他人也在电脑上改了文件A，这时，你们两之间只需把各自的修改推送给对方，就可以互相看到对方的修改了。下图就是分布式版本控制工具管理方式： 2.git工作流程一般工作流程如下：1．从远程仓库中克隆 Git 资源作为本地仓库。2．从本地仓库中chec

原创 元素显示模式转换：行内元素，块级元素，行内块元素的转换

<style> a { width: 150px; height: 50px; background-color: pink; /* 把行内元素 a 转换为 块级元素 */ display: block; } div { width: 300px; height: 100px;

原创 箭头函数经典面试题

代码1：<script type="text/javascript"> var obj = { age: 20, say: () => { alert(this.age) } } obj.say(); </script>运行结果代码2：<script type="text/javascript"> var age = 100; var obj = { age: 20, say: ()

原创 数组变异方法(pop,push,shift,unshift,splice,sort,reverse)与替换数组(filter,concat,slice)

数组变异方法在 Vue 中，直接修改对象属性的值无法触发响应式。当你直接修改了对象属性的值，你会发现，只有数据改了，但是页面内容并没有改变变异数组方法即保持数组方法原有功能不变的前提下对其进行功能拓展push()往数组最后面添加一个元素，成功返回当前数组的长度pop()删除数组的最后一个元素，成功返回删除元素的值shift()删除数组的第一个元素，成功返回删除元素的值unshift()往数组最前面添加一个元素，成功返回当前数组的长度splice()有三

原创 ES5新增方法：forEach，filter，some，map的用法和区别

1.数组方法forEach遍历数组arr.forEach(function(value, index, array) { //参数一是:数组元素 //参数二是:数组元素的索引 //参数三是:当前的数组 }) //相当于数组遍历的 for循环 没有返回值2.数组方法filter过滤数组var arr = [12, 66, 4, 88, 3, 7]; var newArr = arr.filter(function(value, index,array

原创 绝对定位水平垂直居中

<style> .box { position: absolute; /* 1. left 走 50% 父容器宽度的一半 */ left: 50%; /* 2. margin 负值 往左边走 自己盒子宽度的一半 */ margin-left: -100px; top: 50%; margin-top: -100.

原创 static,relative,absolute,fixed，sticky四种定位方式的区别

1.static静态定位2.relative相对定位3.absolute绝对定位4.fixed固定定位5.sticky粘性定位6.定位组成7.边偏移8.定位总结

原创 JavaScript中offset,style,client概述与区别

1. offset 概述offset 翻译过来就是偏移量， 我们使用 offset系列相关属性可以动态的得到该元素的位置（偏移）、大小等。获得元素距离带有定位父元素的位置获得元素自身的大小（宽度高度）注意：返回的数值都不带单位2. offset 与 style 区别offsetoffset 可以得到任意样式表中的样式值offset 系列获得的数值是没有单位...

原创 快速了解DOM与BOM，以及它们的区别

1. 什么是DOM文档对象模型（Document Object Model，简称DOM），是 W3C 组织推荐的处理可扩展标记语言（html或者xhtml）的标准编程接口。​W3C 已经定义了一系列的 DOM 接口，通过这些 DOM 接口可以改变网页的内容、结构和样式。DOM是W3C组织制定的一套处理 html和xml文档的规范，所有的浏览器都遵循了这套标准。2. DOM树DOM树又称...

原创 毕业论文答辩PPT

原创 JavaScript中this的指向问题

this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，一般情况下this的最终指向的是那个调用它的对象。现阶段，我们先了解一下几个this指向全局作用域或者普通函数中this指向全局对象window // this 指向问题 一般情况下this的最终指向的是那个调用它的对象 // 1. 全局作用域或者普通函数中this指向...

转载 想成为前端大神秒杀群雄？收下这份2020年最新前端学习路线！

B 站视频版：点击传送是不是梦想了好久，成为叱诧风云，挥手成页面的前端大神？那你来对地方了，这篇文章整理了成为前端大神的必备技能。先从初级前端工程师所需的技能开始，然后一路升级到高级工程师该掌握的技能，层层相扣，让大家在工作中能游刃有余。最后附上我自己是如何从一个后端工程师转成了前端工程师^^。看完这篇文章...

原创 web前端面试经验和面试题分享

前些天投了简历，收到一份面试邀约，也是我的第一个工作面试，写写面试的经历。投的上海的一家公司，这家公司做的是电商服务类的小程序，APP，还有PC端。面试流程：约的下午两点半，提前五分钟到，先填简历表，然后发了一份web前端面试题，40分钟做完，五个选择，五个简答，都是比较基础的知识。随后项目经理来面试，根据简历问了一些问题，也都是前端相关的知识，不难，四点左右面试完。面试感受：面试官看着很年轻...

原创 数据库习题集

1.某关系R的外键是指______A 其它关系的候选键，可以是R中的主属性或非主属性B 该关系除主键之外的另一个候选键C 其它关系的候选键，同时作为R的主属性D 其它关系的候选键，同时作为R的非主属性正确答案：A备注：R的外键不可以是R的主码，可以是R中的主属性或非主属性2 关系模型中，下列关于候选键说法正确的是_______A 可由其值能惟一标识该关系中任何元组的一个或多个属...

原创 毕业设计（微信小程序）和毕业论文怎么写，答辩流程是怎样的？

1. 开始准备时间我是在大四下学期开学时开始准备论文的，首先是确定论文主题，看自己想做什么毕业设计，可以选取之前接触过的，做过的东西，这样快一些，如果选的是没接触过的方向，一定要早点开始。查了资料后，我打算做一个小程序，因为感觉做过小程序的人比较多，而且网上视频教学资料充足，这样做的过程中遇到困难也方便请教他人或者查询资料。我有个室友做的网页版音乐播放器，还有个做的车牌识别系统，班里一个获得优秀...

原创 本科毕业论文（设计）——开题报告

这是我当时的开题报告，隐去了个人信息，供大家参考贴一下我写的关于毕设和论文的另一篇文章 点击此处查看

原创 HTTP和HTTPS有什么不同

HTTP和HTTPS是什么？我们使用浏览器访问一个网站页面，在浏览器的地址栏中我们会看到一串URL，如图网站的URL会分为两部分：通信协议和域名地址。域名地址都很好理解，不同的域名地址表示网站中不同的页面，而通信协议，简单来说就是浏览器和服务器之间沟通的语言。网站中的通信协议一般就是HTTP协议和HTTPS协议。HTTP协议HTTP协议是一种使用明文数据传输的网络协议。一直以来HTTP...

原创 当在浏览器地址栏输入一个URL按回车键后发生了什么？

一.浏览器解析出url中的域名URL由通信协议+域名+端口号+资源路径组成，浏览器需要从url中解析要请求的域名二.DNS解析找到域名对应的IP地址，该过程分为如下10步：1.查询浏览器的DNS缓存2.若浏览器缓存中未找到该域名对应的ip，则查找操作系统的DNS缓存，即hosts文件中的域名与ip的映射关系3.若在操作系统缓存中也没有找到，则查找本地DNS服务器缓存。4.若本地DNS...

原创 百度网盘怎么关闭开机自动启动

1 首先，我们要在电脑上面，找见网盘图标，启动并登陆一下2 之后，我们来到里面的界面，点击右上角“设置”图标3 选择其中的设置选项4 进入设置里面，选择“基本设置”那个选项5 在这个里面，最上面就有关于网盘自动启动的选择。点前面方框，去掉叉，就可以了6之后确定完成，就可以了这里为百度经验链接，看不明白的点击此处查看图文详情...

原创 剑指offer（50题第2题：替换空格）

替换空格题目：请实现一个函数，将一个字符串中的每个空格替换成 %20。例如，字符串为 we are happy.则经过替换之后的字符串为 we%20are%20happy解题思路：1.通过字符串中空格的个数，计算新字符串长度。2.两个指针进行字符串拷贝，当遇到’ '时替换为%20.public String replaceSpace(String Bufferstr）{ char[]...

原创 剑指offer(面试刷题必备）50题第1题：二维数组中的查找用 JAVA语言和c++语言实现

一、搜索二维矩阵题目：编写一个高效的算法来搜索M×N矩阵matrix中的一个目标值target。该矩阵具有以下特性：1. 每行元素从左到右升序排列;2. 每列元素从上到下升序排列。示例：现有矩阵matrix如下：给定target=5，返回true给定target=20，返回false解题思路二维是有规律的：右上角的数字是一列中最小的，一行中最大的，通过这个数字和target进行对比，...

原创 黑盒测试与白盒测试的定义、方法

黑盒测试又叫功能测试，它主要关注被测试软件功能的实现，而不是其内部逻辑。在黑盒测试中，被测对象的内部结构、运作情况对测试人员是不可见的。在黑盒测试里，测试人员把被测试的软件系统看作是一个黑盒子，并不需要关心盒子的内部结构和内部特性，而只关注于软件产品的输入数据和输出结果，从而检查软件产品是否符合它的功能说明。黑盒测试技术：等价类划分法，边界值分析法，错误推断法，因果图法，决策表法，场景法等。白...

原创 模块耦合与模块内聚

模块的独立程度可以由两个定性标准来度量，这两个标准分别称为耦合和内聚。耦合衡量不同模块彼此间互相依赖的紧密程度；内聚衡量一个模块内部各个元素彼此结合的紧密程度。1.耦合耦合是对各个模块之间互连程度的度量。耦合的强弱取决于接口的复杂性，即与信息传递的方式、接口参数的个数、接口参数的数据类型相关。不同模块之间互相依赖得越紧密则耦合程度越高。为了提高模块的独立性，应尽量降低模块之间的耦合程度。以下...

原创 极限编程和极限编程方法采用的有效的开发实践

极限编程是敏捷编程中最负盛名的一个，其名称中“极限”二字的含义是指把好的开发实践运用到极致。目前，极限编程已经成为一个典型的开发方法，广泛应用于需求模糊且经常改变的场合。下面简述极限编程方法采用的有效的开发实践。客户作为开发团队的成员必须至少有一名客户代表在项目的整个开发周期中与开发人员在一起紧密地配合工作，客户代表负责确定需求回答开发人员的问题并且设计功能验收测试方案。使用用户素...

原创 几种常见的软件开发模型：瀑布模型，快速原型模型、增量模型、螺旋模型、喷泉模型

**瀑布模型****瀑布模型是20世纪80年代之前最受推崇的软件开发模型，它是一种线性的开发模型，具有不可回溯性。**开发人员必须等前一阶段的任务完成后，才能开始后一阶段的工作，并且前一阶段的输出往往就是后一阶段的输入。**由于它的不可回溯性，如果在软件生存周期的后期发现并改正前期的错误，那么需要付出很高的代价。传统的瀑布模型是文档驱动的：需求分析→设计→编码与单元测试→集成与系统测试→运行...

原创 软件设计师历年真题与解析分享（05——17年）

报名了2019年5月份的软件设计师中级考试，自己找了一些资料分享给大家，共同学习一起进步。百度网盘链接: https://pan.baidu.com/s/1KujZ-6TmHI4AsPApyjcwug 提取码:pw4h...

原创 PAT简介和2019年秋季浙大PAT考试报名流程

PAT简介：计算机程序设计能力考试（Programming Ability Test，简称 PAT ） 旨在通过统一组织的在线考试及自动评测方法客观地评判考生的算法设计与程序设计实现能力， 科学的评价计算机程序设计人才， 为企业选拔人才提供参考标准。PAT目前有考点 67 处， 分布在 26 省/直辖市的 49 座城市中， 涉及合作院校 60 所。 联盟院校承诺为考试提供统一配置的机房以及网络...

原创 Cache与主存的地址映射

在程序的执行过程中，Cache与主存的地址映射是由硬件自动完成的。