![](https://img-blog.csdnimg.cn/20200613164410165.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端知识记录
文章平均质量分 88
记录前端基础知识,记录前端开发常用技巧等,希望和大家一起学习
藤原拓鞋 carfied
这个作者很懒,什么都没留下…
展开
-
微前端原理解析
微前端个人总结原创 2022-09-06 12:00:28 · 1519 阅读 · 1 评论 -
react 低代码图编辑探索
基于react的低代码可拖拽实现,低代码JsonSchema渲染实现,图可编辑实现原创 2022-08-05 21:54:55 · 1262 阅读 · 0 评论 -
封装小程序常用功能
开始在小程序开发中,我们常常会觉得太过原生,不像vue,react等前端成熟框架,在开源社区有许多可以使用的工具包。如全局储存,路由管理,ajax封装等,缺少这些使得我们的小程序开发有太多的冗余代码,代码很难做到清晰简洁面对上述尴尬的情况,在和同学进行小程序开发的过程中,我自行对常用功能进行了封装,尽量模仿成熟的框架的开发模式,做到储存,路由管理,云函数责任链调用等store 全局缓存的使用初始化在 app.js 中引入并且注册初始化全局缓存import initGlobalData from原创 2021-01-28 20:46:08 · 234 阅读 · 0 评论 -
数据结构与算法 javascript
基础概念javascript中,函数的参数传递方式都是按值传递,没有按引用传递的参数。但是javascript中有保存引用的对象,比如数组,它们是按引用传递的。变量的作用域是指一个变量在程序中哪些地方可以访问。javascript中的变量作用域被定义为函数作用域,即变量的值在定义该变量的函数内是可见的,并且定义该函数内的潜逃函数中也可访问该变量。数组Javascript中的数组是一种特殊的对象,用来表示偏移量的索引是该对象的属性,索引可能是整数。然而,这些数字索引在内部被转换为字符串类型原创 2020-11-29 22:16:13 · 162 阅读 · 0 评论 -
Egg Vue 搭建全栈博客
Egg使用Egg建立后台,应用mongoose对数据库进行操作,利用中间件进行用户的鉴权,将私密接口通过token鉴别分离出来。同时,巧妙应用中间件可以从url中将数据类型和数据id等分离出来,提高后台代码整洁性本项目中,使用了mongodb数据库,在一开始做数据模型定义时,没有考虑太多情形,导致数据模型设计得不太好,读者可以考虑更改数据模型,改成类似关系型数据库那种类型model// model/userconst mongoose = require('mongoose');const b原创 2020-10-17 18:48:22 · 659 阅读 · 3 评论 -
JQuery原理解析
原文博客链接藤原拓鞋的博客开始本文仅对 jQuery 基本的 API 及其原理进行分析,源代码一万多行并没有完整分析,仅作参考jQuery 无 new 创建实例jQuery 共享原型的设计思想,将 jQuery 原型对象共享,然后通过扩展实例方法属性以及添加静态属性以及静态方法实现 jQuery 的灵活扩展实现方法:创建一个 jQuery 对象, 返回 jQuery 原型对象的 init 方法, 然后共享原型, 将 jQuery 挂载到 windows 上起别名,实现通过,实现通过,实现通过来原创 2020-07-06 11:48:34 · 668 阅读 · 0 评论 -
移动端适配相关
原文博客链接藤原拓鞋的博客专有名词与视口分辨率:物理像素 * 物理像素设备独立像素:不同于物理像素,是虚拟化的,比如说 css 像素 10px设备像素比:dpr,设备像素(物理像素)/ css 像素,可以通过 JS 获取:window.devicePixelRatio布局视口在 PC 浏览器中,布局视口和浏览器可视窗口宽度是一致的,同时和浏览器本身的宽度一致但在移动端,布局视口的宽度是要远远大于浏览器的宽度的,这两个视口是相互独立存在的。这是由于,浏览器厂商为了让用户在小屏幕下网页也能够原创 2020-07-06 11:47:03 · 128 阅读 · 0 评论 -
跨域方法与防范
原文博客链接藤原拓鞋XSSXSS,Cross Site Script,跨站脚本攻击。是指攻击者在网站上注入恶意的客户端代码,通过恶意脚本对客户端网页进行篡改,从而在用户浏览网页时,对用户浏览器进行控制或者获取用户隐私数据的一种攻击方式。攻击者注入恶意脚本,将隐私数据像 cookie,session 发送给攻击者,将受害者重定向到一个由攻击者控制的网站,在受害者的机器上进行恶意操作。防范:现在主流的浏览器都内置了如 CSP 防范 XSS 的措施,而开发者可以通过下述方法:HTTPOnly 防止窃原创 2020-07-06 11:44:13 · 252 阅读 · 0 评论 -
简易弹幕功能实现
原文博客地址:藤原拓鞋的博客开始实现简单的弹幕功能move() { //弹幕div所在位置减去屏幕左上角位置,得left参数:弹幕div离最左边的位置 let left = this.Dom.offset().left - $(".screen").offset().left; //随机生成弹幕移动速度 this.speed = Math.random() * 20 + 3; //拼接获取弹幕元素的选择器原创 2020-06-05 16:03:42 · 622 阅读 · 0 评论 -
javascript 深度克隆与防抖节流
原文博客链接藤原拓鞋的博客深度拷贝/**拷贝数据 * 基本数据类型拷贝: * 拷贝后会生成一份新的数据,修改拷贝以后的数据,不会影响原来数据 * 对象/数组: * 拷贝后不会生成新的数据,而是拷贝对数据的引用,修改拷贝以后的数据,会影响原来数据 * * 拷贝数据的方法: * 1. 直接赋值给一个变量 = //浅拷贝 * 2. Object.assign(target,obj1,obj2) //浅拷贝 * 3. Array.prot原创 2020-06-13 16:57:47 · 345 阅读 · 0 评论