![](https://img-blog.csdnimg.cn/20200922171401255.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端学习
文章平均质量分 95
奥里给,搞出来
weixin_42835514
这个作者很懒,什么都没留下…
展开
-
33-js-concepts(八)闭包
闭包一级目录二级目录三级目录一级目录一个函数和对其周围状态(lexical environment,词法环境)的引用捆绑在一起(或者说函数被引用包围),这样的组合就是闭包(closure)。也就是说,闭包让你可以在一个内层函数中访问到其外层函数的作用域。在 JavaScript 中,每当创建一个函数,闭包就会在函数创建的同时被创建出来。二级目录三级目录...翻译 2021-03-04 22:16:54 · 237 阅读 · 1 评论 -
33-js-concepts(二)原始类型
原始类型原始类型2.1三级目录原始类型2.1基本类型(基本数值、基本数据类型)是一种既非对象也无方法的数据。在 JavaScript 中,共有7种基本类型:string,number,bigint,boolean,null,undefined,symbol (ECMAScript 2016新增)。所有基本类型的值都是不可改变的。但需要注意的是,基本类型本身和一个赋值为基本类型的变量的区别。变量会被赋予一个新值,而原值不能像数组、对象以及函数那样被改变。三级目录...翻译 2021-03-04 00:42:34 · 223 阅读 · 0 评论 -
33-js-concepts(一)调用堆栈
调用堆栈一.调用堆栈1.11.21.31.4GitHub地址:中文版英文版一.调用堆栈1.1调用堆栈是一种机制,用于解释器(如web浏览器中的JavaScript解释器)跟踪其在调用多个函数的脚本中的位置—当前正在运行的函数以及从该函数中调用的函数等。当脚本调用函数时,解释器将其添加到调用堆栈中,然后开始执行该函数。由该函数调用的任何函数都会添加到更高的调用堆栈中,并在到达它们的调用的地方运行。当前函数完成后,解释器将其从堆栈中取出,并在最后一个代码列表中停止的位置继续执行。如果堆栈占翻译 2021-03-02 17:21:28 · 297 阅读 · 0 评论 -
Vue学习(七)登陆页面之提交登陆功能代码
Vue学习(七)登陆页面之提交登陆功能代码提交到本地仓库同步到码云到此为止,我们登陆部分的代码就已经基本全部完成,所以接下来我们要把代码提交到本地仓库中,然后把本地仓库和码云中的仓库做一下远程的同步。提交到本地仓库首先新建一个终端,若之前已启用一个终端,点击右上角的加号。输入git status查看当前项目中源代码的状态,可见上半部分是我们修改过的文件,下半部分是我们新增的文件。接下来把这些文件都添加到暂存区,执行命令git add .,然后再次检查状态git status此时文件都变成了绿原创 2020-10-08 22:46:53 · 430 阅读 · 0 评论 -
Vue学习(六)登陆页面之token相关及访问权限及退出功能及Eslint语法警告
登陆页面之登陆成功后的行为及访问权限及退出功能保存token相关知识点token原理分析编写代码跳转到后台主页控制访问权限退出功能保存token将登陆成功之后服务器分配给我们的token,保存到客户端的sessionStorage中。因为项目中除了登陆之外的API接口,必须在登陆之后才能访问。所以在访问服务器其它接口时,需要告诉它我已经登陆,这时需要提供服务器分配给我们的令牌token。而且token只应在当前网站打开期间生效,所以将token保存在sessionStorage中。因为LocalSt原创 2020-10-08 21:28:44 · 368 阅读 · 0 评论 -
Vue学习(五)登陆页面之重置和发起登陆请求及弹窗提示
Vue学习(五)登陆页面之重置和发起登陆请求及弹窗提示表单重置根据预验证结果决定是否发出登陆请求编写代码启动api服务器弹窗提示表单重置直接调用element ui给我们写好的函数就可以了。获取当前表单的实例对象,通过这个实例对象,调用给出的重置函数。首先确认当前表单有实例对象 <el-form ref="loginref"接下来在重置按钮绑定一个事件<el-button type="info" @click="reset">重置</el-button>接下来原创 2020-10-07 16:48:10 · 3322 阅读 · 0 评论 -
Vue学习(四)登陆页面之数据绑定和数据验证
Vue学习(三)编写登陆页面添加组件1. 添加Form表单2. 添加按钮3. 添加icon图标表单的数据绑定三级目录添加组件首先打开Element-UI,在其中选择需要的组件进行添加。1. 添加Form表单点击显示代码,粘贴代码即可。这里我们按需复制,复制前几行即可。自己加上结尾标签。<el-form ref="form" :model="form" label-width="80px"> <el-form-item label="活动名称"> <el原创 2020-10-04 17:48:09 · 1850 阅读 · 0 评论 -
Vue学习(三)开始编写登陆页面
Vue学习(三)Vue学习(三)解决Vue学习(二)熟悉项目结构时遇到的问题编写登陆组件布局Vue学习(三)解决Vue学习(二)熟悉项目结构时遇到的问题Vue学习(二)熟悉项目结构当时点击可视化面板中的serve无法运行,cmd中npm install然后npm run serve也无法运行。仔细阅读窗口中的报错信息,发现基本都是一些格式问题,百度之后发现都是Eslint的原因,可以查看Eslint的常见错误。也可以直接关闭Eslint插件vue cli3关闭烦人的eslint 亲测有效编写登陆原创 2020-09-27 13:57:52 · 1070 阅读 · 0 评论 -
Vue学习(二)熟悉项目结构
Vue学习(二)简单功能实现登陆退出功能业务流程相关知识点token原理分析页面布局登陆退出功能业务流程1.登陆页面输入账号密码2.调用后台接口进行验证3.通过验证后,根据后台响应状态跳转到项目主页相关知识点1.http无状态2.通过cookie在客户端记录状态(前后端间无跨域问题,推荐)3.通过session在服务端记录状态(前后端间无跨域问题,推荐)4.通过token方式维持状态(前后端间有跨域问题,推荐)token原理分析页面布局通过Element-UI组件实现布局,会用到原创 2020-09-26 22:00:59 · 216 阅读 · 0 评论 -
Chrome开发调试各面板介绍
Chrome开发调试各个按钮前两个图标1.箭头。2.方框。ElementsStyle的CSS预处理器Computed选中元素盒子模型样式属性的计算值Event Listeners元素绑定的事件DOM Breakpoints展示断点Console控制台输出日志信息控制台交互SourceNetworkHeadersPreviewResponseTmingPerformance(性能面板)Memory(内存面板)Application(应用面板)Security(安全面板)各个按钮前两个图标1.箭头。选原创 2020-09-20 20:09:17 · 867 阅读 · 0 评论 -
Vue学习(一)初始化
这里写自定义目录标题Vue项目的初始化安装前端项目初始化步骤功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入Vue项目的初始化安装你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdo原创 2020-09-17 11:15:15 · 177 阅读 · 0 评论