随笔分类 -  JavaScript

从浅入深——理解JSONP的实现原理
摘要：由于浏览器的安全性限制，不允许AJAX访问 协议不同、域名不同、端口号不同的 数据接口，浏览器认为这种访问不安全； 可以通过动态创建script标签的形式，把script标签的src属性，指向数据接口的地址，因为script标签不存在跨域限制，这种数据获取方式，称作JSONP（注意：根据JSONP的 阅读全文
posted @ 2020-05-12 22:01 小白蔡 阅读(270) 评论(0) 推荐(0)
让我深思的题——LeetCode——1111. 有效括号的嵌套深度
摘要：这是LeetCode的一道编程题，自己经验不足，看题审题花了不少时间，基本实现但是并没有通过。 一看题解就明白自己想得太多，题目中有太多混乱的信息。 我还单纯的判断这两个（）会遇到什么情况，然后深度就没法解决。其实这个题主要的便是解决深度，而不是哪种情况属于A，哪种情况属于B。还是自己做题不够，不能 阅读全文
posted @ 2020-04-01 23:18 小白蔡 阅读(209) 评论(0) 推荐(0)
三角形的最大周长、二维数组的查找和扩展（小米笔试题）—— JavaScript练练编程题（一）
摘要：最近的笔试让我发现自己的编程题，思路是有的，但是太慢了。深知自己菜，决定每天都练练，从浅入深。 在开始之前，提醒一下和我一样是刚开始去参加笔试的，如果在牛客网上笔试的一定要提前看 判题系统使用帮助：https://www.nowcoder.com/discuss/276?type=post&orde 阅读全文
posted @ 2020-03-30 21:17 小白蔡 阅读(269) 评论(0) 推荐(0)
模块化 —— CommonJS、AMD、UMD、ESM（下）
摘要：昨天了解了CommonJS和AMD，今天了解一下UMD和ESM UMD 严格来说，UMD 并不属于一套模块规范，它主要用来处理 CommonJS、AMD、CMD 的差异兼容，是模块代码能在前面不同的模块环境下都能正常运行 (function (root, factory) { if (typeof 阅读全文
posted @ 2020-03-26 23:03 小白蔡 阅读(895) 评论(0) 推荐(0)
模块化 —— CommonJS、AMD、UMD、ESM（上）
摘要：CommonJS、AMD、UMD、ESM 无论是那种模块化规范，重点关注 独立模块作用域 导出模块内部数据 导入外部模块数据 CommonJS 在早起前端对于模块化并没有什么规范，反而是偏向服务端的应用有更强烈的需求，CommonJS 规范就是一套偏向服务端的模块化规范，NodeJS 就采用了这个规 阅读全文
posted @ 2020-03-25 23:55 小白蔡 阅读(452) 评论(0) 推荐(0)
移动端事件（五）—— 函数防抖和函数节流的封装
摘要：我们了解了函数防抖与函数节流的思路后，我们现在来将他们封装起来，提高代码复用性。 今天直接上菜 cb 要处理防抖的函数 time 默认的高频间隔时间 isStart 是否在头部执行 函数防抖封装：调用debounce 函数，返回一个处理过防抖的函数 <!DOCTYPE html> <html lan 阅读全文
posted @ 2020-03-24 23:25 小白蔡 阅读(450) 评论(0) 推荐(0)
移动端事件（四）—— 函数防抖和函数节流
摘要：函数防抖 在对于函数高频次执行时，只执行一次。 有两种情况： 1.尾部执行：高频次触发时，只执行最后一次 2.头部执行：高频次触发时，只执行第一次 尾部执行实现很简单，先设一个定时器，一开始触发的时候我不执行，稍微延迟一会后再执行，当你下次执行时，我把上一次的定时器消失，这样就只会执行最后一次了。 阅读全文
posted @ 2020-03-23 23:57 小白蔡 阅读(652) 评论(0) 推荐(0)
移动端事件（三）—— 横竖屏与加速度、移动的方块
摘要：orientationchange 监听横竖屏切换 window.orientation 手机竖屏状态，有四个状态码。大家可以在真机尝试一下 竖屏：0 180 横屏: 90 -90 <script> // alert(window.orientation) // orientationchange监 阅读全文
posted @ 2020-03-22 22:39 小白蔡 阅读(593) 评论(0) 推荐(0)
移动端事件（二）——移动端滑屏切换的幻灯片
摘要：经过昨天对移动端基础的了解，今天就来用原生JS实现一下我们的幻灯片。 因为是用原生实现，所以本文篇幅较长，各位看官只需理解思路即可，代码部分可以粗略看看。 毕竟我们有better-scroll这样封装好的框架能更快速实现效果。b（￣▽￣）d 首先根据我们昨天的滑屏操作，先将幻灯片的滑屏效果做出来。这 阅读全文
posted @ 2020-03-21 23:19 小白蔡 阅读(717) 评论(0) 推荐(0)
移动端事件（一）—— 移动端事件和对象
摘要：在我们开始用原声JS写移动端轮播前，我们先了解一些移动端的基础。 touch事件、touchEvents对象、滑屏的思想与实现 移动端touch事件 touchstart touchmove touchend let box = document.querySelector("#box"); /* 阅读全文
posted @ 2020-03-20 23:32 小白蔡 阅读(992) 评论(0) 推荐(0)
前端必要——客户端存储 cookie、localStorage、sessionStroage
摘要：客户端储存 知识要点 在koa中cookie的使用方式 客户端cookie的使用方式 localStorage及sessionStorage使用 各种本地存储的异同 客户端储存方案 服务端储存 服务端文件储存 内存 数据库：mysql、mongoodb、Oracle等等。 客户端储存(离线储存) 浏 阅读全文
posted @ 2020-03-17 16:26 小白蔡 阅读(867) 评论(0) 推荐(0)
ES6与ES5的继承
摘要：ES6 ES6中的类 类与ES5中的构造函数写法类似 区别在于属性要放入constructor中，静态方法和属性实列不会继承 <script> class Person{ height="178cm"; constructor(name,age){ //属性 this.name = name; th 阅读全文
posted @ 2020-01-11 16:29 小白蔡 阅读(220) 评论(0) 推荐(0)
JavaScript中的面向对象及有关应用
摘要：面向对象（OOP：Object Oriented Programming） 面向对象的概念 面向对象是一种程序设计思想，将数据和处理数据的程序封装到对象中。 特性：抽象、继承、封装、多态。 优点：提高代码的复用性及可维护性。 对象 JavaScript是一种基于对象的语言，几乎所有东西都是对象。 对 阅读全文
posted @ 2020-01-10 15:16 小白蔡 阅读(461) 评论(0) 推荐(0)