- 博客(14)
- 收藏
- 关注
RSS订阅
原创 vuex中state、mutation的简单使用
在vue中我们经常要在组件中进行传值，如果组件中嵌套的层次比较多的时候咱可能就要使用vuex进行传值了。好了，我们来实现一个简单的登录功能来看一下如何使用vuex吧。vuex官方文档中给我们提供的有五大核心概念：state、getter、mutation、action、module。state用来存放数据，getter跟computed类似可以对数据进行一些处理，mutation主要用来变更状态...
2020-03-28 21:24:53
640
原创 TypeScript基础
ts是一个JS的一个超集，在原有的基础上，添加了可选静态类型，基于类的面向对象编程1.编写项目-更利于架构维护2.自主检测-编译期间检测3.类型检测-支持了动态和静态类型检测 => 本质存在类型转换（面试：ts是强类型语言吗？答：本质上不是）4.运行流程-依赖编译5.复杂特性-模块化、泛型、接口。
2024-07-31 17:21:43
95
原创 ES6规范
class 函数对象的属性: countDown2.hasOwnProperty(‘step’)class的prototype: CountDown.prototype。class 的类型是: Function=>Object=>null。Promise（手写promise）deconstruction 解构。1.const不允许重复声明赋值。2.箭头函数在什么情况下不能使用。3.const 和 let。如何对一个对象进行常量化？封装核心 - 适配器模式。const 标识常量。解决只能对根层常量化。
2023-08-14 16:49:21
92
原创 浏览器内置JS、事件模型及请求
实现一个多浏览器兼容的事件绑定 vs addEventListener(Mozilla/Firefox)500 Internal Server Error：内部服务器错误。服务器遇到错误，无法完成请求。400 Bad Request：请求无效。服务器无法理解请求的语法。401 Unauthorized：未经授权。404 Not Found：未找到。无法找到请求的资源。403 Forbidden：禁止访问。200 OK：请求成功。服务器成功地返回请求的数据。事件模型（冒泡/捕获）性能优化 - 事件代理。
2023-08-02 18:52:36
108
原创 JS模块化
dependencies为该模块依赖的模块数组，传入是一个数组，数组中的值是callback参数。async - 解析到标签，开始异步下载，下载完成后立刻执行并阻塞原解析，执行结束后，继续解析。模块化可以将无数模块进行随意组装，隔离每个模块的逻辑和作用域，扩展共同协作的方便程度。defer - 解析到标签，开始异步下载，解析完成之后开始执行。缺点：针对的是服务端，对于异步依赖没有很友好地处理解决。优点：解决了浏览器中异步加载模块，可以并行加载多个模块。id为定义模块的名字，如果没有为当前脚本文件名。
2023-07-24 19:05:25
91
原创 Js执行机制及promise
Js是一行一行从上到下执行，如果上一行没有执行完成下一行就不会执行，页面会出现卡顿等现象，所以出现了异步。Js最初设计是浏览器提交表单使用的，如果是多线程，会导致多个线程对同一个DOM进行操作，出现混乱。1.有proArr数组，如何并发执行 promise。事件分为宏任务和微任务，先执行微任务再执行宏任务。Js是单线程的，执行机制是Event-Loop。进程是一个独立的体系，线程是合力完成一个需求。1.chrome新开的一个窗口，是进程。3.设置一个pipe，并发执行一部分。2.窗口（进程间）如何通信？
2023-07-17 09:34:52
133
1
原创 JS的面向对象、原型及原型链
原型链：构造函数同样也有__proto__属性，它指向上层的prototype，直到指向为null，会形成一条链就是原型链。面向对象：代码的组织方式是以对象为中心的，将数据和方法封装到对象中，通过对象之间的交互来实现程序的功能。原型：每个实例化的对象上都有一个__proto__的属性，这个属性指向构造函数的prototype。2.属性上：将生成空对象的原型对象指向了构造函数的prototype属性。对象是容器，封装了属性（对象的状态）和方法（对象的能力和行为）- 就是js中生成的对象 => 实例。
2023-07-12 18:17:33
121
1
原创 js之真心话大冒险
真心话还是大冒险？相信大家基本上都做过这个游戏，我们一般都是通过卡牌抽取当前是真心话还是大冒险，那么向这种卡牌抽取的方式，使用简单的js也能实现类似卡牌的效果~如下面效果图：翻转卡牌就可以看到自己选择的是真心话还是大冒险~那么接下来我们一起来看一下如何实现的吧！最初只有一张卡牌，通过点击开始，出现多张卡牌首先，我们要来修饰好卡牌开始的样子，结构和修饰如下代码：<!-- 存放卡牌的容器 --><div class="wrap"> <!-- 开始的卡牌 -->
2020-12-11 14:46:37
635
2
原创 小程序实现tab切换
今天我们来看一下如何使用小程序实现tab切换。思路：1、点击菜单栏的时候，被点击的菜单标题改变样式2、点击菜单标题出现相应的菜单内容这是大致思路，我们首先看一下第一步，有一个菜单栏并且点击菜单改变样式。在index.wtml中写入如下代码：<view> <text class="{{isSelect==0 ? 'select' : ''}}" data-select=...
2020-04-16 16:36:30
1065
原创 微信小程序之自动定位城市
在做小程序开发的时候会遇到这种功能，比如一个卖电影票的小程序有这样一个功能，就是你在哪个地方会显示哪个地方的影城，这个时候咱们就需要让它自动定位到当前的你所在的城市。好了，我们来看一下怎么实现的。这里我们使用百度地图来实现，百度地图中有微信小程序JavaScript API（http://lbsyun.baidu.com/index.php?title=wxjsapi）可以供我们进行参考，首先要...
2020-04-09 22:55:26
1520
原创 vuex之getter的使用
上次我们通过登录这个案例讲解了vuex中state、mutation的简单使用，那么在这里我们继续来看一下action、getter是怎么使用的。根据上次写的案例（上次写的可以通过这个地址查看https://blog.csdn.net/angel_Wang123/article/details/105166889）我们再添加一些功能，比如会员等级。在state里面我们可以添加一个数据就是当前登录的...
2020-04-03 17:34:44
990
原创 浅谈js中闭包
在学习js的过程中，很多小伙伴都有一些比较难理解的知识点，在这里我想说一下其中一个比较难理解的知识点——闭包。有人问你：什么是闭包？一般的回答可能是这样的：一个函数嵌套一个函数。这个回答只能说是答出了闭包的一个比较明显的特点，确实从表面上看是这样function outer(){ //外层函数 return function inner(){ //内层函数 }...
2020-03-21 12:31:11
106
原创 HTML+CSS之找茬
很多刚进入前端行业的小伙伴在写页面的时候，很容易出现错误，这时候很多小伙伴就会一行行查看自己的代码哪里有问题，或者仔细的对比网上代码，这样查看错误很浪费时间而且陷入了自己的思维里面看不出错误在哪里。下面呢，教大家如何快速的查找错误及解决问题。其实，咱们的浏览器就有控制台及一些辅助工具等帮助我们查找错误，在这里我使用的Chrome（谷歌浏览器）的控制台来进行错误的查找。打开控制台方式有两种，一种在...
2020-03-07 13:57:45
394
原创 纯CSS图标之菜单图标
一般在写网页的时候会遇到一些小图标，通常一些复杂的图标我们可以选择使用第三方图标库，但是一些比较简单的小图标，像这种（如下图）：小图标就可以不用引入第三方图标库，通过CSS就可以轻易实现啦~ 那么我们一起来看一下怎么实现的。其实这个图标可以使用border边框这个属性实现的，不同的border-style会展现不同的小图标。这个图标可以使用边框中double（双线）和solid（实线）这两个...
2020-02-22 21:00:59
490
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人