- 博客(80)
- 收藏
- 关注
RSS订阅原创 Vue中v-model和sync的解析
前言Vue中v-model和sync一样都是实现双向绑定的语法糖，可以让开发者少些一些代码，两者编译后都会产生一个属性和一个事件，不过两者规则不大一样。syncsync实现双向绑定主要用于子组件修改父组件的数据的一种便捷操作，常用于分页器等组件。要想使用sync，子组件需要有如下规则：要想使用sync作为数据的双向绑定的修饰符，子组件必须向外抛出的时间满足规则：$emit(“update:{propName}”, {newValue})，其中propName是修改的prop名字，newValue是传
2021-12-22 19:55:27
1414
原创 关于Vue自定义指令、mixin和插件的封装
最近由于转前端，刚好学到了Vue，写一下自己的一些心得（注：无Vue基础），博客基于Vue2.xmixinmixin，官方解释为混入，抽离公共逻辑，然后在适当需求下，将mixin和vue实例进行混合，达到逻辑重用的目的，官方文档全局混入。注：被混入的实例对象部分方法、数据等可能会被影响mixin的内容和组件实例一样，组件有的配置，mixin都有，如果遇到mixin和组件实例部分属性或方法冲突，则会取组件实力的方法或属性。全局监听scroll事件的mixin下面这个简单的全局监听scroll事
2021-12-19 21:03:38
387
原创 原生JS超级马里奥（第十一天）
前端超级马里奥连载更新，原视频地址（需翻墙）见https://www.youtube.com/watch?v=g-FpDQ8Eqw8&list=PLS8HfBXv9ZWWe8zXrViYbIM2Hhylx8DZx
2021-12-12 13:15:58
451
原创 原生JS超级马里奥（第十天）
前端超级马里奥连载更新，原视频地址（需翻墙）见https://www.youtube.com/watch?v=g-FpDQ8Eqw8&list=PLS8HfBXv9ZWWe8zXrViYbIM2Hhylx8DZx
2021-12-11 11:55:15
676
原创 原生JS超级马里奥（第九天）
前端超级马里奥连载更新，原视频地址（需翻墙）见https://www.youtube.com/watch?v=g-FpDQ8Eqw8&list=PLS8HfBXv9ZWWe8zXrViYbIM2Hhylx8DZx
2021-12-09 11:27:11
665
1
原创 原生JS超级马里奥（第八天）
前端超级马里奥连载更新，原视频地址（需翻墙）见https://www.youtube.com/watch?v=g-FpDQ8Eqw8&list=PLS8HfBXv9ZWWe8zXrViYbIM2Hhylx8DZx
2021-12-05 11:18:30
7927
8
原创 原生JS超级马里奥（第七天）
前端超级马里奥连载更新，原视频地址（需翻墙）见https://www.youtube.com/watch?v=g-FpDQ8Eqw8&list=PLS8HfBXv9ZWWe8zXrViYbIM2Hhylx8DZx
2021-12-04 12:02:14
463
原创 原生JS超级马里奥（第六天）
前端超级马里奥连载更新，原视频地址（需翻墙）见https://www.youtube.com/watch?v=g-FpDQ8Eqw8&list=PLS8HfBXv9ZWWe8zXrViYbIM2Hhylx8DZx
2021-12-03 12:08:28
3527
原创 原生JS超级马里奥（第五天）
前端超级马里奥连载更新，原视频地址（需翻墙）见https://www.youtube.com/watch?v=g-FpDQ8Eqw8&list=PLS8HfBXv9ZWWe8zXrViYbIM2Hhylx8DZx
2021-12-02 12:53:56
3641
原创 原生JS超级马里奥（第四天）
前端超级马里奥连载更新，原视频地址（需翻墙）见https://www.youtube.com/watch?v=g-FpDQ8Eqw8&list=PLS8HfBXv9ZWWe8zXrViYbIM2Hhylx8DZx
2021-12-01 11:23:13
801
2
原创 原生JS超级马里奥（第三天）
前端超级马里奥连载更新，原视频地址（需翻墙）见https://www.youtube.com/watch?v=g-FpDQ8Eqw8&list=PLS8HfBXv9ZWWe8zXrViYbIM2Hhylx8DZx
2021-11-30 10:17:04
648
原创 原生JS超级马里奥（第二天）
前端超级马里奥连载更新，原视频地址（需翻墙）见https://www.youtube.com/watch?v=g-FpDQ8Eqw8&list=PLS8HfBXv9ZWWe8zXrViYbIM2Hhylx8DZx
2021-11-29 09:29:40
489
原创 原生JS超级马里奥（第一天）
前端超级马里奥连载更新，原视频地址（需翻墙）见https://www.youtube.com/watch?v=g-FpDQ8Eqw8&list=PLS8HfBXv9ZWWe8zXrViYbIM2Hhylx8DZx
2021-11-28 21:58:56
5586
原创 原生JS推箱子
最近学习了渡一教育关于模块化相关的课程，其中有一个练习《推箱子》引起了我的兴趣，但由于课程练习缺乏闯关机制，故我在此基础上做了一些修改，加入了我的一些想法，在此分享给大家素材和关卡数据来源：2017ife-task/hard/pushBox/img at master · woai3c/2017ife-task · GitHub上面素材为我此次推箱子素材来源，大家也可参照作者写的代码自己编写。文件目录HTML<!DOCTYPE html><html lang=.
2021-11-28 12:20:57
830
原创 关于ES6 yield的一些想法
自ES6推出以来，yield就一直是其仅次于Promise的第二大难得一个东西，主要难于理解，所以出这篇文章也算是帮助大家理解这一概念。顺便介绍一些符号和迭代器相关的知识迭代器在讲生成器之前，我们先来讲一下迭代器。迭代器也是ES6推出来的一个新的东西，其可以让开发这控制迭代过程，甚至可以将对象转变为可迭代对象。写为Symbol.iterator，这是ES6推出的知名符号的一种（后面会针对符号讲解一篇文章）迭代器，顾名思义，就是用来迭代循环的，常见的比如数组、set、map等，我们可以打开
2021-11-22 12:15:32
1093
原创 原生js像素鸟游戏
明年转前端，看了一下渡一教育像素鸟游戏，之后自己写了一遍，算是回顾这节课文件目录如下：html结构<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=dev
2021-11-14 22:20:30
2596
原创 多个流文件压缩到ZIP（内附导出excel工具方法）
zip导出模板实体 /// <summary> /// 单文件导出入口 /// </summary> public class SingleFileExportEntry { /// <summary> /// Initializes a new instance of the <see cref="SingleFileExportEntry"/> class. /// <
2021-11-04 17:13:29
515
原创 表达式树简要学习
概要简述表达式树以树形数据结构表示代码，其中每一个节点都是一种表达式，比如方法调用和 x < y 这样的二元运算等每一个表达式都有节点类型NodeType例如：二元操作、lambda、对象访问登都可以通过一个数据结构进行表示ExpressionExpression是一个抽象类，不可进行实例化，但是可以通过Expression提供的静态方法进行对应类型的表达式创建，例如Expression.Parameter()、Expression.Constant()等，还可以将多个表达式合并，例如E
2021-10-14 17:47:26
240
原创 mediatR使用心得
MediatR是什么？MediatR使用中介者模式来解耦类与类依赖的库，选用设计模式种经典的观察者模式。MediatR是怎么解决耦合的呢，就好比：两个人对话，使用一个第三者作为传声器那么这个第三者就被成为终结者，两个人的对话就相当于订阅和发布。单播通信单播通信再MediatR中主要使用IRequest、Request这两个抽象来作为单播通信的媒介，而使用IRequestHandler、RequestHandler、AsyncRequestHandler作为单播通信媒介的订阅方。举个例子：// 使用
2021-06-18 14:10:42
912
原创 基于反射的ORM简单封装
准备实体模型public class Company{ [Key] public int Id { get; set; } public string Name { get; set; } public DateTime CreateTime { get; set; } public int CreatorId { get; set; } public int LastModifiedId { get; set; } public DateTime
2020-08-16 17:15:41
125
原创 EF6通过model生成数据库并使用LINQ进行操作
安包依赖包：ef core（精简版ef）ef sqlserver（数据库，也可使用其他数据库比如ef mysql等）ef tool(数据迁移工具)书写DbContext创建DbContextpublic class AppDbContext : DbContext{ public AppDbContext(DbContextOptions<AppDbContext> options) : base(options) { } // 表，有多少个数据模型就有多少张表，就得
2020-08-07 00:38:00
546
原创 react面试考点和重要知识复习
react组件如何通讯JSX本质是什么context是什么，有何用途shouldComponentUpdate（SCU）的用途描述redux单向数据流setState是同步还是异步基于React设计一个todoList（组件结构，redux state数据结构）JSXjsx可以让我们直接在js代码里书写html（前提要引入React），例如const JSXDemo = () => { const data = {key: 'value'} return (.
2020-07-04 17:58:07
269
原创 vue面试题考点和重要知识复习
题目v-show和v-if的区别和使用场景v-show：渲染条件为false时，正常渲染，只不过被隐藏了。用于频繁切换某个组件的场景v-if：渲染条件为false时，不渲染该段html。用于切换不频繁或一次性渲染的场合为什么v-for里面不要用v-if因为v-for比v-if计算优先级高一些，所以在计算渲染模板的时候先会循环，在循环里面进行v-if判断，这样相当于做了若干次相同的判断，浪费了性能为何v-for中要用key描述Vue组件生命周期（有父子组件的情况）Vue组件
2020-06-30 18:56:46
219
原创 ajax部分考题总结
题目get和post的区别get一般用于查询操作，post一般用于用户提交操作get参数拼接在url上（受限于浏览器地址栏长度，有最大长度），post放在请求体内安全性：post易于防止csrf
2020-06-25 20:33:24
146
原创 引用类型部分考题总结和分析(含深度比较)
题目手写深度比较，模拟lodash isEqualconst obj1 = { a: 100, b: { x: [1, 2, 3, NaN], y: 100 }}const obj2 = { a: 100, b: { x: [1, 2, 3, NaN], y: 100 }}function isObject(obj) { return typeof obj === 'ob
2020-06-25 20:32:35
182
原创 变量提升部分考题总结和分析
题目var、let和const的区别var是ES5语法，let和const是ES6的语法；var有变量提升var和let声明的是变量，可修改；const声明的是常量，不可修改let和const有块级作用域，var没有typeof返回哪些类型所有值类型变量：symbol、bigInt、undefined、string、number、boolean引用类型object、function列举强制类型转换和隐式类型转换强制类型转换：parseInt、parseFloat等Nu
2020-06-25 20:30:56
176
原创 前端性能优化面试相关知识点总结
运行环境浏览器（server端有nodejs）下载网页代码，渲染出页面，期间会执行若干js要保证代码在浏览器中稳定且高效主要靠知识点如下：网页加载优化性能和体验优化安全问题从输入URL到渲染出页面的整个过程window.onload和DOMContentLoaded的区别网页加载加载资源的形式：html代码、媒体文件、js和css加载资源的过程：DNS解析：域名 => IP地址浏览器根据IP地址向服务器发起http请求服务器接受处理http请求，并返回给浏
2020-06-24 20:37:17
133
原创 http常考面试题（包括缓存策略）
httphttp常用状态码有哪些？见知识点-状态码http常见的header有哪些？见知识点-http headers什么是Restful API？见知识点-http methods描述一下http的缓存机制（重要）见知识点http缓存知识点状态码状态码分类1xx 服务器收到请求2xx 请求成功3xx 资源重定向4xx 客户端错误5xx 服务端错误常见状态码200 成功301 永久重定向（浏览器自动处理）302 临时重定向（浏览器自动处理）304 资源未改
2020-06-20 17:48:37
803
原创 JS Web API常考面试和知识点总结
JS Web APIDOMDOM是那种数据结构树（DOM树）DOM操作的常用API见知识点attr和property的区别property：修改对象属性，不会提现到html结构中attribute：修改html属性，会改变html结构，两者都可能引起DOM重新渲染一次性插入多个DOM节点，考虑性能使用fragment，DOM节点缓存BOM如何识别浏览器的类型网上搜索UA方案分析拆解URL各个部分查看location相关API事件编写一个通用的事件监
2020-06-19 16:01:39
238
原创 js异步进阶（含微任务和宏任务讲解）面试常考点总结
js异步进阶请描述event loop（事件循环/事件轮询）的机制，可画图先执行同步代码遇到异步代码，先记录下，等待时机触发时机到了，就会被放到callback queue如果call stack为空（即同步代码执行完）event loop开始工作轮询查找callback queue，如果有则移到call stack执行然后轮询查找什么是宏任务和微任务，两者有什么区别见知识点-宏任务和微任务Promise有哪三种状态，如何变化，知识点见promisepending、fulfi
2020-06-18 16:35:24
389
1
原创 js异步和单线程考点总结
异步同步和异步的区别同步按照代码顺序执行，遇到耗时任务会阻塞代码的执行；异步遇到耗时任务会将同步代码先执行完，再去执行异步任务手写用Promise加载一张图片function loadImage(defaultSrc) { return new Promise((resolve, reject) => { const image = new Image(); image.src = defaultSrc; image.onload =
2020-06-17 10:32:26
86
原创 js原型和作用域面试考点总结
原型如何判断一个变量是不是数组该题考查原型和原型链，判断方法：instanceofArray.prototype.toString.callArray.isArray手写一个简易的jquery，考虑插件和扩展性(function name(params) { class jQuery { length = 0; constructor(selector) { const dom = document.querySelec
2020-06-16 20:57:36
150
原创 js基础常考面试题
变量类型和计算typeof能判断哪些类型何时使用===何时使用==值类型和引用类型的区别手写深拷贝知识点值类型vs引用类型typeof运算符深拷贝值类型和引用类型一般来说，值类型的变量值存储在栈内存中，引用类型存储在堆内存中；对于变量来说，引用类型的变量存储的是内存地址。可以这么理解：值类型所占的内存都很少，所以直接存的值，而引用类型可能非常大，计算机查找起来耗时，所以存储的是内存地址，而真正的值存在内存中某一地址块内。常见值类型常见值类型symbol、undefined、s
2020-06-15 18:22:10
150
原创 css常考面试题总结
布局浏览器盒模型：content-box、padding-box、border-boxmargin纵向重叠：相邻块级元素的margin-top和margin-bottom会发生重叠，取较大的那个。空内容的块级元素，也会发生重叠，但是会被忽略（高度为0）margin负值：margin-top和margin-left负值，元素向上、向左移动；margin-right负值，该元素右侧元素左移（可理解为内容坍塌），自身不受影响；margin-bottom负值，该元素下方元素上移，自身不受影响。
2020-06-15 11:30:11
197
原创 解决electron启动不了的技巧
这几天准备毕设，遇到了一个问题Error: Electron failed to install correctly, please delete node_modules/electron and try installing again，查了很多资料都不行，比如删了node_modules重新安装。还好在网上搜到一条资料，我总结一下：在electron版本管理下载对应的压缩包。然后将压...
2020-02-13 10:50:53
7497
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人