- 博客(45)
- 收藏
- 关注
RSS订阅
原创 web前端开发面试中常见的算法题(JS)
前言最近在准备秋招，做过了大大小小的公司的面试题，发现除了基础知识外，算法还是挺重要的。特意整理了一些常见的算法题，添加了自己的理解并实现。除此之外，建议大家还可以刷刷《剑指offer》（但我还没刷完?，任重道远呐）。此外，左神在牛客网上也有算法课程，听了基础班的感觉还不错，起码让我这个算法小白也能快速地理解了很多问题，知识付费的时代，这个真的是良心课程了。就我个人而言的话，平时为了解决一...
2019-10-07 16:57:43
19798
3
原创 JS 链判断运算符(?.)
简介：?.操作符：用于使用隐式空检查访问嵌套对象属性。使用场景：在使用后端返回的数据时，前端常常要对其进行判空操作，那么当嵌套属性比较多，写起来则会比较麻烦，如下：if(data && data.obj && data.obj.name) { this.userName = data.obj.name;}或者更好的优化则可以将他们写成一行：this.userName = data && data.obj &&
2021-08-25 22:06:48
1669
原创 使用vux的组件popup-picker实现一个同时选择开始日期和结束日期的组件
目的：使用vux的组件popup-picker实现一个可以同时选择开始日期和结束日期的组件组件要求：1、同时选择开始日期和结束日期，即左边一栏是开始日期，右边一栏是结束日期2、时间范围：T+1~T+89（即当前日期的第二天至当前日期的90天）3、开始日期和结束日期不能是同一天（即滑动其中一栏，另一栏要实时更新，完成联动）（感觉还挺麻烦的，一步步实现吧????）第一步：vue文件中引入并注册popup-picker组件第二步：写一个方法，生成开始时间和结束时间的时间数组，用
2021-07-11 00:35:29
921
原创 vue 模板字符串里添加html并绑定点击事件
在Vue中，我们经常会使用模板字符串。当然，现在的模板字符串使用方法也越来越多。在项目中，经常会遇到一个问题，就是需要在模板字符串中，写一个html元素，如下：let contentStr = `<p>我是模板字符串，点击我。</p>`如果需要在点击该html元素时，触发点击事件，那么把模板字符串改成：let contentStr = `<p onclick="clickFun()">我是模板字符串，点击我。</p>`// 注意，是onc
2021-07-10 23:42:34
5987
8
原创 vue实现在用户关闭或刷新浏览器当前网页时弹出提示“系统可能不会保存您所做的更改”
1、首先先看一下效果图：2、实现步骤（1）在项目中打开想要出现如上效果的组件的vue文件（2）在script标签中写如下代码，但是记得要替换成自己的路由<script>export default { mounted () { let that = this window.onbeforeunload = function (e) { if(that.$route.fullPath =="/rich"){
2020-05-12 16:37:54
9121
原创 探究 require/exports 和 import/export 的区别
自从 ES6 被推出后，很多小伙伴的项目里都或多或少地出现了import、export default 的身影，当然，应该也还存在着 require、exports 。在最初学习js的时候，一直搞不懂这几个的区别，以及使用场景。直到某一天业务中真实需要使用，就好好摸索了一番。一、区别（1）requirerequire 是 CommonJS 的规范，而 node 是由模块组成的，基于 ...
2020-04-29 14:26:41
504
1
原创 git 详细介绍各种命令行（含合并冲突解决）
一、上传本地项目到gitLab1.先记录个人信息git config --global user.name "xxx"git config --global user.email "xxx@xxx"2.上传// 1. git add : 添加到暂存区git add xxx文件git add -A // 添加所有文件（通常改动较多可以直接使用这句命令）// 2. git...
2020-04-28 17:35:50
1131
原创 vue-cli项目中使用mockjs模拟数据-配置和使用（超详细！）
在前端的开发中，很多时候都需要用到接口，但是后端的接口往往要比较晚才出来，那么前端有没有办法通过制造假数据来模拟后端端口，加快开发速度呢？答案是肯定的，这里有两种方法介绍下。1. 使用网上一些提供数据的网站，如聚合数据、极速数据等，但是需要注册，大部分API需要钱????，且不如自己配置的方便；2. 利用mockjs模拟数据。下面就介绍在vue-cli项目中使用mockjs来模拟数据的步骤。...
2020-03-25 10:09:05
3403
1
原创 JS中数组常用的方法（详解）
1.maplet arrNew = arr.map(x => x*2)console.log(arr); // [1, 2, 3, 4]console.log(arrNew); // [2, 4, 6, 8]map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。 map() 方法按照原始数组元素顺序依次处理元素。 注意：map() 不会对空数组...
2020-03-17 13:40:21
300
原创 JavaScript实现切金条问题
问题描述：一块金条切成两半，是需要花费和长度数值一样的铜板的。比如长度为20的金条，不管切成长度多大的两半，都要花费20个铜 板。一群人想整分整块金条，怎么分最省铜板？例如,给定数组{10,20,30}，代表一共三个人，整块金条长度为 10+20+30=60。金条要分成10,20,30三个部分。 如果， 先把长 度60的金条分成10和50，花费60；再把长度50的金条分成20和30， 花费...
2019-10-07 16:53:33
552
1
原创 Javascript实现岛问题：一个矩阵中只有0和1两种值，每个位置都可以和自己的上、下、左、右 四个位置相连，如果有一片1连在一起，这个部分叫做一个岛，求一个矩阵中有多少个岛？
问题描述： 一个矩阵中只有0和1两种值，每个位置都可以和自己的上、下、左、右 四个位置相连，如果有一片1连在一起，这个部分叫做一个岛，求一个矩阵中有多少个岛？举例： 下面这个矩阵中有4个岛。let arrIsland = [ [0,0,1,0,1,0], [1,1,1,0,1,0], [1,0,0,1,0,0], [0,0,0,0,0,1]];实现思...
2019-10-03 23:47:36
1939
原创 js:数组中有一个数字出现的次数超过数组长度的一半，请找出这个数字
题目：数组中有一个数字出现的次数超过数组长度的一半，请找出这个数字。 例如输入一个长度为9的数组{1,2,3,2,2,2,5,4,2}。由于数字2在数组中出现了5次，超过数组长度的一半，因此输出2。如果不存在则输出0。一、解题思路1.定义一个辅助数组 zero ，里面全是0；2.循环输入的数组 arr ，将 arr 每个位置的值（arr[i]）对应到辅助数组zero里的...
2019-08-29 11:36:33
1710
原创 js：数组实现队列和栈、栈实现队列、队列实现栈
目录一、利用数组结构实现大小固定的队列和栈二、仅用队列结构实现栈结构三、仅用栈结构实现队列结构四、总结一、利用数组结构实现大小固定的队列和栈1.数组结构 实现 队列 ①队列的特点：先进先出，后进后出。 ② 注意：需要定义 start、end变量，以标记 出队和入队位置；还要定义一个size变量，约束出入队的行为。<script type="te...
2019-08-24 22:38:54
479
原创 vue-cli3项目打包时，静态资源请求失败 404
1. 首先放一张项目的目录：public文件夹 存放 index.html以及一些json文件。 src -> assets 文件夹下存放一些需要的图片。 src -> components 文件夹下存放每个模块的组件。 src 目录下是App.vue、main.js、router.js、store.js文件。2. 在执行 npm run build 后，项目多了一个d...
2019-08-16 09:49:23
8779
原创 CSS清除浮动4种方法
一、为什么要清除浮动？是为了解决 父元素因为子元素浮动而引起的内部高度为0的问题。布局：<body><div class="father"> <div class="big">盒子1</div> <div class="small">盒子2</div> 大盒子</div>...
2019-07-30 23:05:12
133
原创 当img和span一行，设置垂直居中
这里写自定义目录标题当img和span标签放在同一行时，应该如何设置，使它们在该行垂直居中？当img和span标签放在同一行时，应该如何设置，使它们在该行垂直居中？ <style type="text/css"> .box{ width: 100%; background-color: #ccc; } .box img{ width: 40px; ...
2019-06-30 17:03:49
1280
原创 overflow:hidden的使用
一、溢出隐藏如果某一元素内容超过所给定的宽高，就会溢出。<style type="text/css"> .box{ background-color: lightblue; width: 400px; height: 60px; margin: 0 auto; text-align: ce...
2019-06-19 11:08:39
1743
原创 小程序AppId-当前开发者未绑定此AppId，请到小程序管理后台操作后重试
最近在学习小程序，在新建项目想要使用自己的AppId时总是出错。查过很多资料都没发现什么有用的，微信开发文档看起来感觉也很混乱。最终自己摸索了蛮久的，终于解决了。方法如下：1.首先先讲一下踩的坑。不想看的可以直接跳到第二步。在看到需要填写AppId时，下意识就在微信公众号平台上找了，位置如下：微信公众平台 → 拉到最底下有个“开发”模块 → 点击基本配置可以看到有开发者ID...
2019-06-08 15:06:12
11655
4
原创 python：爬取天气预报+美女网站数据信息
一、爬取湛江天气预报信息url：http://www.weather.com.cn/weather/10128100101A.shtml1.思路分析：①先爬取网页所有数据，div/ul/li，获得7天天气预报的所有信息；②li下的所有数据进行提取数据；③保存文件。 --文件操作、json模块。import requestsimport lxml.htmlimport...
2019-05-09 09:49:23
5724
1
原创 Linux相关配置命令-用户组权限、服务器搭建等
Linux用户和组及其权限管理（共20分） 请根据以下项目要求，写出操作过程和命令并上机操作验证。项目要求：某软件开发公司即将开始在Linux系统上进行项目的开发。要实现的环境是：公司有软件开发，网络和技术支持3个部门，对应建立3个用户组为soft，network，support。三个部门里各有2个用户，分别为soft01，soft02；network01，network02...
2019-04-26 00:15:43
3037
原创 AndroidStudio：设计一个能在图片上涂鸦的程序
一内容：设计一个能在图片上涂鸦的程序二实现①布局文件activity_main.xml<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas...
2019-04-07 22:28:12
2078
2
原创 AndroidStudio：手势识别
一内容：设计一个手写字体识别程序。二实现①建立一个存放手写字体的数据库②activity_main.xml<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="ht...
2019-04-07 21:10:28
2730
3
原创 jsp：1.计算字符串长度；2.猜英文26个小写字母的web游戏
目录案例一一、内容二、实现三、效果展示案例二一、内容二、实现三、效果展示四、总结案例一一、内容编写两个JSP页面inputString.jsp和computer.jsp，用户可以使用inputString.jsp提供表单的输入一个字符串，并提交给computer.jsp页面，该页面通过内置对象获取inputString.jsp页面提交的字符串，计算并...
2019-04-01 00:38:56
1285
2
原创 AndroidStudio：实现几种常用对话框-进度条、日期选择、时间选择
一、内容本案例主要介绍以下几种常见对话框：1.进度条对话框2.日期选择对话框3.时间选择对话框二、实现import android.app.Activity;import android.app.DatePickerDialog;import android.app.ProgressDialog;import android.app.TimePickerDialog...
2019-03-28 23:08:45
1225
1
原创 AndroidStudio案例：消息对话框应用示例
一、内容设计两种形式的对话框程序，一种是发出提示信息的普通对话框，另一种是用户登录对话框。二、实现1.主界面 activity_main.xml<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android...
2019-03-28 11:36:20
1817
原创 jsp案例：计算三角形面积，结果保留3，6位小数
目录一、内容二、实现步骤三、细节四、效果展示一、内容编写一个Tag文件GetArea.tag负责求出三角形面积，并使用variable指令返回三角形的面积给调用该Tag文件的JSP页面。JSP页面负责显示Tag文件返回的三角形的面积。JSP在调用Tag文件时，使用attribute指令将三角形三边的长度传递给Tag文件。one.jsp和two.jsp都使用Tag标记调用Ge...
2019-03-24 10:57:46
793
原创 jsp案例：计算矩形、圆形面积
目录1.要求2.实现步骤3.细节4.效果图5.总结1.要求编写两个Tag文件Rect.tag和Circle.tag。Rect.tag负责计算并显示矩形的面积，Circle.tag负责计算并显示圆的面积。编写一个JSP页面lianxi6.jsp，该JSP页面使用Tag标记调用Rect.tag和Circle.tag。调用Rect.tag时，向其传递矩形的两个边的长度；调用C...
2019-03-23 23:08:23
8013
原创 vue案例：动态添加数据、按关键字查找数据、删除数据
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="./lib/vue-2.4.0.js"></script> <link rel...
2019-03-20 16:11:36
1631
原创 JSP动作标记的简单应用
目录一、计算梯形面积二、计算累加和一、计算梯形面积1.内容：编写两个JSP页面：main.jsp和lader.jsp，将两个JSP页面保存在同一Web服务目录中。main.jsp使用include动作标记动态加载lader.jsp页面。lader.jsp页面可以计算并显示梯形的面积。当lader.jsp被加载时获取main.jsp页面中include动作标记的param子标记提...
2019-03-17 17:45:21
640
1
原创 安卓AndroidStudio实现计算器
一、内容：基于AndroidStudio，实现一个简易的计算器（界面+简单的计算）。下图是整体界面：二、思路首先设计界面，activity_main.xml计算器界面，需要：文本框TextView——显示数字；数字、符号按钮Button<?xml version="1.0" encoding="utf-8"?><GridLayout xmlns:a...
2019-03-16 15:38:29
7436
4
原创 js-实现贪吃蛇项目
近来在学习JS进阶，便学习着做个网页版贪吃蛇项目。index.html<!DOCTYPEtml<html lang="en"><head><meta charset="UTF-8"><title>Title</title><link rel="stylesheet" href="cs...
2019-03-09 14:04:42
386
原创 Android Studio连接手机调试完整教程
最近在研究AS，在网上找了教程，顺利完成安装。但是由于在电脑上模拟运行太卡了，就想着连接手机调试吧，没这么卡，好操作一点。于是在网上也找了好多教程，有些不适合的，最后总结出了比较完整的方法，如下。手机型号：红米note5AS版本：3.2.0 （下载地址：http://www.android-studio.org/）具体安装教程可自己寻找，教程挺多的。1.完成AS安装及SDK安装等2...
2019-01-22 15:33:19
9798
4
原创 数据结构|二叉树的链式存储（实验6.2）
一、实验目的1、熟练理解树和二叉树的相关概念，掌握的存储结构和相关操作实现；2、掌握树的顺序结构的实现；3、学会运用树的知识解决实际问题二、实验内容1、自己确定一个二叉树（树结点类型、数目和结构自定）利用链式存储结构方法存储。实现树的构造，并完成：1）用前序遍历、中序遍历、后序遍历输出结点数据；2）以合理的格式，输出各个结点和双亲、孩子结点信息；...
2017-11-09 11:26:15
1445
原创 数据结构|用栈实现十进制转换成二进制（实验3.5）
一、实验目的1、熟练掌栈的结构特点，掌握栈的顺序存储结构和实现。2、学会使用栈解决实际问题。二、实验内容1、自己确定结点的具体数据类型和问题规模，建立一个顺序栈，实现栈的压栈和出栈操作。三、实验步骤1、依据实验内容分别说明实验程序中用到的数据类型的定义；class SeqStack { private: int data[Siz...
2017-10-25 15:04:45
15828
原创 数据结构|链队列的实现（实验3.4）
一、实验目的1、熟练掌队列的结构特点，掌握队列的顺序存储和实现。2、学会使用队列解决实际问题。二、实验内容1、自己确定结点的具体数据类型和问题规模，建立一个链队列，实现队列的入队和出队操作。三、实验步骤1、依据实验内容分别说明实验程序中用到的数据类型的定义；template <typename T> class LinkQ...
2017-10-18 17:24:55
903
原创 数据结构|顺序队列的实现（实验3.3）
一、实验目的1、熟练掌队列的结构特点，掌握队列的顺序存储和实现。2、学会使用队列解决实际问题。二、实验内容1、自己确定结点的具体数据类型和问题规模，建立一个顺序队列，实现队列的入队和出队操作。三、实验步骤1、依据实验内容分别说明实验程序中用到的数据类型的定义；template<typename T>class Cirqueue{...
2017-10-18 16:53:59
1337
原创 数据结构|链栈的实现（实验3.2）
一、实验目的1、熟练掌栈的结构特点，掌握栈的顺序存储结构和实现。2、学会使用栈解决实际问题。二、实验内容1、自己确定结点的具体数据类型和问题规模，建立一个链栈，实现栈的压栈和出栈操作。三、实验步骤1、依据实验内容分别说明实验程序中用到的数据类型的定义；template < typename T >class LinkStack{ publi...
2017-10-18 16:09:36
1175
原创 数据结构|顺序栈的实现（实验3.1）
一、实验目的1、熟练掌栈的结构特点，掌握栈的顺序存储结构和实现。2、学会使用栈解决实际问题。二、实验内容1、自己确定结点的具体数据类型和问题规模，建立一个顺序栈，实现栈的压栈和出栈操作。三、实验步骤1、依据实验内容分别说明实验程序中用到的数据类型的定义；template < typename T >class SeqStack{ public:...
2017-10-18 15:25:40
5585
原创 数据结构|总结线性表的几种存储结果
一、顺序存储结构——顺序表顺序表是用一段地址连续的存储单元依次存储线性表的数据元素。所以通常用数组来存储线性表，用数组存放，这意味着我们要确定数组的长度，分配固定长度的数组空间。 ①特点：内存中地址连续，支持随机查找，按位查找算法的时间复杂度为O（1），按值查找的平均时间性能是O（n），插入删除操作的平均时间性能是O（n），适用于需要大量访问元素，而没有或少量增添或删除元素...
2017-10-11 17:15:17
506
原创 数据结构|创建学生成绩的间接寻址（实验2.5）
一、实验目的巩固线性表的数据结构的存储方法和相关操作，学会针对具体应用，使用线性表的相关知识来解决具体问题。二、实验内容建立一个由n个学生成绩的顺序表，n的大小由自己确定，每一个学生的成绩信息由自己确定，实现数据的对表进行插入、删除、查找等操作。分别输出结果。三、实验步骤1、依据实验内容分别说明实验程序中用到的数据类型的定义public: ...
2017-10-10 18:50:57
274
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人