- 博客(36)
- 收藏
- 关注
RSS订阅
原创 前端工程化与webpack
1 小白眼中的前端开发vs实际中的前端开发小白眼中的前端开发会写HTML+css +javascript 就会前端开发需要美化页面样式，就用boostrap进行页面样式美化需要操作DOM或发起Ajax请求，再用JQuery进行发送请求需要快速实现网页布局效果，就使用Layui框架或使用element框架实际的前端开发:模块化 (js 的模块化，css的模块化，资源的模块化)组件化(服用现有的UI结构.样式，行为)规范化(目录结构的划分,编码规范化,接口规范化,文档规范化,Git分支管理)
2021-11-16 19:22:27
803
原创 常用的前端网站总结以及学习
vuevue2.0官网 官网vue3.0官网vue3vuecli配置参考UI框架vant:vant框架地址element : Elementmyvue: myvueivew: ivew小程序微信公众平台:微信公众平台TypescriptTypescript lib 源码地址:ts源码第三方库的.d.ts文件: 第三方库 d.tsts文档:ts文档ReactReact:reactCreate React App : Create React App其他阿里矢量图标
2021-11-13 23:24:09
921
原创 typescript中函数 类 接口 泛型
函数可选参数和默认参数TypeScript里的每个函数参数都是必须的。 这不是指不能传递 null或undefined作为参数，而是说编译器检查用户是否为每个参数都传入了值。 编译器还会假设只有这些参数会被传递进函数。 简短地说，传递给一个函数的参数个数必须与函数期望的参数个数一致。剩余参数必要参数，默认参数和可选参数有个共同点：它们表示某一个参数。 有时，你想同时操作多个参数，或者你并不知道会有多少参数传递进来。 在JavaScript里，你可以使用 arguments来访问所有传入的参数。fu
2021-11-13 21:19:16
1006
原创 Typescript是什么？ Typescript都有哪些？
Typescipt是什么？Typescript是javascript的一种超集Typescript的基本类型Typescript的声明变量Typescripe的接口1 insterface与type的区别01Typescript中的类Typescript的函数Typescript的泛型Typescript的枚举Typescript的命名空间...
2021-11-13 00:01:24
1830
原创 如何快速的使用ECharts？
1 Echarts-介绍常见的数据可视化库都有哪些：D3.js 目前 Web 端评价最高的 Javascript 可视化工具库(入手难)ECharts.js 百度出品的一个开源 Javascript 数据可视化库Highcharts.js 国外的前端数据可视化库，非商用免费，被许多国外大公司所使用AntV 蚂蚁金服全新一代数据可视化解决方案 等等Highcharts 和 Echarts 就像是 Office 和 WPS 的关系2Echarts的概念ECharts，一个使
2021-11-18 10:53:44
372
原创 css样式初始化 或样式重置
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)*/html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img,
2021-11-14 19:50:49
335
原创 JS中常见的字符串有哪些
1 indexof() 用于实现检索从左到右 var str="tfvgjhbkjnlkmeffv" console.log(str.indexOf('j')); //4 返回值是指定字符串第一次出现的位置下标2 listindexof() 用于检索从右到左
2021-11-13 21:43:20
279
原创 提问的时候居然没有答好
1vue的双向数据绑定简单的回答：采用了数据劫持进行发布者–订阅者模式，通过Object.defineProperty()来劫持各个属性的setter，getter2object上面的常用的API有哪些1 object.keys() 2 object.assign()3 object.hasOwnProperty()4 object.create()3Object.defineProperty()概念和参数的使用概念:直接在一个对象上定义一个新属性，或者修改一个对象的现有属性， 并返回这
2021-10-24 21:22:39
94
原创 学习方法语言总结
所有事物的学习都是一个漫长的，螺旋式上升的过程学习任何方面的学习做到以下几点多多练习，多多思考。学习每一章知识，做一章笔记，学完一门课，把知识框架整理成思维导图。你打算在学习编程这件事上每周花费多少时间？争取每天4个小时。...
2021-10-17 17:07:43
78
原创 HTTP常见的状态码有哪些，适用场景？
HTTP是什么1 HTTP状态码(英语:HTTP Status Code),用以表示网页服务器超文本传输协议响应的状态的三位数字代码2 http状态码的作用是服务器告诉客户端当前请求响应的状态，通过状态码就能判断和分析服务器的运行状态分类状态码第一位数字决定了不同的响应状态1 表示消息2 表示成功3表示重定向4 表示请求错误5 表示服务器错误1xx代表请求已被接受，需要继续处理。这类响应是临时响应，只包含状态行和某些可选的响应头信息，并以空行结束。100
2021-10-07 21:00:03
196
原创 git 常见的命令有哪些
git是什么？1 git 是一个分布式的版本控制管理系统。2git 是一个版本管理工具在开始使用之前需要做些什么1首先要配置一下个人信息，告诉git 你是谁。配置提交人姓名：git config --global user.name 提交人姓名配置提交人邮箱：git config --global user.email 提交人邮箱查看git配置信息：git config --list （分别查看 git config user.name || git config user.email）查看
2021-10-05 17:38:44
283
原创 JS基础深浅拷贝
深拷贝和浅拷贝的区别1 浅拷贝: 只拷贝一层值。或者将原对象或原数组的直接赋给新对象，新数组，新对象／数组只是原对象的一个引用2 深拷贝:层层拷贝。 创建一个新的对象和数组，将原对象的各项属性的“值”（数组的所有元素）拷贝过来，是“值”而不是“引用”。为什么需要使用深拷贝？我们希望改变 新的数组或对象不改变原数组或对象里面的值。浅拷贝第一种可以使用for inlet a = { name: "哈哈", age: 18, arr: [1,2,3,4
2021-10-05 15:30:09
101
原创 JS中常见的几种继承
1原型链继承子类构造函数.prototype = 父类的实例; 子类构造函数.prototype.constructor = 子类构造函数特点:1.js继承是把父类的原型放到子类的原型链上,实例想要调用这些方法,其实是基于__proto__原型链的机制查找完成的2.子类可以重写父类上的属性和方法3.父类中私有的或者公有的属性和方法, 最后都会变成子类公有的属性和方法 //父类 function Parent(x) { this.x = x } Pare
2021-09-29 20:32:47
1020
原创 JS中常见的数据类型
1数据类型基本数据类型(值类型):Number (数字) String (字符串) Symbol(唯一值) Boolean(布尔值) null(空) undefined(未定义) bigint(大数字)引用数据类型:object(对象 基类) 包含(object) Array function Date Regexp2 数据类型判断(方法和示例)typeof 一般用来判断基本数据类型 不能判断引用数据类型 会之间返回小写的字符串数据类型特殊 typeof null ===> “objec
2021-09-29 20:12:07
140
原创 面试题 AJAX相关内容
1什么是ajax 使用ajax在应用程序中的优势是什么什么是ajaxAJAX是"axynchronous javascScript and XML"缩写。他是一种创建交互式网络应用网络技术Ajax的优势1通过异步模式，提升了用户体验2优化了浏览器和服务器之间的传输,减少了一些不必要的数据往返，减少宽带占用3AJAX引擎在客户端运行，承担了一部分本来由服务器承担的工作，从而减少了大批用户量下载服务器的负载什么是xmlXML是扩展标记语言,能够用一系列简单的标记描述数据AJAX都有
2021-09-28 19:30:51
95
原创 keep-alive 用法以及作用
概念keep-alive是vue的内置组件，可以包裹动态路由和组件,会缓存不活动的组件实例，而不是销毁它们。和 transition 相似，keep-alive 是一个抽象组件：它自身不会渲染成一个 DOM 元素，也不会出现在父组件链中。作用防止重复渲染DOM，减少加载时间及性能消耗，提高用户体验性。属性include - 字符串或正则表达式。只有名称匹配的组件会被缓存。exclude - 字符串或正则表达式。任何名称匹配的组件都不会被缓存。max - 数字。最多可以缓存多少组件实例。生命周
2021-09-17 11:45:50
1556
原创 小程序的角标如何写？
1角标应该加在哪里带尺寸的图片: 居中的图片: 居中并且带尺寸的图片: 当然，我们为了让用户更加便捷，我们增加了图片拖拽功能。如何插入一段漂亮的代码片去博客设置页面，选择一款你喜欢的代码片高亮样式，下面展示同样高亮的 代码片.// An highlighted blockvar foo = 'bar';生成一个适合你的列表项目项目项目项目1项目2项目3 计划任务 完成任务创建一个表格一个简单的表格是这么创建的：项目Value
2021-09-12 19:30:34
1323
原创 vue 安装步骤
第一步在全局安装第二步进行选择第三步选择配置第四步选择版本是否是vue2.x或vue3.x第五步使用路由器的历史模式第六步 预编译 是否选择scss还是less，选择第二个第七步在下载东西的时候存放在独立的文件第八步是否保留当前的版本以方便下一次使用第九步项目目录的介绍第十步介绍src里面的文件...
2021-09-12 19:25:44
324
原创 let var const 的区别
// js严格模式// ‘use strict’// let b = 10;// const c = 10;// 1.是否存在变量提升？// 2.是否存在暂时性死区？// 3.是否允许重复声明变量？// 4.是否存在块级作用域？// 5.是否能修改声明的变量？//变量提升:变量在声明之前可以使用,并且代码不报错 (预解释 预解析//1.用var声明的变量 存在变量提升//2.用let和const声明的变量 不存在变量提升// console.log(a);//undefined
2021-09-09 19:42:30
104
原创 前端面试 周测题总结
2021 年9月9日答题1JS常见的数据类型和判断数据类型的方法2let var const区别3**JS 中的this指向4箭头函数和普通函数的区别5数组的常用方法6原型和原型链7***作用域和闭包8说一下你的面向对象的理解9****声明一个父类和子类，实现子类继承父类10****什么是深拷贝和浅拷贝，并用递归实现深拷贝...
2021-09-09 17:01:58
126
原创 事件和事件流
DOM三级事件DOM0事件 <button onclick="console.log('1234')">按钮</button>DOM2事件 addEventListener onclickDOM3事件 onKeyDown onKeyUp事件流事件冒泡和事件捕获 box.addEventListener(事件类型,触发事件之后的回调函数,触发阶段(布尔值默认false表示冒泡阶段触发))冒泡阶段content_clickbox_click冒泡 样式布局
2021-09-06 23:31:17
114
原创 作用域 闭包 作用域链
闭包闭包 函数内部返回一个新的函数1.函数作为另一个函数的返回值var a = 200;function fn1(){//0x0001var a = 1;return function (){//0x0002console.log(a);//1}}var fn = fn1(); //0x0002fn();//–>12.函数作为参数被传递function fnc1(fnc){ let a = 200; fnc()}function fnc(){ co
2021-09-06 23:10:23
80
原创 配置rem
rem 是一种相对单位，rem是相对与html元素字体大小来说的，这也就很好理解为什么是root em了，因为html是跟元素啊，这也就好理解了。使用rem跟媒体查询结合的话，可以实现设备屏幕变化，页面显示也随着变化，从而达到适配不同手机屏幕的效果。如何计算rem的大小公式 页面元素的rem值 = 页面元素的px / html的字体大小html字体大小 = 设计稿的宽度 / 分成的等分(15或者10或者其他)rem：相对html根元素字体大小 —— htmlexport default fun
2021-09-06 22:59:03
1348
原创 数组常用的方法
JavaScript数组方法总结1push()尾部添加方法的作用:添加一个或多个参数方法的参数：将添加的值加到数组的尾部的length方法的返回值:返回添加后的数组的长度是否改变原数组:原数组会发生改变。尾部添加小案例:var arr = [1,2,3];arr.push(4);arr 输出结果：//arr [1,2,3,4]2pop()尾部删除方法的作用:从数组尾部删除一个元素方法的参数：数组删除最后一项方法的返回值:返回被删除的元素是否改变原数组:原数组会发生改变。尾部添
2021-09-06 19:38:25
97
原创 如何创建一个wepy项目
wepy是什么WePY (发音: /'wepi/) 是小程序上最早的一款类 Vue 语法的开发框架。WePY 2 是基于小程序原生组件实现组件化开发。因此 WePY 2 支持的最低版本小程序基础库为 1.6.3。第一步首先在全局安装一下wepy命令是npm install @wepy/cli -g # 全局安装 WePY CLI 工具...
2021-09-05 20:20:45
189
原创 微信小程序开发注册的注意事项
1注册网址 mp.weixin.qq.com – 立即注册–选择小程序的账号类型–填写未绑定的邮箱–填写信息注意：选择主题类型的时候–一定要选择个人（不能进行微信支付）企业是需要上传企业资质的（经营许可证之类的）；因此我们要选择个人2下载微信开发者工具mp.weixin.qq.com–鼠标挪移到小程序–点击查看详情按钮–点击开发者工具–打开的页面左侧有一个下载点击–右侧稳定版本的（要求下载稳定版本的）–根据电脑系统的位数下载64位的或者32为的3小程序 属于 微信开发的一种微信开发： 微信给我们
2021-09-05 18:58:17
222
原创 怎么获取时间和时间戳
时间都有那些，有年 月 日 时 分 秒let date = new Date()let year = date.getFullYear()let month = date.getMonth() + 1 >= 10 ? date.getMonth() : `0${(date.getMonth() + 1)}`let day = date.getDate() >= 10 ? date.getDate() : `0${date.getDate()}`let hh = date.getHou
2021-07-16 16:37:44
222
原创 小程序中的请求普通函数this指向如何解决
在小程序里面进行请求遇到的this指向问题如何解决？wx.request({接口的基准地址url: ‘https://api-hmugo-web.itheima.net/api/public/v1/goods/search’,请求方式method: ‘GET’,放置需要的参数data: {pagenum:this.data.pagenum,pagesize:this.data.pagesize},success(res) {this.setData({datalist: res.d
2021-07-12 15:37:00
289
原创 在wepy报app.json如何解决
在wepy遇到app.json未找到如何解决第一种在引入项目的时候少了一个层级，所以会报错误。退出当前项目在重新引入一下就可以了，这是简单的报错第二种是正常的引入项目时，打开的时候报app.json错误,解决app.json未找到的错误wepy文件没有引入错误需要加再project.config.json中添加一个"miniprogramRoot": “./weapp”命令执行后就不报错误了，恢复正常了...
2021-07-07 17:16:00
341
1
原创 axios的使用方式有几种？
第一种直接挂载原型上了importaxiosfrom"axios"Vue.prototype.$axios=axios
2021-06-01 09:28:56
615
转载 如何配置webapp
Webpack配置(配置跨域、路径别名、打包分析、cdn映入、去掉console.log、单独打包第三方模块、ie兼容、eslint规范、图片压缩) 在开发过程中vue项目打包是需要做一些性能优化的以下是注意事项 const UglifyJsPlugin = require('uglifyjs-webpack-plugin')const path = require('path')// 开启Gzip需要的依赖 yarn add compression-webpack-plugin -Dcon
2021-05-11 00:10:47
664
原创 vue-router的简单介绍
vue的路由有几类？有两类 分别是声明式路由和编程式路由。声明式路由式通过router-link跳转的方式例子：<router-link to="页面的path"></router-link>vue- router 编程式路由有几种？有五种跳转方式，都是通过js进行操作的有以下this.$router.push this.$router.back() this.$router.go() this.$router.replace() this.$rout..
2021-05-10 23:50:55
126
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人