- 博客(24)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 记2022年疫情过后面试
1.上海鲁班软件有限公司前端开发工程师（2年经验）流程：1. 笔试2. 技术面（等人事把笔试题给leader看 有的看完会直接挂了无面试）3. 技术面正常的像是至少2轮 我约的是530的面试（周一)，面完第一轮人家都下班了，等了会，后来人事就先让我回去了，说周三出结果下面进入重点 ，大家最关心的笔试题和技术面🤓笔试题：1、一个阶梯有n步，一次可以走1步，也可以走2步，一共有多少种走法2、实现深拷贝的方式(至少2种)3、下面展示一些 `内联代码// An highlighted
2022-09-26 22:22:53
235
原创 这几种基本js去重的方法你确定都掌握了吗
使用es6的set配合Array.from()方法实现 function unique1(arr) { return Array.from(new Set(arr)) }使用双重for循环配合splice()方法实现 function unique4(arr) { if (!Array.isArray(arr)) return let newArr = [] for (l.
2020-08-06 15:41:03
147
原创 用vscode写微信小程序的相关配置（less转wxss、vscode中高亮显示小程序文件）
前言：习惯了常用的vscode，并且在vscode中有许多自己个人代码片段和配置插件会给我们开发提高效率。而当我们要开发小程序时，用微信开发者工具来编写代码有诸多不便之处：如less不能自动帮我们转换成wxss；许多语法没有提示，因为微信开发者工具不能装插件。当然，微信开发者工具也有许多方便的地方，可以直接在窗口显示运行效果、控制台、终端，创建页面时直接在全局的app.json文件中写入路径和页面名就会帮我们自动创建整个包含json/js/wxml/wxss的一整个文件夹，并且对于小程序生命周期钩子函数在
2020-07-26 09:36:25
2856
原创 vue使用富文本编辑器vue-quill-editor将标签替换为空字符串只留下内容
肯定有许多人像我一样只是想扔一个链接作为内容，但是在vue控制台的数据中却发现会多了p标签，如下图当我们只想要传递这个链接内容而不想要因为使用了富文本编辑器自动添加默认开始的p标签时我们可以用以下代码来解决：const reg = /<\/?.+?\/?>/gthis.ruleForm.content = this.ruleForm.content.replace(reg, '')在你调用后台接口传递数据之前将这个数据用以上代码处理一下就可以得到没有标签的链接或者其它内容啦~~..
2020-07-14 11:54:09
2369
原创 面试前必会的promise封装ajax
前言：promise是es6提出的一种以同步的代码格式来处理异步请求的方式，它解决了回调地狱。在es8提出的async和await是比promise更加彻底的使用同步的方式处理了异步不多说，直接上代码，我这里是在html文件中嵌入js文件进行编写的，并且使用npm下载了jquery之后进行引入，使用jquery封装好的$.ajax发送请求进行简单的使用封装。<script src="./node_modules/jquery/dist/jquery.js"></script>&
2020-07-05 10:03:45
195
原创 多行文本溢出样式设置
多行文本溢出1行＋省略号显示.line1{ overflow: hidden;//溢出隐藏 text-overflow:ellipsis ;//文本溢出使用省略号 display: -webkit-box; -webkit-line-clamp:1;//控制显示的行数 -webkit-box-orient: vertical;}2行+省略号显示.line2{ overflow: hidden; text-overflow: ellipsis; display: -webki
2020-07-03 11:06:05
166
原创 前端vue路由基础
使用路由的步骤：下载/安装路由 npm i vue-router引入路由注意：路由时vue生态系统中的一部分，路由是依赖于vue的，所以要在引入router之前引入vue <script src="./vue.js"></script> <script src="./vue-router.js"></script>创建路由实例 const router = new VueRouter()在vue实例上面挂载路由 c
2020-06-29 09:38:41
108
原创 webpack打包工具的使用二
接上一篇继续回顾一下webpack处理非js文件的相关配置,这就需要使用到loader加载器了打包less文件在src文件夹下面创建一个css文件夹，再创建index.less文件，并写入一些样式ul { li { font-size: 40px; }}因为我下了Easy Less的插件，所以在写好保存之后会自动生成一个转换成对应css的文件：在index.js里面引入less文件 import './css/index.less'安装 npm i st
2020-06-22 11:06:35
209
原创 webpack打包工具的使用一
创建一个文件夹，注意文件夹名不能是webpack，我创建的是webpack-demo。在该文件夹下面创建两个子文件夹，src----用来存放项目源码；dist—用来存放打包后的项目在dist/src上右键第一个打开终端（显示出来的路径最后一段是创建的根文件夹名），先初始化一个管理包的文件：输入npm命令 “npm init -y”，回车出来以下效果就说明初始化成功了，并且在文件夹中会多一个package.json的包管理文件：输入npm命令安装webpack及webpack-cli， “npm.
2020-06-21 15:21:02
2016
8
原创 SPA和MPA这两个概念必须得弄懂
对最近新学习的路由做个小总结当作知识回顾~在回顾路由的知识内容之前先要了解“为什么要使用路由”，这就关系到----SPA。**SPA–Single Page Application 单页面的应用程序，顾名思义 就是只要加载一个html页面的应用程序，在页面中要进行跳转到其它内容时使用的是局部数据更新，也就是改变某些部分的数据，对相同的组件(模块)进行复用。*~~~~当然这就有与之相对的多页面应用程序啦 *MPA–Multiple Pages Application 多页面的应用程序，看字面的意思也
2020-06-19 21:51:45
826
原创 前端常用并且需要掌握的方法之forEach(),map(),filter(),some(),every(),find()比较和详解
回顾forEach(),map(),filter(),some(),every()方法的使用，听老师说在vue和之后的react以及小程序阶段这些方法都是死了都要记的!!很重要将这五个方法分为3类来记忆一、forEach() 遍历数组(相当于for循环遍历数组的每一项) 可以返回数组中的每一项和索引用法：数组.forEach(function（item,index）{}) let arr = [1, 2, 3] arr.forEach(function (item, index)
2020-06-08 09:15:04
1183
原创 无论是大神还是小白这些数组对象的方法都必须牢记
现在虽然已经学到vue基础阶段了，但是发现数组对象是开发中常用的数据模式，而对于那些数组对象的方法也还是经常需要使用。所以花点时间稍微整理一下有关数组对象的方法的使用。
2020-06-04 11:15:31
152
原创 简单实现MVVM中VM底层的双向数据绑定的原理
数据的双向绑定实际上是使用了Object.defineProperty()方法js代码及详解如下： //1 模拟一个数据对象 let data = { name: 'Charlene', love: 'study' } //2 获取input输入框 let ipt = document.querySelector('input') ipt.value = data.name // console.log(ipt)
2020-06-02 09:28:34
468
原创 原生js简单版轮播图（无左右箭头版）
这个是最简单版的原生js轮播图，没有左右箭头版本的噢（有空了我再发其它版本的轮播源码）大部分的注释再源码上面都写有啦，实在不清楚轮播的原理的话可以留言~~js源码：<script src="../animation.js"></script> <script> //获取相应的元素 let spanArr = document.getElementsByTagName('span'); //移动的元素
2020-05-15 22:06:15
461
原创 JavaScript数组去重的两种原生写法
写法一var arr = ['刘备', '关羽', '张飞', '曹操', '刘备', '关羽']; var arr1 = []; /* 遍历数组中的每一个元素 */ for (var i = 0; i < arr.length; i++) { // includes方法判断数组中是否存在该值，存在的话返回true，没有 if (!arr1.includes(arr[i])) { // 不存在的话往新数组里面添加 arr
2020-05-10 23:08:04
222
原创 字符串的常用方法slice,substring,substr,indexOf,trim,toUpperCase还傻傻分不清楚？
// slice() 截取，参数可以是负数，不建议使用负数。负数的话就是从后面倒着数最后一个为-1 // 用法1：传入一个参数，表示截取的索引开始位置，直到最后 var str = 'Today is Monday!'; console.log(str.slice(9)); //slice() 用法2：传入两个参数，第一个表示截取的索引开始位置，第二个表示结束截取的索引位置，且该索引上的取不到 console.log(str.slice(6, 8)); .
2020-05-10 23:03:34
400
原创 Ajax中GET请求和POST请求对比
表单使用Ajax发送GET请求和POST请求GET请求报文行 请求方式+请求地址？参数1=值&参数2=值 http/版本 -->open(请求方式+请求地址？参数1=值&参数2=值)报文头 GET方式中一般情况不用管报文头报文体 参数都放在url地址中了，所以报文体中无参数 —>send(null)发送请求 // 输入框失去焦点事件 document.querySelector('.username').onblur = function ()
2020-05-10 22:54:20
143
在线吉他吧网站的设计与实现.pdf
2020-06-02
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人