终身成长型-CSDN博客

原创 js动态规划算法之爬楼梯

js动态规划算法之爬楼梯js动态规划算法之爬楼梯<script type="text/javascript">var climbStairs = function(n) { const dp = [1,1]; for(let i=2;i<=n;i++){ dp[i] = dp[i-1] + dp[i-2]; } return dp[n];};</script>...

2022-04-26 20:12:51 1809

一、力扣01两数之和<script type="text/javascript">var twoSum = function(nums, target) { let map = new Map(); for( let i=0;i<nums.length;i++){ num = target - nums[i]; if( map.has(num) ){ return [map.get(num),i];

2022-04-23 17:06:29 1483

原创前端算法之排序搜索算法

排序搜索算法建议工具工具地址：visualgo.net/zh一、冒泡排序<script type="text/javascript">function arrSort( arr ){ for(let i=0;i<arr.length-1;i++){ for(let j=0;j<arr.length-1-i;j++){ if( arr[j] > arr[j+1]){ let temp = arr[j]; arr[j] = arr[j +

2022-04-23 16:49:44 1453

原创【无标题】

vue项目打包出现空白页的问题可能会有几个方面导致，下面就一一说来。一、打包路径问题需要在vue.config.js中添加publicPathmodule.exports = { publicPath:'./'}二、设置代理的问题vue设置了代理是来解决跨域问题的，但是是在开发阶段，如果生产阶段是不生效的，所以要环境变量来解决。根目录创建.env.development和.env.production文件const service = axios.create({ baseU

2022-02-21 02:00:44 238

原创 nuxtjs的axios二次封装

前言：在nuxtjs中对于axios二次封装有很多方式，因为nuxtjs中的axios有2种方式可以操作，分别是：@nuxtjs/axios和普通的axios，所以本文写的内容是@nuxtjs/axios的内容。一、在nuxt.config.js中的plugins引入axios文件plugins: [ '~/plugins/axios' ],二、在项目根目录新建plugins/axios.jsexport default ( { $axios,store } )=>{ .

2022-02-21 01:44:57 1480

原创 nuxtjs设置代理解决跨域的问题

下载安装axios和proxynpm install @nuxtjs/axios @nuxtjs/proxy -S打开nuxt.config.js进行配置modules:[ '@nuxtjs/axios', '@nuxtjs/proxy'],axios:{ //是否开启跨域 proxy:true},proxy:{ '/api':{ target:'http://localhost:4000', pathRewrite:{ '^/.

2022-02-19 01:14:28 967

原创 2022春招前端岗位做提前准备

一、先说技术栈【要完整或者基本完整】html/cssjavascriptnodejswebpackgites6/7/8/9vue或react小程序 [不是必须的]跨平台开发 [不是必须的]而且要注意，大学学过的网络方便的问题，例如：http、缓存之类的。二、准备好面试题2.1 大厂数据结构 + 算法、 html/css面试题、 js面试题、框架面试题项目（一定要难点）2.2 中小厂html/css面试题、 js面试题、框架面试题项目（一定要难点）

2022-02-18 01:23:26 316

原创 NuxtJS请求接口

前言：nuxt提供asyncData 和 fetch ，但是初学者会混乱，到底用哪个？怎么用？之类的问题。下面就详细说一下一、asyncData在官网也说了asyncData是页面组件使用的，也就是components目录下的.vue组件是不可以使用的（使用了不执行代码也不报错），所以总结一下。pages下面的.vue文件（也就是页面组件）使用asyncData来请求接口数据。但是要注意一点，asyncData中不可以使用this。我们可以这样用：<template> &l.

2022-02-18 00:07:19 1775

原创 HTML5的canvas雪花飘落特效

HTML5的canvas雪花飘落特效一、html代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" co

2022-02-14 03:27:03 818

原创前端vue，nodejs + mysql（vue请求mysql接口数据）

一、vue-cli21. 全局安装 npm install vue-cli -g2. 局部安装项目 vue init webpack 项目名称例如：vue init webpack demo1二、express-generator1. 全局安装 npm install express-generator -g2. express --view=ejs 项目名称例如： express --view=ejs server3. npm install mysql

2022-02-14 03:19:32 796

原创 2022年最新《小鹿线web前端课程+项目实践课程》

2022年最新《小鹿线web前端课程+项目实践课程》HTML/CSS2022年最新《小鹿线web前端课程+项目实践课程》JavaScript2022年最新《小鹿线web前端课程+项目实践课程》前端面试题下载地址：百度网盘

2022-02-14 03:14:36 1076 4

原创 2022最新Vue面试题

面试题：Vue2.x 生命周期有哪些生命周期系统自带：beforeCreatecreatedbeforeMountmountedbeforeUpdateupdatedbeforeDestroydestroyed一旦进入到页面或者组件，会执行哪些生命周期，顺序。beforeCreatecreatedbeforeMountmounted在哪个阶段有el，在哪个阶段有el，在哪个阶段有el，在哪个阶段有databeforeCreate 啥也没有created 有d

2022-02-13 06:00:06 2348 1

原创不会js可以直接学vue吗

非常不建议！！！！！！！！！！！！！！！如果前置性很多知识不牢固的情况下，vue中很多的写法和做法可能会让你很困惑。建议学习vue前，提前学习的知识有：js、es6、nodejs、webpack、git为什么要学习js？vue是用原生js写的，了解更多原理很有帮助，就算不了解原理在使用vue过程中会写的代码也都是js呀，所以必须会js为什么要学习es6？在写vue项目的时候会使用大量es6语法代码，包括vue源码都使用了很多es6的代码。为什么要学习nodejs？vue启动都要靠node

2022-02-13 05:47:37 8267

原创 NuxtJS组件怎么请求接口

一、pages目录的页面请求接口<script type="text/javascript">export default{ async asyncData(){ let res = await axios.get('https://xuexiluxian.cn/'); }}二、components目录的组件请求接口<script type="text/javascript">export default{ async fetch(){

2022-02-13 05:36:44 1149

原创 js 判断数组第二大的数

在2022年二月份有很多前端的朋友面试大厂会问到了js 判断数组第二大的数的题（其实就是一道算法题，在力扣题号为：215，题目为：数组中的第K个最大元素<script type="text/javascript">//访问网址：https://xuexiluxian.cn/var findKthLargest = function(nums, k) { let arr = new MinHeap(); nums.forEach(item=>{ arr.

2022-02-13 05:20:44 554

原创 2022年前端面试题

一、HTML面试题面试题：行内元素有哪些？块级元素有哪些？空(void)元素有哪些？面试题：页面导入样式时，使用link和@import有什么区别？面试题：title与h1的区别、b与strong的区别、i与em的区别？面试题：img标签的title和alt有什么区别？面试题：png、jpg、gif 这些图片格式解释一下，分别什么时候用？二、CSS面试题面试题：介绍一下CSS的盒子模型面试题：line-height和heigh区别面试题：CSS选择符有哪些？哪些属性可以继承？面试题：C

2022-02-13 03:08:13 530

原创 NuxtJS怎么样用sass

一、安装需要用到的loadernpm install --save-dev node-sass sass-loader@10二、页面使用(注意不要漏了lang=“scss”,不是sass)<style lang="scss">//注意!这里很关键,很多配置成了不编译就是漏了lang="scss" </style>课程链接：https://xuexiluxian.cn/course/detail/30f536da49504f158b9fc285971cee52.

2022-02-13 02:56:01 671 3

原创小鹿线前端课程怎么样

现在前端的学习基本分为：自学前端、培训前端，下面就说一下利弊。一、培训班学习前端缺点：花钱优点：体系化学习怎么选择培训：如果是专门搞培训机构的我是非常不推荐的，原因比较简单大家可以想一下，如果一个老师一直在培训，他的技术会下降吗？培训机构的项目都是老师随便想的，那么问题就是和真实企业的项目差距有多大呢？等等一系列的问题。那么应该选择什么样的机构呢？比如小鹿线吧，那么这搞开发的公司，有java岗位，前端岗位，ui岗位，产品岗位等等，小鹿线公司的前端都是自己的学生，换句话说，如果你最后培训完没找到

2022-02-13 00:52:18 729 1

原创 vue框架优点和缺点

谈论话题之前先说点废话打开一下思想：从古至今设计出来一个新的东西并且被人广泛使用的就一定得到了市场和人群的验证，所以我们称做为好的东西。但是作为学习者我们一定要知道它好的一面和坏的一面，这样才证明我们理解的更加透彻。例如我们简单的想从马车到汽车到飞机，我们直接飞机的好就是出行速度快等等，坏处可能就是贵等等。那么vue优点想必很多朋友也都知道了，比如：数据驱动等等。当然vue等底层肯定也是要操作dom的，只不过作为使用vue框架的我们来说感觉是数据驱动dom。vue是mvvm框架：可以把一个大的

2022-02-04 17:07:02 5505

原创 2022年web前端面试题

web前端面试题分为：html/css面试题、javascript面试题、vue面试题、性能优化面试题、网络方面面试题等等，那么在2022年，web前端面试题有哪些呢？可以来小鹿线看看面试题视频https://xuexiluxian.cn/第一章面试题基础篇1.1 HTML面试题面试题：行内元素有哪些？块级元素有哪些？空(void)元素有哪些？行内元素：span、img、input…块级元素：div、footer、header、section、p、h1…h6…空元素：br、hr…

2022-02-04 14:37:01 6903

原创 jQuery推箱子小游戏

使用jquery来完成的推箱子小游戏案例。主要功能点有，使用map来构建数组，从而数据来创建地图，并且渲染地图，使用使用keydown来完成人物的移动位置，使用判断来判断是否是墙，通过数组判断墙的位置，并且人物移动箱子是通过检测碰撞判断箱子移动以及人物位置和判断箱子前面是不是墙和是不是俩的箱子的逻辑问题。视频教程：https://xuexiluxian.cn/course/detail/36ce15bada2b461d8e1a227b77120f17HTML代码：<body><

2022-02-02 01:03:17 736

原创 vuex为什么不能直接修改数据

首先要知道vuex是单向数据流，如果在组件中可以直接修改state数据就违背了vuex这个仓库了。还有就是，如果组件内可以修改state数据，那么如果是异步修改怎么办？所以有很多无法预测的问题，而且可以读一下原文链接：vuex 不但是一种全局修改数据的工具，更重要的意义是在于把跨组件的交互，拆分为基于状态管理的处理。使用如 vuex 本身就是希望基于这样一个数据结构的约定，使得项目代码更加直观和简单。每一个 state树对应整个项目的一个数据，每一个 mutation 执行完成后都可以更新到一个新的

2022-02-02 00:46:14 2125 1

原创 js保留小数 js保留2位小数方法

toFixed()方法var num = 55;num.toFixed(2);结果：55.00

2022-02-01 14:33:29 518

原创 HTML文本框样式大全

输入框景背景透明：鼠标划过输入框，输入框背景色变色：<INPUT value=“Type here” NAME=“user_pass” TYPE=“text” SIZE=“29” οnmοuseοver=“this.style.borderColor=‘black’;this.style.backgroundColor=‘plum’”style=“width: 106; height: 21”οnmοuseοut=“this.style.borderColor=‘black’;this.st

2022-02-01 13:54:00 1958

原创 html空格

html有字符集，可以通过字符集来表示Css 的方式空格CSS中当 white-space 属性取值为pre时，浏览器会保留文本中的空格和换行,例如： AA BB 显示效果为： AA BBCSS的 letter-spacing 属性用于设置文本中字符之间的间隔，例如：欢迎光临！显示效果为：欢迎光临！CSS的 word-spacing 属性用于设置文本中单词之间的间隔，例如：Happy new year!显示效果为： Happy new ye

2022-02-01 13:46:25 310

原创 js new操作符具体做了什么

new操作符具体做了什么

2022-01-28 02:18:49 1126

原创历史上第一个网页长这样

1991 年 8 月，第一个静态页面诞生了，这是由 Tim Berners-Lee 发布的，想要告诉人们什么是万维网。从静态页面到 Ajax 技术，从 Server Side Render 到 React Server Components，历史的车轮滚滚向前，一个又一个技术诞生和沉寂。前言1994 年，万维网联盟（W3C，World Wide Web Consortium）成立，超文本标记语言（HTML，Hyper Text Markup Language）正式确立为网页标准语言，我们的旅途从此开.

2021-05-12 10:28:59 1436

NodeJS+Vue实现支付宝支付(沙箱)完整流程 .zip

空空如也