- 博客(45)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 每天一道算法题——动态规划
假设你正在爬楼梯。需要 n 阶你才能到达楼顶。每次你可以爬 1 或 2 个台阶。你有多少种不同的方法可以爬到楼顶呢？注意：给定 n 是一个正整数。示例 1：输入： 2 输出： 2 解释： 有两种方法可以爬到楼顶。1 阶 + 1 阶2 阶你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们
2023-10-23 14:55:09
121
原创 webpack详解
bundle.js文件断点执行文件。理解她的工作机制和原理。如何通过loader实现特殊文件的加载？为什么用 js 文件作为入口文件？为什么在js中加载其他资源？1.逻辑上比较合理因为JS确实需要这些资源文件配合才能实现整体功能2.配合webpack这类工具的打包能确保在上线时，资源不会缺失，而且都是必要的webpack加载源文件的过程时什么样的？类似一个工作管道，依次使用多个loader，最终会在这个管道结束以后输出一段标准的js代码字符串。注意：同一个模块使用多个loader，注
2020-11-09 22:58:10
227
原创 面试经典题——cookie,localStorage,sessionStorage的区别
生命周期：cookie:可以设置失效时间，没有设置的话，默认是关闭浏览器后失效，localStorage:除非被手动清除，否则将永久保存。sessionStorage:仅在当前网页会话下有效，关闭页面或者浏览器后会被清除。存放数据大小：cookie：4kblocalStorage 和sessionStorage:可以保存5MB左右的信息cookie：每次会携带在HTTP头中，使用cookie保存过多信息会带来性能问题localStorage 和 sessionStorage 仅在浏览器中保存
2020-10-21 19:18:32
307
原创 移动端适配解决方案
移动端适配解决方案通过媒体查询和css的media queriesflex弹性布局百分比加媒体查询。rem方式：@flex布局的关键：文字流式，控件弹性，图片等比缩放。在某些比较小的屏幕可以做响应调整。iphone 4去调整padding，左右布局变为上下布局。rem:相对于根元素(html)的字体大小，1rem = html标签的font-size,通过媒体查询的方式动态改变html，font-size的大小。@media screen and (min-width:750px){
2020-10-20 15:20:04
225
原创 缓存前端最低成本的网络优化
深入理解浏览器的缓存机制缓存是输入一个url之后的第一步，如果存在缓存，就不用再去发起网络请求，后端处理，浏览器响应。发起网络请求，浏览器响应这两个步骤可以有效减少。缓存分为两中类型：1.直接使用缓存而不发起请求，2.发起请求但后端存储的数据和前端一致。1.缓存位置Service WorkerMemory CacheDisk CachePush Cache2.强缓存（依据超出某个时间来判断是否缓存，而不关心服务端文件是否更新）不会向服务器发送请求，直接从缓存中读取资源，返回200
2020-10-19 17:18:19
205
原创 两年前端经验面试总结
一面的考察：面试问题：谈谈你对this指向的理解，怎么改变this的指向。构造函数实例成对象发生了什么js 构造函数的理解，原型，原型链，从输入一个url发生了什么？可以讲缓存，dns，cdn加速。重排和重绘，url,三次握手，怎么加快一个文件加载速度，网络层面的优化，get/post的区别，跨域的解决方案。怎么加快dns加速，一次加载100张图片的优化方法。http协议。promise大集合，反向代理？$set，assign()，es6中proxy 和 Object.definePropert
2020-10-14 19:13:08
1093
原创 一文了解Symbol数据类型
Symbol本质上是一种唯一标识符，可用作对象的唯一属性名，这样其他人就不会改写或者覆盖你的属性值。怎样声明？let id = Symbol("id");typeof(id) //symbolSymbol的两个特点唯一性，同一个变量生成的值也不相同let id1 = Symbol('id');let id2 = Symbol('id');console.log(id1 == id2) //false;-隐藏性，for…in，Object.keys()不能访问let id
2020-08-16 23:55:03
582
js 基础知识总结
js中查找数组某元素的index这个数组的元素都是整数或者单一字符串let array = ['a','b','c'];let index = array.indexOf(’a‘);index : 0;indexOf还可用于定位字符串中首次出现字符串的位置ps:当数组的元素为数组或者对象时，这时要查找的元素必须是该数组的引用，这时才回返回索引，否则返回-1例如：let arr...
2020-04-03 15:24:24
85
原创 el-dialog关闭属性
:close-on-press-escape="false" :close-on-click-modal="false"效果：键盘按Esc键，或者鼠标点击dialog外面， dialog都不会关闭了。
2019-08-19 17:39:20
2551
原创 前端面试准备
1.要求pc端和移动端的技术栈2.react native app，hybird app,wevapp，H5动画，dom动画，svg动画，canvas动画。css33.数据mock。4.其它UI组件库的源码。5.优化和重构，步骤和工作任职要求：HTML5的最新规范.熟悉js类库，Js面向对象编程方法，原型链。集成，类。熟悉web标准，数据分离h5的语义化，熟悉Vue,精通。（vue...
2019-08-05 21:38:50
176
原创 vue @所指路径
./ 相对路径，同级目录。…/ 上级目录@ 是webpack里面配置的路径名在build/webpack.base.conf这个文件里面设置resolve: { extensions: ['.js', '.vue', '.json'], alias: { vue$: 'vue/dist/vue.esm.js', '@': resolve('sr...
2019-07-16 12:20:41
280
原创 vue :class的常用方法
1.：class用来展示某个div的active状态<template> <div class="name">绑定新手机</div> <van-field v-model="phone" placeholder="请输入手机号" :class="{'error': errPhone}"/> <div class="errorPhone...
2019-07-11 19:01:09
12922
2
原创 vue移动端跳转置顶
一个vue的项目问题描述：从vue一个滚动的页面A跳转到另一个界面B，页面B没有置顶。解决方案：methods:{//这个方法通过递归找到滚动的元素getScrollParent(node) { if (node == null) { return null; } if (node.scrollHeight > node.clie...
2019-07-02 20:02:06
655
原创 前端知识积累
1.vue深嵌套解决方案 <div class="item-content">{{(item.pool||{}).name}}</div>
2019-06-19 19:11:20
105
原创 最常用的git操作
最常用的git操作git拉取代码及关联远端代码git拉取代码及关联远端代码1.新建并切换到本地分支git checkout -b dev2.本地代码和远端代码的的关联git pull origin dev3.在本地新建分支git checkout -b dev4.把本地分支推到远程分支git push origin dev...
2019-01-24 17:29:35
209
1
原创 axios发送post请求返回400状态码
axios发送post请求返回400状态码今天在用 axios 发送一个跨域的post请求时，遇到了一个坑：Uncaught (in promise) Error: Request failed with status code 400。前台代码如下： this.$http.post({ url:'/v1/assets', data:{ ...
2018-10-16 17:25:42
11802
1
原创 回调函数 VS ES6Promise
举个栗子fuction a(callbackFunction){ alert("这是parent函数a"); var m =1; var n =3; return callbackFunction(m,n);}function b(m,n){ alert("这是回调函数b"); return m+n;}$(function(){ var resu...
2018-08-08 17:36:47
398
原创 面试
MVVM框架的优点： 1. 数据驱动。 2. 组件化。 3. 轻量、简洁、高效。 技术栈说明： Vue-resource和后端交互 Vue-router路由实现单页应用。 第三方js库better-scroll 最大程度组件化 Html5的localstorage 图标字体的使用 移动端1像素边框 Css sticky footer 布局 Flex弹性布局 Vue...
2018-07-26 20:07:57
216
原创 前端面试题总结
Html/css什么是盒子模型？元素宽度是否包含margin宽度？padding百分比是相对于父级宽度还是自身宽度？解释px和em? 答：盒子模型又称框模型，包含了元素内容、内边距、边框、外边距几个要素。元素内容不包括margin宽度，但是IE模式的width包括content+padding+border，w3c的盒子模型width=content，可以通过设置box-sizing:co...
2018-07-26 20:02:37
149
原创 javaScript之windowonload
window.onload的用法： 因为页面中的代码一般情况下按照，从上到下，从左到右的顺序执行。 所以当js代码需要获取页面中的元素时，如果script标签在元素的前面，需要加window.onload；如果script放在了元素后面，就不需要加 window.onload。 ...
2018-07-10 15:49:35
1365
原创 github项目中添加演示动画
1.录好一个视屏，格式没有特殊要求，可以是MP4等格式。 2.在线转换为gif格式，地址视屏免费转gif 3.上传到github项目当中。 4.在github项目中添加如下代码//图片地址可以通过由击图片复制地址得到...
2018-07-03 14:25:50
908
1
原创 前端经典面试题——js基础考察
hoisting(变量提升) 变量提升：函数声明和变量声明总是会被解释器悄悄地被”提升”到方法体的最顶部。<!DOCTYPE html><html><head> <title>hoisting</title></head><body> <script type=&qu
2018-07-02 17:23:06
1142
原创 css九宫格问题--前端面试
flex布局实现九宫格，浮悬被选中框变红。 下面介绍下写的过程中软实力的体现<html> <head> <meta charset="utf-8"> <title>九宫格</title> /*消除各个浏览器之间的差异,初始化标签样式*/ <link r..
2018-06-29 11:15:18
826
原创 git经常遇到的问题处理
在git bash 中执行git clone报如下错误： 仓库不存在等错误或者链接不正确。解决方案： 在cmd里面去git clone这个仓库没有问题。分析： 可能是安装配置git ssh 的时候是在cmd里配置的，但是后续在git bash中push 和pull 代码都没有问题，分析是秘钥的问题。有同学知道原因的麻烦留言给我，谢谢分享！...
2018-06-13 14:58:04
642
原创 Js中的数组
js中数组的索引仅仅是对象属性的一种特殊类型。 所有的索引都是属性名，在0~2^32-2之间的整数属性名才是索引。如果使用的属性是索引，数组的特殊行为是根据需要更新它们的length属性值。数组的索引的正确定义： a[-1.23]=ture; //创建一个名为-1.23的属性值。 a[“1000”]=0;//数组的第1001个元素。 a[1.000] //a[1];所以数组没
2017-12-12 14:05:32
267
原创 JS中sort()问题
array.sort(sortby) sortby可选，但必须为函数。 .sort()默认按字符编码的顺序进行排序。具体见一下代码： 例1：<script> var arr = [23,12,1,34,116,8,18,37,56,50]; alert(arr.sort());</script>输出：[1, 116, 12, 18, 23, 34, 37, 50, 56, 8]
2017-12-05 17:56:31
271
原创 前端小白路--JS中的全局变量和局部变量
-经典例11 var a = 10;2 function test(){3 a = 100;4 console.log(a);5 console.log(this.a);6 var a;7 console.log(a);8 }9 test();输出结果：100,10,100Javascript在执行前会对整个脚本文件的声明部分做完整分析(包括局部变量)
2017-11-29 21:00:34
1753
原创 小白前端路--html和text的区别
-相同点： 获取匹配到的内容：$("p").text();$("p").html();修改选中的内容：$("p").text("小白兔");$("p").html("小白兔");-不同点： 1. html()获取文本时如果匹配文本多于一个元素时，只返回第一个元素。 text()返回所有匹配元素的文字组合。<p>段落一</p> <p>段落二<p> $(function(){
2017-11-28 15:12:41
491
原创 前端小白兔---笔记
自关闭元素： required属性在Safari浏览器中不起作用。 所有单选项的name使用相同的名字。 padding内边距，它控制元素和边框的距离。 margin外边距，它控制边框和父元素的距离。 css的样式覆盖顺序: !important [在类中声明]>内联样式>id>class最后>class较前
2017-11-28 09:34:06
237
原创 小白前端路----CSS块级元素和行内元素
常见的块级元素：div form p ul ol li 等。 常见的行级元素：span em等。 1. 块级元素独自占一行且宽度会占满父元素宽度，行内元素不会独占一行，相邻行内元素可以排在同一行。2. 块级元素可以设置weith和height，行内元素设置width和height无效，而且块级元素即使设置宽度也还是独占一行。3. 块级元素可以设置margin和padding属性，行内元素水平方向
2017-11-27 20:25:28
224
原创 java基础——final
关于继承的小技巧：将所有的字段都设置为private,将所有的方法都设置为public。我们采取的最好的做法是保持成员的private 状态——无论如何都应保留对基 础的实施细节进行修改的权利。在这一前提下，可通过protected 方法允许类的继承者进行受到控制的访问。Final详解最初的定义是“不可变”，为效率和设计。 - final修饰一个类的时候，这个类不能被继承，里面的所有方法都隐
2017-11-21 18:24:46
184
原创 一些常用的adb命令
你的手机刷机之后就可以运行adb的一些命令，此处列出一下常用的命令： adb reboot 重启手机 adb devices 当前正在运行的全部手机 adb root adb install -r test.apk 安装应用 adb pull remote local 获取模拟器中的文件 adb p
2017-11-13 16:53:14
283
原创 mtk手机从刷机到修改客户需求的点点滴滴
仿佛经历了九九八十一难1.从下代码开始，git命令要熟悉，熟悉，不然你都不知道自己是怎么死的，千辛万苦的代码就这么白费了。 下载代码： git clone 代码的地址2.编译代码 [为了使代码编译的速度更快，毕竟编译一次代码三个小时，你受的了吗，不用下班吗？][6] export USE_CCACHE=1export CCACHE_DIR=/home/work_ssd/.ccachecc
2017-11-08 11:25:06
1648
原创 No mapping found for HTTP request with URI [/superMarket/css/style.css] in DispatcherServlet with na
在测试写的前端代码的时候遇到问题 [org.springframework.web.servlet.PageNotFound] - No mapping found for HTTP request with URI [/superMarket/css/style.css] in DispatcherServlet with name ‘SpringMVC’ 页面出现以上内容。 罪魁祸首是
2017-04-01 11:14:33
2376
原创 spring整合mybatis小问题
1.配置文件jdbc.properties文件注意的问题，端口问题，要看清楚，不一定是你认为的8080端口。 2.用户名要看清楚一定后面没有什么多余的空格之类的。 血泪的教训~~~
2017-03-29 15:19:49
272
原创 java实现第一年的第几天
java实现第一年的第几天package dan;/** * Created by dandan on 2017/2/28. */public class YearAndDay { public static void change(String str){ int[] months={31,28,31,30,31,30,31,31,30,31,30,31};
2017-02-28 10:46:20
1138
原创 图的深度遍历——java实现
图的深度遍历——java实现先来一张图便于大家理解： 上图为代码执行图，总算搞清楚的深度遍历的执行。public class BFSTest { final static int[][] a={{0,1,0,1,0},{1,0,1,0,1},{0,1,0,0,1},{1,0,0,0,1},{0,1,1,1,0}}; /* false表示没有被访问过 true表示
2016-12-27 22:39:33
950
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人