![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
新手前端路
文章平均质量分 90
MyKyle18
这个作者很懒,什么都没留下…
展开
-
HTTP状态码重定向区别以及优先级
1. 涉及重定向的HTTP状态码HTTP301永久重定向说明请求的资源已经被移动到了由Location头部指定的url上,是固定的不会再改变。搜索引擎会根据该响应修正。尽管标准要求浏览器在收到该响应并进行重定向时不应该修改http method和body,但是有一些浏览器可能会有问题。所以最好是在应对GET或HEAD方法时使用301,其他情况使用308来替代301。HTTP302Found重定向状态码表明请求的资源被暂时的移动到了由Location头部指定的 UR...原创 2021-03-11 10:31:11 · 2842 阅读 · 0 评论 -
http 状态码
HTTP常见状态码200 OK 服务器成功处理了请求(这个是我们见到最多的) 204 No Content请求成功处理,没有实体的主体返回 206 Partial ContentGET范围请求已成功处理 301/302 Moved Permanently(重定向)请求的URL已移走。Response中应该包含一个Location URL, 说明资源现在所处的位置 303 See Other临时重定向,期望使用GET定向获取 304 Not Modified发送的附带条件请求未满...原创 2021-03-11 10:25:06 · 138 阅读 · 0 评论 -
原原生生JS实现登陆框效果
前排提示:代码纯原创,以纯原生为目标,以新手为人群。登录框需求:点击激活按钮显示一个登录框,且登录框水平垂直居中 输入的用户名必须是6-12位,且符合数字字母横杠(‘-’)中的任意两种组合或三种组合 如果输入用户名不符合第二条的规定则在输入框下面进行提示步骤一:点击激活按钮显示一个登录框,主要考察是display的调用<!DOCTYPE html><html> <head> <meta charset="utf-8"> ..原创 2020-05-17 18:29:03 · 381 阅读 · 0 评论 -
简简单单JS正则表达式——实现情况匹配
要求:检测某字符串是否符合只可以由 ‘数字英文横杠’ 两种或两种组成。网上有很多类似的组成表达式,但是很长而且对新手不友好。所以我发下初学正则表达式的时候的例子。大家可以参考下。function Decide(string){ // 第一步,排除输入字符串中含有组合限制以外的类型 if(/[^0-9a-z-]/.test(string)){ return console.log('输入密码仅限于数字字母横杠中三种组合的两种') } // 第二步,统计输入字符串中含有组..原创 2020-05-15 11:56:21 · 180 阅读 · 0 评论 -
关于JS的 ’==‘(相等运算符) 与 ’===‘(全等运算符)
此贴仅做记录,在不断挖掘的路上。。。。容易弄错的true0 "==" "" true null "==" undefined true 0 "==" false true 1 "==" true true "" == false true 1 == truetrue [] == falsetrue [] == ![]true容易弄错的flaseNaN == NaN false NaN === NaN false...原创 2020-05-12 23:27:15 · 310 阅读 · 0 评论 -
JavaScript变量命名规范
水贴记录下,参考于IMWeb团队的GitHub。变量命名标准变量采用驼峰式命名(除了对象的属性外,主要是考虑到cgi返回的数据) 'ID'在变量名中全大写 'URL'在变量名中全大写 'Android'在变量名中大写第一个字母 'iOS'在变量名中小写第一个,大写后两个字母 常量全大写,用下划线连接 构造函数,大写第一个字母 jquery对象必须以'$'开头命名var t...原创 2020-05-07 09:44:31 · 156 阅读 · 0 评论 -
从0到1—Vue项目失物平台的搭建(第六天)
本博客主要用于记录开发的过程以及开发问题处理方式,不粘贴开发代码。问题的解决原理我会单独做文章。失物平台(邑丢丢)的开发代码的码云地址是https://gitee.com/MyKyle/yidd1.今日完成进度1.完成了当日答题次数后台统计2.今日问题以及处理2.1 利用Nodejs实现一个简单的跨域接口下面的代码可能需要同学们基础了解下同源协议、Nodejs...原创 2020-05-04 20:56:11 · 186 阅读 · 0 评论 -
从0到1—Vue项目失物平台的搭建(第五天)
本博客主要用于记录开发的过程以及开发问题处理方式,不粘贴开发代码。问题的解决原理我会单独做文章。失物平台(邑丢丢)的开发代码的码云地址是https://gitee.com/MyKyle/yidd1.今日完成进度1.完成了拾物信息上传模块的布局设计以及数据处理2.利用Promise处理测距模块的异步回调2.今日问题以及处理2.1chrome 67版本后无法拖拽...原创 2020-05-02 23:37:54 · 263 阅读 · 0 评论 -
Datatables 标题和内容居中显示
直接套下面代码:columnDefs: [{ targets: "_all", className: 'dt-body-center'}targets:0或正整数-列索引从左开始计数 负整数-从右边开始计数的列索引 字符串-类名将在列的TH上匹配(无前导.) 字符串“ _all”-所有列(即分配默认值)例如,targets: [ -1, -2 ]将定位表中的最...原创 2020-02-15 22:27:15 · 1198 阅读 · 0 评论 -
一图看懂什么是MVVM
什么是MVVM模型?mvvm是Model-View-ViewModel的缩写。-model:数据-view:视图-ViewModel:视图模型mvvm在html中的表现一个html页面中到底哪一部分是model,哪一部分是view,哪一部分是viewmodel呢,我们总是想确切具体的知道他们所对应的部分,下边通过两张图指出这些部分。如果你清楚的知道mvvm在h...原创 2020-02-12 22:34:47 · 558 阅读 · 1 评论 -
前端新手遇到的问题 ---含“ html5嵌套、height:100%和height:inherit差异、删除字符串”知识
问题源自知乎—浪子神剑老师的前端面试每日 3+1,我仅在此为大家提供解题方案以及思路,在此感谢浪子神剑老师。 [html] a标签可以再嵌套a标签吗?为什么?如果不行,那又想要嵌套效果怎么解决呢? [css] css的height:100%和height:inherit之间有什么区别呢? [js] 写一个方法删除字符串中所有相邻重复的项 问题一:[html] a标签可...原创 2020-02-12 15:35:29 · 262 阅读 · 0 评论 -
前端新手遇到的问题 ---含“ html5应用场景、css属性重置、axios优点”知识
问题源自知乎—浪子神剑老师的前端面试每日 3+1,我仅在此为大家提供解题方案以及思路,在此感谢浪子神剑老师。 [html] html5有哪些应用场景? [css] css的哪个属性可以把所有元素或其父元素的属性重置呢? [js] axios相比原生ajax的优点有哪些呢? 问题一:[html] html5有哪些应用场景?谈谈个人理解,目前遇到运用到html5的第一...原创 2020-02-11 17:52:57 · 103 阅读 · 0 评论 -
前端新手遇到的问题 ---含“ html5安全性、css继承、axios运行”知识
问题源自知乎—浪子神剑老师的前端面试每日 3+1,我仅在此为大家提供解题方案以及思路,在此感谢浪子神剑老师。 [html] html5应该注意哪些安全的问题? [css] 如何取消从父级元素继承下来的CSS样式呢? [js] axios为什么能在浏览器中环境运行又能在node中环境运行? 问题一:[html] html5应该注意哪些安全的问题?为此,我研究了...原创 2020-02-10 14:02:24 · 175 阅读 · 0 评论 -
前端新手遇到的问题 ---含“ 显示Emoji表情、css属性值、字符串代码理解”知识
问题源自知乎—浪子神剑老师的前端面试每日 3+1,我仅在此为大家提供解题方案以及思路,在此感谢浪子神剑老师。 [html] 如何在页面上显示Emoji表情? [css] 说下你对css样式的这几个属性值initial、inherit、unset、revert的理解 [js] 根据下面代码:说出执行结果,并解释为何是会是这样的结果? var str = 'abc';...原创 2020-02-09 23:40:00 · 583 阅读 · 0 评论 -
前端新手遇到的问题 ---含“ 文字贯穿线、@font-face、axios ”知识
问题源自知乎—浪子神剑老师的前端面试每日 3+1,我仅在此为大家提供解题方案以及思路,在此感谢浪子神剑老师。 [html] 举例说明实现文字贯穿线的方法有哪些? [css] 当使用@font-face的时候,为什么src中要加入local呢? [js] axios如何一次发送多个并发请求? 问题一:[html] 举例说明实现文字贯穿线的方法有哪些?方法一:使...原创 2020-02-07 22:40:06 · 497 阅读 · 0 评论 -
前端新手遇到的问题 ---含“ 属性值省略引号、font-size-adjust、JS定时器、各浏览器并行下载 ”知识
问题源自知乎—浪子神剑老师的前端面试每日 3+1,我仅在此为大家提供解题方案以及思路,在此感谢浪子神剑老师。 [html] html中标签的属性值是否可以省略引号?为什么? [css] 你有使用过font-size-adjust属性吗?说说它的作用是什么? [js] setTimeout和setInterval有什么区别呢? [软技能] 请问ie和chrome可...原创 2020-02-06 11:31:40 · 178 阅读 · 0 评论 -
前端新手遇到的问题 ---含“article与section区别、height:100%意义、canvas播放视频”知识
问题源自知乎—浪子神剑老师的前端面试每日 3+1,我仅在此为大家提供解题方案以及思路,在此感谢浪子神剑老师。 [html] HTML5中的article和section有什么区别? [css] body{height:100%}和html,body{height:100%}有什么区别?为什么html要设置height:100%呢,html不就是整个窗口吗? [js] 写一...原创 2020-02-05 14:03:24 · 456 阅读 · 0 评论 -
前端新手遇到的问题---含“ Sass学习、全屏模式理解 ”
问题源自知乎—浪子神剑老师的前端面试每日 3+1,我仅在此为大家提供解题方案以及思路,在此感谢浪子神剑老师。 [html] 怎样去除iOS和Android中的输入URL地址的控件条呢? [css] 你所理解的css高级技巧有哪些? [js] js如何检测当前页面是否以全屏模式显示? 问题1:[html] 怎样去除iOS和Android中的输入URL地址的控件条呢?...原创 2020-02-04 20:16:19 · 213 阅读 · 0 评论 -
个人学习Sass总结
基础配置:先配置Ruby,后安装Sass和CompassSass的中文官网:Sass中文网Sass环境-Ruby2.6.5.zip:Ruby2.6.5.zip安装Sass和Compass:vs code 使用scss/sass如何VScode多个文件夹共存:如何在vscode中同时打开两个文件夹VScode如何代码同步页面:在 vscode 中使用 Live Server 进行...原创 2020-02-04 19:17:57 · 317 阅读 · 0 评论 -
前端新手遇到的问题---“ 默认图片替换、字体属性、Promise学习 ”知识
问题源自知乎—浪子神剑老师的前端面试每日 3+1,我仅在此为大家提供解题方案以及思路,在此感谢浪子神剑老师。 [html] img中的src加载失败时如何用默认图片来替换呢? [css] 举例说明跟字体相关的属性有哪些? [js] 阅读下面关于setTimeout和Promise的代码,判断结果会输出什么?为什么? setTimeout(function () {...原创 2020-02-03 23:56:09 · 214 阅读 · 0 评论 -
关于Promise的简单了解
1.什么是Promise简单的说“Promise对象用于表示一个异步操作的最终状态(完成或者失败)以及其返回的值”关于异步与同步,简单地说可以以同步任务会阻塞程序执行(alter、for、.......),而异步任务不会阻塞程序执行(setTimeout 、fs.readFile 、......)2.首先我们比较传统的回调方式与promise预备知识点: then()方法...原创 2020-02-03 23:43:20 · 193 阅读 · 0 评论 -
JS中如何处理相等运算符(==)和严格相等运算符(===)的缺陷
ES5比较两个值是否相等,只有两个运算符:相等运算符(==)和严格相等运算符(===)。它们都有缺点,前者会自动转换数据类型,后者的NaN不等于自身,以及+0等于-0。JavaScript缺乏一种运算,在所有环境中,只要两个值是一样的,它们就应该相等。使用Object.is()可以完美解决上述问题ES5比较两个值是否相等,只有两个运算符:相等运算符(==)和严格相等运算符(===...原创 2020-02-02 13:40:25 · 289 阅读 · 0 评论 -
2020前端程序员应该如何成长——附带学习路线
如果你有英文阅读能力,可以访问原网址查看,会更加准确一些。这个项目在GitHub上已经获得了93.8K个星星。Github地址:https://github.com/kamranahmedse/developer-roadmap中文版图文介绍https://www.w3cschool.cn/article/3131568这些路线图的目的 这些路线图的目的是给你一个想法的景...原创 2020-02-01 15:18:25 · 626 阅读 · 0 评论 -
新手疑问------为什么获取不到函数中的值
有这样的一道题分析下面javascript代码: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <script> var l = 1; var n = m = 0; funct...原创 2020-01-31 23:41:15 · 453 阅读 · 0 评论