- 博客(58)
- 资源 (3)
- 收藏
- 关注
RSS订阅
原创 一口气说完Vue的数据绑定原理
本文学习于Vue官网的深入响应式原理以及思否的《剖析Vue原理&实现双向绑定MVVM》，图中代码与Vue的源码仍有出入，但实际流程基本无误。1.MVVM双向绑定展示...
2020-04-23 17:24:03
398
原创 最新----VScode如何简单轻松使用Less
提前声明：本文无需使用Node.js等工具第一步，在插件处下载Easy LESS第二步，在设置中进行配置设置（VScode左上角 文件---->首选项------->设置）搜索栏中搜索LESS,在插件中找到Easy LESS,进行settings.json中编辑我们看插件文档可知进如下配置"less.compile":{...
2020-02-01 10:56:32
909
原创 平衡点算法处理（JavaScript版本）
平衡点问题 平衡点问题: 一个数组中的元素，如果其前面的部分等于后面的部分，那么这个点的位序就是平衡点。 比如列表numbers = [1, 3, 5, 7, 8, 25, 4, 20]，25前面的总和为24，25，后面的总和也是24，那么25就是这个列表的平衡点。 要求编写程序，寻找并返回任意一个列表的平衡点。一般算法 假设列表的长度为N，N大于等于3。（因为N=1,2的时候问题无意义） 遍历第二个元素至倒数第二个元素，分别计算该元素的左半部分的和与右半部分的和，如果左半.
2021-03-23 19:54:59
399
原创 HTTP状态码重定向区别以及优先级
1. 涉及重定向的HTTP状态码HTTP301永久重定向说明请求的资源已经被移动到了由Location头部指定的url上，是固定的不会再改变。搜索引擎会根据该响应修正。尽管标准要求浏览器在收到该响应并进行重定向时不应该修改http method和body，但是有一些浏览器可能会有问题。所以最好是在应对GET或HEAD方法时使用301，其他情况使用308来替代301。HTTP302Found重定向状态码表明请求的资源被暂时的移动到了由Location头部指定的 UR...
2021-03-11 10:31:11
2819
原创 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
132
原创 圆环倒计时实现(animation版本和transition版本)
创建动画的原理是，将一套 CSS 样式逐渐变化为另一套样式。1. animation版本<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title
2021-03-10 14:54:22
303
原创 原原生生JS实现登陆框效果
前排提示：代码纯原创，以纯原生为目标，以新手为人群。登录框需求：点击激活按钮显示一个登录框，且登录框水平垂直居中 输入的用户名必须是6-12位，且符合数字字母横杠（‘-’）中的任意两种组合或三种组合 如果输入用户名不符合第二条的规定则在输入框下面进行提示步骤一：点击激活按钮显示一个登录框，主要考察是display的调用<!DOCTYPE html><html> <head> <meta charset="utf-8"> ..
2020-05-17 18:29:03
376
原创 简简单单JS正则表达式——实现情况匹配
要求：检测某字符串是否符合只可以由 ‘数字英文横杠’ 两种或两种组成。网上有很多类似的组成表达式，但是很长而且对新手不友好。所以我发下初学正则表达式的时候的例子。大家可以参考下。function Decide(string){ // 第一步，排除输入字符串中含有组合限制以外的类型 if(/[^0-9a-z-]/.test(string)){ return console.log('输入密码仅限于数字字母横杠中三种组合的两种') } // 第二步，统计输入字符串中含有组..
2020-05-15 11:56:21
178
原创 关于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
307
原创 看故事简单实现TCP程序实例（面向连接的C/S程序工作模型）
1.消防系统的故事如果需要搭建一个完整的消防系统，我们需要做的是什么呢？消防部门层面：1.硬件条件2.电话系统3.对外公布报警电话4.派人值班（分接线员与消防队员）普通百姓层面：1.知道报警电话2.有事拨打报警电话其中我们要注意：接线员接到报警电话后，转接给消防队，由消防队去灭火。接线员继续监听电话。2.面向连接的客户/服务器程序工作模型先简单了...
2020-05-12 11:27:48
243
原创 JavaScript变量命名规范
水贴记录下，参考于IMWeb团队的GitHub。变量命名标准变量采用驼峰式命名（除了对象的属性外，主要是考虑到cgi返回的数据） 'ID'在变量名中全大写 'URL'在变量名中全大写 'Android'在变量名中大写第一个字母 'iOS'在变量名中小写第一个，大写后两个字母 常量全大写，用下划线连接 构造函数，大写第一个字母 jquery对象必须以'$'开头命名var t...
2020-05-07 09:44:31
154
原创 从0到1—Vue项目失物平台的搭建（第七天）
近期有小伙伴私信说 Promise 以及 async函数 有点难理解。今天暂停项目更新。会写一篇关于Generator函数以及async函数的文章。主要参考书籍：《ES6标准入门（第三版）》。...
2020-05-04 21:32:11
167
原创 从0到1—Vue项目失物平台的搭建（第六天）
本博客主要用于记录开发的过程以及开发问题处理方式，不粘贴开发代码。问题的解决原理我会单独做文章。失物平台（邑丢丢）的开发代码的码云地址是https://gitee.com/MyKyle/yidd1.今日完成进度1.完成了当日答题次数后台统计2.今日问题以及处理2.1 利用Nodejs实现一个简单的跨域接口下面的代码可能需要同学们基础了解下同源协议、Nodejs...
2020-05-04 20:56:11
186
原创 从0到1—Vue项目失物平台的搭建（第五天）
本博客主要用于记录开发的过程以及开发问题处理方式，不粘贴开发代码。问题的解决原理我会单独做文章。失物平台（邑丢丢）的开发代码的码云地址是https://gitee.com/MyKyle/yidd1.今日完成进度1.完成了拾物信息上传模块的布局设计以及数据处理2.利用Promise处理测距模块的异步回调2.今日问题以及处理2.1chrome 67版本后无法拖拽...
2020-05-02 23:37:54
263
原创 从0到1—Vue项目失物平台的搭建（第四天）
本博客主要用于记录开发的过程以及开发问题处理方式，不粘贴开发代码。问题的解决原理我会单独做文章。失物平台（邑丢丢）的开发代码的码云地址是https://gitee.com/MyKyle/yidd1.今日完成进度1.实现Vue项目对高德地图API功能函数的引用2.为了防止利用工具多次答题强行破解回答问题等情况，启用了两套保护机制。第一套是IP定位限制答题次数，另外一套是当日...
2020-05-02 11:13:17
232
1
原创 从0到1—Vue项目失物平台的搭建（第三天）
本博客主要用于记录开发的过程以及开发问题处理方式，不粘贴开发代码。问题的解决原理我会单独做文章。失物平台（邑丢丢）的开发代码的码云地址是https://gitee.com/MyKyle/yidd1.今日完成进度1.对功能模块进行重组，为了邑丢丢项目能够有资金运营下去，失物招领模块缩减四个类，新增了快递模块、论坛模块、小卖铺模块、其它功能模块。引入这几个模块在商业化以为也能将自己...
2020-05-01 00:50:25
300
原创 一眼看完Vue组件化的使用以及理解
1.组件化出现的原因1.项目复杂度增加, 一个页面一个文件需要处理的内容过多.2.重复性劳动多, 效率低3.质量差, 不可控1.1 最早的处理方式1.jQuery 有 jQuery 插件机制. 你可以将一些常用逻辑进行封装变成 jQuery 插件, 还可以将插件开源进行共享.$(".select").pluginName(config)2.利用对象模式，对象模式通...
2020-05-01 00:36:57
351
原创 从0到1—Vue项目失物平台的搭建（第二天）
本博客主要用于记录开发的过程以及开发问题处理方式，不粘贴开发代码。问题的解决原理我会单独做文章。失物平台（邑丢丢）的开发代码的码云地址是https://gitee.com/MyKyle/yidd1.今日完成进度1.完成对饭卡模块的丢失部分开发2.构思了贵重物品模块的界面设计图3.完成对贵重物品模块的开发2.今日问题以及处理2.1 created生命周期函数...
2020-04-29 16:36:49
169
原创 从0到1—Vue项目失物平台的搭建（第一天）
本博客主要用于记录开发的过程以及开发问题处理方式，不粘贴开发代码。问题的解决原理我会单独做文章。失物平台（邑丢丢）的开发代码的码云地址是https://gitee.com/MyKyle/yidd1.今日完成进度1.构思了饭卡模块的界面设计图2.完成对饭卡模块的拾取部分开发2.今日问题以及处理2.1 vant库中van-grid-item 标签 的icon 引用本...
2020-04-29 01:01:55
278
原创 一文彻底看懂十进制IP\主机IP\网络IP的三个IP字节转换
本文操作的使用软件是VS2010。采用语言是C语言。1.字节存储顺序多字节数据的各字节在微机中的存放顺序有小端(Little Endian)和大端(Big Endian)之分。Intel体系芯片使用小端，IBM的Power PC使用大端。例如，将0x12345678写入到1000h开始的内存中，结果如图。 地址 小端方式 大端...
2020-04-27 12:08:00
736
原创 浅层看懂DIFF算法
关于DIFF算法，Vue框架与React框架有不同做法。本文以Vue2.0版本的源码进行学习解析，主讲核心updateChildren部分。1.先看看官方代码updateChildren (parentElm, oldCh, newCh) { let oldStartIdx = 0, newStartIdx = 0 let oldEndIdx = oldCh.length...
2020-04-24 00:07:23
289
原创 思维导图学习Vue生命周期
1.首先认识下生命周期的含义以及各个阶段Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染更新渲染、卸载等一系列过程，我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程，就是生命周期。2.各个阶段的介绍2.1 beforeCreate （vue实例完全创建前调用）2.2 created（vue实例创建...
2020-04-22 18:49:49
357
原创 CommonJS模块与ES6模块相互加载
本文章学习于阮一峰老师的《ES6标准入门》1.import 命令加载CommonJS模块Node采用CommonJS模块格式，模块的输出都定义在module.exports属性上面。在 Node环境中，使用import命令加载CommonJS模块，Node 会自动将module.exports属性当作模块的默认输出，即等同于export default。1.module.exports输...
2020-04-22 13:57:51
1855
原创 Datatables 标题和内容居中显示
直接套下面代码：columnDefs: [{ targets: "_all", className: 'dt-body-center'}targets：0或正整数-列索引从左开始计数 负整数-从右边开始计数的列索引 字符串-类名将在列的TH上匹配（无前导.） 字符串“ _all”-所有列（即分配默认值）例如，targets: [ -1, -2 ]将定位表中的最...
2020-02-15 22:27:15
1177
原创 一图看懂什么是MVVM
什么是MVVM模型？mvvm是Model-View-ViewModel的缩写。-model：数据-view：视图-ViewModel:视图模型mvvm在html中的表现一个html页面中到底哪一部分是model，哪一部分是view，哪一部分是viewmodel呢，我们总是想确切具体的知道他们所对应的部分，下边通过两张图指出这些部分。如果你清楚的知道mvvm在h...
2020-02-12 22:34:47
544
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
原创 前端新手遇到的问题 ---含“ html5应用场景、css属性重置、axios优点”知识
问题源自知乎—浪子神剑老师的前端面试每日 3+1，我仅在此为大家提供解题方案以及思路，在此感谢浪子神剑老师。 [html] html5有哪些应用场景？ [css] css的哪个属性可以把所有元素或其父元素的属性重置呢？ [js] axios相比原生ajax的优点有哪些呢？ 问题一：[html] html5有哪些应用场景？谈谈个人理解，目前遇到运用到html5的第一...
2020-02-11 17:52:57
102
原创 前端新手遇到的问题 ---含“ html5安全性、css继承、axios运行”知识
问题源自知乎—浪子神剑老师的前端面试每日 3+1，我仅在此为大家提供解题方案以及思路，在此感谢浪子神剑老师。 [html] html5应该注意哪些安全的问题？ [css] 如何取消从父级元素继承下来的CSS样式呢？ [js] axios为什么能在浏览器中环境运行又能在node中环境运行？ 问题一：[html] html5应该注意哪些安全的问题？为此，我研究了...
2020-02-10 14:02:24
174
原创 前端新手遇到的问题 ---含“ 显示Emoji表情、css属性值、字符串代码理解”知识
问题源自知乎—浪子神剑老师的前端面试每日 3+1，我仅在此为大家提供解题方案以及思路，在此感谢浪子神剑老师。 [html] 如何在页面上显示Emoji表情？ [css] 说下你对css样式的这几个属性值initial、inherit、unset、revert的理解 [js] 根据下面代码：说出执行结果，并解释为何是会是这样的结果？ var str = 'abc';...
2020-02-09 23:40:00
577
原创 前端新手遇到的问题 ---含“ 文字贯穿线、@font-face、axios ”知识
问题源自知乎—浪子神剑老师的前端面试每日 3+1，我仅在此为大家提供解题方案以及思路，在此感谢浪子神剑老师。 [html] 举例说明实现文字贯穿线的方法有哪些？ [css] 当使用@font-face的时候，为什么src中要加入local呢？ [js] axios如何一次发送多个并发请求？ 问题一：[html] 举例说明实现文字贯穿线的方法有哪些？方法一：使...
2020-02-07 22:40:06
494
原创 前端新手遇到的问题 ---含“ 属性值省略引号、font-size-adjust、JS定时器、各浏览器并行下载 ”知识
问题源自知乎—浪子神剑老师的前端面试每日 3+1，我仅在此为大家提供解题方案以及思路，在此感谢浪子神剑老师。 [html] html中标签的属性值是否可以省略引号？为什么？ [css] 你有使用过font-size-adjust属性吗？说说它的作用是什么？ [js] setTimeout和setInterval有什么区别呢？ [软技能] 请问ie和chrome可...
2020-02-06 11:31:40
172
原创 前端新手遇到的问题 ---含“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
451
原创 前端新手遇到的问题---含“ Sass学习、全屏模式理解 ”
问题源自知乎—浪子神剑老师的前端面试每日 3+1，我仅在此为大家提供解题方案以及思路，在此感谢浪子神剑老师。 [html] 怎样去除iOS和Android中的输入URL地址的控件条呢？ [css] 你所理解的css高级技巧有哪些？ [js] js如何检测当前页面是否以全屏模式显示？ 问题1:[html] 怎样去除iOS和Android中的输入URL地址的控件条呢？...
2020-02-04 20:16:19
207
原创 个人学习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
315
原创 前端新手遇到的问题---“ 默认图片替换、字体属性、Promise学习 ”知识
问题源自知乎—浪子神剑老师的前端面试每日 3+1，我仅在此为大家提供解题方案以及思路，在此感谢浪子神剑老师。 [html] img中的src加载失败时如何用默认图片来替换呢？ [css] 举例说明跟字体相关的属性有哪些？ [js] 阅读下面关于setTimeout和Promise的代码，判断结果会输出什么？为什么？ setTimeout(function () {...
2020-02-03 23:56:09
212
原创 关于Promise的简单了解
1.什么是Promise简单的说“Promise对象用于表示一个异步操作的最终状态（完成或者失败）以及其返回的值”关于异步与同步，简单地说可以以同步任务会阻塞程序执行（alter、for、.......），而异步任务不会阻塞程序执行（setTimeout 、fs.readFile 、......）2.首先我们比较传统的回调方式与promise预备知识点： then()方法...
2020-02-03 23:43:20
189
原创 ES6看完必会第十三章------ Iterator（遍历器）（可私信解惑，不会来捶我）
Iterator（遍历器）的概念遍历器（Iterator）是一种接口，为了各种不同的数据结构提供统一的访问机制。任何数据结构只要部署Iterator接口，就可以完成遍历操作（即依次处理该数据结构的所有成员）。Iterator的作用有三个：一是为各种数据结构，提供一个统一的、简便的访问接口； 二是使得数据结构的成员能够按某种次序排列； 三是ES6创造了一种新的遍历命令fo...
2020-02-02 19:36:25
167
原创 ES6看完必会第十二章------ Proxy和Reflect （可私信解惑，不会来捶我）
Proxy 概述Proxy 用于修改某些操作的默认行为，等同于在语言层面做出修改，所以属于一种“元编程”（meta programming），即对编程语言进行编程。Proxy 可以理解成，在目标对象之前架设一层“拦截”，外界对该对象的访问，都必须先通过这层拦截，因此提供了一种机制，可以对外界的访问进行过滤和改写。下面是常见的 Proxy 支持的拦截操作方法。（1）get(ta...
2020-02-02 19:30:06
194
1
原创 ES6看完必会第十一章------ Map和Set数据结构 （可私信解惑，不会来捶我）
Set 数据结构 ES6提供了新的数据结构Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。Set本身是一个构造函数，用来生成Set数据结构。Set函数可以接受一个数组（或类似数组的对象）作为参数，用来初始化。var set = new Set([1, 2, 3, 3, 4, 4]);set // Set { 1, 2, 3, 4 } ...
2020-02-02 18:55:06
171
原创 ES6看完必会第十章------ Class 类 （可私信解惑，不会来捶我）
class 声明JavaScript语言的传统方法是通过构造函数，定义并生成新对象。ES6提供了更接近传统语言的写法，引入了Class（类）这个概念，作为对象的模板。通过class关键字，可以定义类。基本上，ES6 的class可以看作只是一个语法糖（指计算机语言中添加的某种语法，这种语法对语言的功能并没有影响，但是更方便程序员使用。通常来说使用语法糖能够增加程序的可读性，从而减少程序...
2020-02-02 14:31:23
138
HTML5安全_移动互联网时代的下一个关注点_封莎.pdf
2020-02-10
Sass环境-Ruby2.6.5.zip
2020-02-04
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人