我是我

DOM结构转换成图片，保存至本地，或保存至剪切板

fragments 无需额外DOM节点

react refs

react context 实现水印效果

React.lazy懒加载组件

React 组合、继承， Vue slot插槽在react中实现方式

react 子组件调用父组件方法

react生命周期

react新手学习过程中遇到的问题及快速解决方式

本地服务器连接本地前端项目

React 函数组件/Class组件调用方法传递参数的区别

react组件/props

公司主要的技术栈是Vue，所以平时对于Vue的使用会更多，自然对于其他内容的了解会比较少，所以从今天开始，和千千万万同我有一样想学习的同学一起走进React吧~学习学得好，文档少不了React官方文档Create React App文档1. cra(create-react-app)1.1 创建项目创建一个名为ftt_react的React项目 npx create-react-app ftt_app若你本地没有安装过create-react-app的话，可以根据提示进行安装哦进行ftt

electron

sveltejs transition动画

select远程搜索、支持多选、组件封装

tweened、spring

状态存储 store

svelte 生命周期: onMount onDestory beforeUpdate afterUpdate tick

监听标签页关闭

锚点跳转

Property 'funnelData' does not exist on type 'Vue'.

svelte 事件处理

svelte逻辑处理

浏览器缓存Svelte页面

属性，组件传值

Svelte Reactivity

Svelte简介学习

1.需求在某个位置上展示一些弹幕，弹幕的样式需求如下：，在父组件中传入数据源来进行弹幕数据的显示。2.1 HTML2.2.1 父组件<BaberrageVertical :customers="barrageList" class="helper-to

在Vue项目打包时，生成的文件中，都是无哈希的的js和css文件，文件比较大，会影响web性能export我们可以在打包前先执行export NODE_ENV=production macset NODE_ENV=production win window是在这里看到的，没尝试过再执行yarn run build这样生成的文件就是我们会发现文件大小全部被压缩了这篇文章介绍的比较详细留档记录，希望可以帮助到你~...

问题：我们在新建一个文件夹准备学习和安装某些安装包时，发现并没有package.json文件，无法在控制台中通过yarn add 或 npm install 进行安装。解决方案：npm init -y我们可以通过在该路径下执行指令：npm init -y后生成一个package.json文件，并将其中的内容按照自己的需求进行修改，之后就可以在控制台中通过指令进行各种安装，就可以安装成功啦！留档记录，希望也可以帮助到你哦~...

在做项目中发现，使用ant-design-vue组件库时，有用到grid组件<van-grid class="bottomGrid" :column-num="4"> <van-grid-item> <span class="contextVal"> {{clueItem.name}} </span> <span class="contextDesc">

XSS攻击1.什么是XSS攻击1.1 定义百度百科.XSS攻击通常指的是利用网页开发时留下的漏洞，通过巧妙的方法注入恶意指令代码到网页，使用户加载并执行攻击者恶意制造的网页程序。这些恶意网页程序通常是JavaScript，也包括Java、Flash甚至是普通的HTML。攻击成功后，攻击者可能得到包括但不限于更高的权限如执行一些操作（劫持用户对话、插入恶意内容、重定向用户、使用恶意软件劫持用户浏览器、繁殖XSS蠕虫、修改路由配置信息等）、私密网页内容、会话和Cookie等各种内容。1.2 原理百度百

微信扫码登录网站微信开放平台在我们做某个平台或者系统时，都需要有一个登录功能，传统的用户名、密码登录模式看起来似乎并没有手机扫码直接登录来的方便，那么在前端实现上，如何实现微信扫码登录呢？授权流程第三方发起微信授权登录请求，微信用户允许授权第三方应用后，微信会拉起应用或重定向到第三方网站，并且带上授权临时票据code参数；通过code参数加上AppID和AppSecret等，通过API换取access_token；通过access_token进行接口调用，获取用户基本数据资源或帮助用户实现基本

高德定位——获取经纬度信息应用场景，在一个vue项目中，某个页面需要调取定位信息，来获取当前所处的经纬度，并根据这个经纬度传给后端，返回一个距离信息使用过程：第一步：在index.html中引入高德API<script type="text/javascript" src="//webapi.amap.com/maps?v=2.0&key=93ecd9f56d15d54c70623ae55c6ed128&plugin=AMap.CitySearch"></scrip

TypeScript基础学习学习来源：菜鸟教程1.TypeScript简介TypeScript是JavaScript的超集，支持ECMAScript6标准。TypeScript是由微软开发的自由和开源的编程语言TypeScript设计目标是开发大型应用，它可以编译成纯JavaScript，编译出来的JavaScript可以运行在任何浏览器上2.JavaScript与TypeScript的区别TypeSCript是JavaScript的超集，扩展了JavaScript的语法，因此现有的Jav

1.Vue中使用高德定位，返回当前城市code值第一步：引入index.html中<script type="text/javascript" src="//webapi.amap.com/maps?v=2.0&key=93ecd9f56d15d54c70623ae55c6ed128&plugin=AMap.CitySearch"></script>第二步：相关位置使用Home.vue中 1.页面挂载时调用该方法 mounted(){ this.g

我们在给后端传递数据的时候，当有一条数据的需求是[ {key1:value1}, {key2:value2}]这种形式的时候，我们可以这样做Object.keys(values).forEach((val)=>{ (/[0-9]{1,9}/).test(val)?coursesFinal.push({ [val]:values[val] }):''});解析： Object.keys()用来获取values这个变量的key值， forEac

第一步建立request.js文件,引入Vue,引入axios（确保已经在环境中安装过axios）import Vue from 'vue';import axios from 'axios'第二步设置配置环境，设置请求超时时间//可以根据yarn run 不同的环境去执行正式/测试的接口链接axios.defaults.baseURL=process.env.VUE_APP_...

今天在学习的过程中又解决了两个小问题，因为我是新手，所以希望我的小小的经验会帮助到你哦，话不多说，上图：1.首先第一个问题，这个是注意事项，我试过了如果小写也不会报错，但是还是推荐给大家啦当你以文件中定义的名字为大写，在引入过程中，最好也要大写，就像这样：第二个问题：当你把URL引入之后，他就变成了一个变量，你千万千万把它当成地址用的时候不要加引号哦，那样它就变成一个字符串啦。每天进步一...