- 博客(132)
- 资源 (1)
- 收藏
- 关注
原创 uni微信小程序 map 添加padding
指定可视范围的时候,只用include-points会很极限。导致marker不能完全显示。规划驾车线路的时候,使用uni的。
2023-11-24 14:02:59 3433 2
原创 uni微信小程序地理定位报错:getLocation:fail the api need to be declared in the requiredPrivateInfos field in app
{"errCode": "0", "errMsg": "getLocation:fail the api need to be declared in the requiredPrivateInfos field in app.json/ext.json"}
2023-11-13 15:06:29 2882
原创 vue3+ts build 错误:You installed esbuild for another platform than the one you‘re currently using.
Error:You installed esbuild for another platform than the one you’re currently using.This won’t work because esbuild is written with native code and needs toinstall a platform-specific binary executable.Specifically the “@esbuild/darwin-x64” package is
2023-10-02 19:36:45 9195
原创 前端面试-React专题
(JavaScript XML)实际上,它只是为 React.createElement() 函数提供语法糖,为我们提供了在 JavaScript 中使用类 HTML 模板语法的能力。jsx语法最终会被babel编译成为方法,createElement方法会生成虚拟的DOM节点对象,再由函数生成真实DOM,插入到对应节点中去
2023-05-27 21:00:33 2069
原创 echarts graph关系图自定义线条label颜色
echarts 关系图自定义线条label颜色 自定义label颜色:通过配置edgeLabel中的rich和formattertype: 'graph',
2022-07-01 17:48:48 3979
原创 利用svg错落显示文本
错落显示文本:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>使用SVG错落显示文本中的每个文字</title> <style type="text/css"> text{ font-family:SimHei; /*定义字体*/ font-size:36px; /
2022-05-31 14:32:47 232
原创 umi Cannot find module ‘antd-mobile/es/button/style‘
用UMI创建React项目之后引入ant-mobile报错找不到样式文件说:官方给了解决方法:如果你的项目中依赖了 @umijs/preset-react (可以在 package.json 文件中看到),那么请把它升级到最新版如果你的项目中依赖了 @umijs/plugin-antd (可以在 package.json 文件中看到),那么请把它升级到最新版如果你的项目中上述两个 npm 包都没有依赖,那么可以安装最新版的 @umijs/plugin-antd-mobile 插件但是并没有
2022-05-03 01:29:49 2691 1
原创 nvm管理node版本 node/npm不是内部或外部命令,也不是可运行的程序
nvm管理node版本 node/npm不是内部或外部命令,也不是可运行的程序open D:\nvm\v16.9.1\node64.exe: The system cannot find the path specified.mkdir D:\nvm\temp: Access is denied.Error while downloading https://panic: runtime error: invalid memory address or nil pointer dere
2022-04-25 00:25:10 26303 7
原创 vscode import 自动引入文件路径
设置vscode import 自动引入文件路径在根目录下创建jsconfig.json文件配置文件,记得每次修改之后都要重新启动vscode,才能生效{ "compilerOptions": { "baseUrl": ".", "paths": { "@/*": [ "./src/*" ] }, }, "include": [ "./src/**/*", ],贴图:更多的,参考:不再
2022-04-22 18:10:24 7387
原创 vsCode 自定义用户片段snippet
vsCode 自定义用户片段snippet最近的项目每个页面相似度很高,虽然封装了公共组件,但是就每次复制调用公共组件的方法,也让我觉得很麻烦。自定义vsCode的snippet,只要一个单词,省去翻来覆去找文件copy的烦恼,用了几次,上瘾了。。。1. 打开命令ctrl+shift+p键输入:snippet2.选择首选项,命名文件看情况,选择建在全局还是项目文件夹里面;选择 ==> 输入文件名3.文件配置直接打开Example:进行配置。{ // Place your gbi
2022-04-22 17:51:02 2609
原创 前端处理二进制文件流,预览图片、PDF
原生js实现预览图片、PDF服务返回二进制流,用axios处理,指定blob类型,然后再转换成URL( 处理后会变成blob://... 这种格式);图片的话,作为src地址可以直接实现;预览PDF需要服务端的响应头Content-Type 为PDF类型application/pdf,不指定这种类型会直接下载,不能预览;实例:axios指定responseType为blob类型接收响应:axios.get('url',{ params:{ key:this.key },
2022-04-13 23:38:48 23264 2
原创 ES2020 实用新特性
ES2020 新特性1. ?? 判断运算符??与 || 类似,但是更严格。用来判断运算符左侧是否为null或undefined时,才会返回右侧的值。适用场景:'' ?? 1 // '''' || 1 // 10 ?? 1 // 00 || 1 // 1null ?? 1 // 1undefined ?? 1 // 12. ?.链式判断运算符?.判断左侧对象是否为null或undefined。如果是则返回null或undefined;否则,返回右侧的值适用场景:简化 &am
2022-04-12 01:48:45 2326
原创 web页面--前端明水印
采用canvas绘制图片,observe监听页面元素改变重新添加。<template> <div id="water_mater" ref="Watermakr"></div></template><script>export default { data() { return {} }, methods: { createWaterMark() { const { loginIp = '',
2022-04-07 00:41:11 567
原创 VS Code Pettier设置换行最大宽度
.prettierrc 文件这里修改的都是与默认值不同的,没有修改到的就是启用默认值.prettierrc 文件是使用 json 格式,如果报错了,该配置文件在编辑器里面是不会生效的{ "bracketSpacing": true, "printWidth": 120, "semi": false, "singleQuote": true}如图:...
2022-03-23 17:28:48 2367
原创 前端面试题_2022-02
目录一、JS部分:1.原型链2.闭包3.手写Promise4.数据类型判断5.Map和Set6.垃圾回收机制7.安全随机数8.贪心算法9.js循环10.数组新方法二、HTML部分三、Css部分1.垂直居中2.弹性布局3.grid布局四、浏览器部分五、Vue部分1.$nextTick2.$set3.取消请求4.vue3.0新特性5.vue新指令一、JS部分:1.原型链2.闭包3.手写Promise4.数据类型判断typeof:返回7种数据类型:number,str
2022-02-16 03:15:28 4192 1
原创 js扁平数据结构转Tree
js扁平数据结构转Tree无意间看到的一道题,实际业务有这种场景,就打开看了看,不过我们这种数据都是中台在处理,然后返回给前台的。let arr = [ { id: 1, name: "部门1", pid: 0 }, { id: 2, name: "部门2", pid: 1 }, { id: 3, name: "部门3", pid: 1 }, { id: 4, name: "部门4", pid: 3 }, { id: 5, name: "部门5
2022-02-13 03:03:39 499
原创 ES6数组新方法
ES6数组新方法目录ES6数组新方法1. `forEach()`和`map()`2. `filter()`3. `reduce()`4. `some()`5. `every()`6. `Array.from()`7. `Array.of()`8. `copyWithin()`9. ` find() `和 `findIndex()`10. `fill()`11. `entries()`,`keys() `和 `values()`12. `includes()`13. `flat()`,`flatMap()`
2022-02-06 21:16:22 2545 1
原创 React 生命周期
React 生命周期1、生命周期图react生命周期函数挂载、卸载只会执行一次,更新会执行多次。2、生命周期的三个阶段1)挂载时(创建)执行时机:组件创建时(页面加载时)执行顺序:Constructor() --> render() --> componentDidMount()钩子函数触发时机作用constructor ()创建组件时1,初始化state; 2.为事件处理程序绑定thisrender ()每次组件渲染都会触发渲染UI(
2022-01-30 23:36:26 1636
原创 React-context
Context 通过组件树提供了一个传递数据的方法,从而避免了在每一个层级手动的传递 props 属性。在一个典型的 React 应用中,数据是通过 props 属性由上向下(由父及子)的进行传递的,但这对于某些类型的属性而言是极其繁琐的(例如:地区偏好,UI主题),这是应用程序中许多组件都所需要的。 Context 提供了一种在组件之间共享此类值的方式,而不必通过组件树的每个层级显式地传递 props 。
2022-01-11 02:35:28 85
原创 React组件通信--props
React组件通信1、props接收数据ReactDOM.render( <App name='传递数据' age={19} color={[1,2,3]} fn={()=>{console.log('函数')}} tag={<p>段落</p>} />,document.getElementById("root"));函数组件:propsfunction App(props) { function myClick(e)
2021-12-30 00:01:29 803
原创 React组件基础
React组件1.创建组件1)使用函数创建组件函数名必须大写、开头必须有返回值、使用函数名作为标签名let MyComponent = () => { return <div>myComponent</div>;};ReactDOM.render(<MyComponent />, document.getElementById("root"));在这里插入代码片2)使用Class创建组件大写字母开头、类组件要继承React.Componen
2021-12-01 23:32:28 99
原创 React
React1.安装npm i react react-dom2.React的使用1)引入react和react-dom两个js文件<script src="./node_modules/react/umd/react.development.js"></script><script src="./node_modules/react-dom/umd/react-dom.development.js"></script>2)创建React元素
2021-11-16 02:12:49 480
原创 前端常见知识点三之HTML
前端常见知识点三之HTML1.HTML5 drag apidragstart:事件主体是被拖放元素,在开始拖元素时触发darg:事件是被拖放元素,在正在拖放时触发dragenter:事件主体是目标元素,在进入某元素时触发dragover:事件主体是目标元素,在某元素内移动时触发dragleave:事件主体是目标元素,在移出目标元素时触发drop:事件主体是目标元素,在目标元素完全接受被拖放元素时触发dragend:事件主体是被拖放元素,在整个拖放操作结束时触发2.对HTML语义化标签的
2021-07-11 22:44:39 155
原创 前端常见知识点五之Fetch
前端常见知识点五之Fetchfetch发送2次请求的原因fetch发送post请求的时候,总是发送2次。第一次状态码是204,第二次才成功;因为在用fatch的post请求的时候,导致fetch第一次发送了一个Options请求,询问服务器是否支持修改的请求头,如果服务器支持,则在第二次中发送真正的请求。参考文章:Fetch API 教程...
2021-07-11 22:11:38 470
原创 前端常见知识点四之webscoket
前端常见知识四之webscoket1. 概览1)WebSocket 协议在2008年诞生,2011年成为国际标准。所有浏览器都已经支持了。它的最大特点就是,服务器可以主动向客户端推送信息,客户端也可以主动向服务器发送信息,是真正的双向平等对话,属于服务器推送技术的一种。2. 其他特点包括:(1)建立在 TCP 协议之上,服务器端的实现比较容易。(2)与 HTTP 协议有着良好的兼容性。默认端口也是80和443,并且握手阶段采用 HTTP 协议,因此握手时不容易屏蔽,能通过各种 HTTP 代理服
2021-07-11 03:03:37 681 2
原创 前端常见知识点二之浏览器
前端常见知识点之浏览器1.web Quality(无障碍)能够被残障人士使用的网站称得上一个易用的(易访问的)网站使用alt属性:<img src='xxx.jpg' alt='this is a xxx'/>有时候浏览器无法显示图像,alt会发挥它的作用:用户关闭了图像显示不支持显示图形的迷你浏览器浏览器是语音浏览器(供盲人和弱势群体使用)如果您使用了alt属性,那么浏览器至少可以显示或读出有关图像的描述。2.几个实用的BOM对象方法BOlocation–浏览器对象
2021-07-04 01:47:24 733
原创 前端常见知识点一之HTTP
1.http和https基本概念http: 超文本传输协议,是互联网上应用最为广泛的一种网络协议,是一个客户端和服务器请求和应答的标准(tcp),用于从WWW服务器传输超文本到浏览器的传输协议,它可以使浏览器更加高效,使网络传输减少。https: 是以安全为目标的http通道,简单的讲是http的安全版,即http下加入ssl层,http的安全基础是ssl,因此加密的详细内容就需要ssl。https协议的主要作用是:建立一个信息安全通道,来确保数组的传输,确保网站的真实性
2021-06-30 02:44:38 640
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人