- 博客(22)
- 收藏
- 关注
RSS订阅原创 TypeScript-初识
TypeScript（静态类检查器） 提供了 JavaScript 的所有功能，并且在这些功能之上添加了一层： TypeScript 的类型系统。TypeScript 会在执行前检查程序是否有错误，并根据。unknown 更加严格，在操作之前会进行某种检查,不允许访问属性，不允许赋值给其他有明确类型的变量，如果用as断言了，需要断言为相对应的类型。any 不会检测,可以随意赋值，any级别最高。三、联合定义类型 type 与 interface。五、unknown 和 any的区别。
2023-02-06 17:41:20
223
原创 echarts分裂地图与线性动画
1、vue-photo-preview 图片预览插件推荐文章：Vue：图片预览vue-photo-preview的使用_KWMax的博客-CSDN博客_vue-photo-preview2、vue.draggable 拖拽插件官网vue.draggable中文文档 - itxst.com3、swiper 轮播图插件官网Swiper中文网-轮播图幻灯片js插件,H5页面前端开发4、v-infinite-scroll 无限滚动加载推荐文章：...
2022-11-18 18:03:30
1118
原创 H5 之 文件流转base64下载
在就是掉请求下载文件这里使用trycatch是因为返回的是一个文件流axios给拦截了。直接上代码，首先，请求时加一个responseType属性本接口使用axios为例。base64对应的文件类型。
2022-07-22 18:29:02
994
原创 uni-app之renderjs
由于app中要使用地图，以前一直用的都是高德地图，在app中是不能操作dom，所以直接用是不可能的，虽然uni-app有地图组件map，但是用着也一直不顺手，最终发现了renderjs，官网提出，在app-vue环境下，视图层由webview渲染，而。APP端可以使用dom、bomAPI，不可直接访问逻辑层数据，不可以使用uni相关接口（如uni.request）H5端逻辑层和视图层实际运行在同一个环境中，相当于使用mixin方式，可以直接访问逻辑层数据。newValue跟新后的数据。...
2022-07-20 18:16:41
1510
原创 H5 开发内嵌页面跨域问题
由于是H5开发，当时内嵌用的是iframe，想起移动端有一个webview，webview的权限比iframe的高，就想着用webview尝试一下，但是发现最终浏览器把webview还是解析成为了iframe，于是自己写了一个demo，在原生环境下运行测试了一下webview,发现并未出现跨域问题，于是想着那我像app壳子那样用plus动态创建一个webview呢，应该不会被解析成iframe了把，测试过后，发现成功解决。有一个内嵌外部网页的需求，而页面内嵌进来出现跨域，从而进行一系列尝试。...
2022-07-18 10:57:33
1822
1
原创 react中的redux
一、redux简介 官网称之为 JS 应用的状态容器，提供可预测的状态管理，并且可以与前端三大框架搭配，但是vue中有自己团队的vuex，一般与react配合使用，在我个人理解为，这可以提高数据可用性，当同一条数据在多个组件中都要调用时，这个时候就可以用状态容器进行存储调用或者对改状态进行操作二、根据原理图进行解析ReactComponents：当前需要使用状态管理的组件，在组件中需要引入store，通store.getState()获取state值，通过ActionCr...
2022-04-24 22:32:52
385
原创 React样式冲突问题
前言：因为react最终编译打包后都在一个html页面中，如果在两个组件中取一样类名分别引用在自身，那么后者会覆盖前者例如 组件Hellojsx:import React,{Component} from 'react'import './index.css'export default class Hello extends Component{ render(){ return <h2 className={title}>Hello,React!</h2>
2022-04-17 15:52:45
1341
1
原创 React生命周期
一、初始化阶段 由ReactDOM.render()触发 ---初次渲染(挂载)constructor：构造函数，在 React 组件挂载之前执行。getDerivedStateFromProps：在调用 render 方法之前调用，并且在初始挂载及后续更新时都会被调用 需要返回一个null 或者 state 此返回的状态是不可更改的，render：渲染处理虚拟dom，是 class 组件中唯一必须实现的方法。componentDidMount：在组件挂载后（插入 DOM 树中）立即调用，此
2022-04-16 23:15:35
562
原创 React中this指向问题
一、问题例如 平常绑定事件我们一定会这么些//创建组件class Demo extends React.Component{state = { name:'张三'}//展示左侧输入框的数据showData(){ alert(this.state.name); //此时的this为undefined}render(){ return( <div> <button onClick={this.showData}>点我</b
2022-04-16 20:01:03
664
原创 leaflet实现点击线段高亮与线段动画
1、获取geoJSON数据，绘制到地图中,此时透明的设置为0隐藏，至于geoJSON数据是怎么处理的请移步到leaflet简单使用//绘制河流线段drawRiveLineData(states) { // states：处理过后的 geoJSON 数据 let self = this this.riverGeoJson = L.geoJSON(states, { style: function(feature) { // 设置样式 return { ..
2022-04-16 18:59:55
2740
1
原创 React 初识 state props ref
一·、stateReact 把组件看成是一个状态机，通过与用户的交互，实现不同状态，然后渲染 UI，让用户界面和数据保持一致。相当于vue2中的data class Person extends React.Component{ state = { //定义方法一 boxClass:'yellow' } //constructor(props) { // super(props); // this.state =
2022-04-15 19:05:15
99
原创 微信小程序-腾讯地图根据经纬度获取位置与根据位置获取经纬度
注意：如果request非法，请移步 到 上一篇博客填写request合法域名章节，上一篇博客末尾也有写道获取当前定位得方法一、根据经纬度获取位置信息 登陆腾讯地图官网，选择控制台，选择开发文档-->微信小程序JavaScript SDK创建应用接下来就是用代码得到实现了 //根据经纬度获取城市信息 getCity(){ wx.request({ url: 'https://apis.map.qq.com/w...
2022-04-14 17:37:48
3646
原创 微信小程序开发记录
前言 本章类容只是简单的介绍了一部分内容，大部分还是看看官方文档，那里比啥都全面，每个小节后面都链上了对应的文档一、创建appid 创建项目网址https://mp.weixin.qq.com/，创建成功后在开发管理，开发设置中看到appid，创建项目时填入即可，如果是别人的项目，则请创建项目的人邀请进去，也可以查找到对应的appid，一个微信号可以创建多个项目二 、填写request合法域名配置好自己的服务器域名如果不填写也可以，可以在...
2022-04-14 17:03:26
317
原创 vue 手写视频的control组件
效果功能介绍：根据点击title跳转到当前对应的时间节点播放，本文项目用的是vue+antd开发 如果不是antd 有些样式请自行修改，功能还是好的话不多说，直接上代码，根据prop传入标题，和地址即可，注意 头部用的滚动用的是swiper，请导入后使用，本文是直接在index.html中映入的<template> <div id="videoBox" class="videoBox"> <!--视频分段播放组件 created by shu.
2022-04-14 12:27:48
549
原创 vue keep-alive 实现多标签缓存功能
效果如下多标签样式就不介绍了，主要介绍用keep-alive缓存1、在vuex 文件下中新建keepAlive.js文件，进行存储路由的集中管理const keepAlive = { state: { cachedViews:[] //存储缓存路由的数据 }, mutations: { ADD_KEEPALIVE: (state, type) => { //添加 state.cachedViews.push(type) },
2022-04-14 12:13:21
1025
原创 初识dart
一、属性1、普通属性定义var：任意类型，根据初始赋的值进行类型推断int：整型double：浮点型String：字符型bool：布尔型const：常量，值不可为对象final：常量，值可以是对象 DateTime:时间类型 List：数组类型2、对象属性定义object：void main(){ // maps...
2022-01-12 10:44:58
300
原创 vue高德地图marker批量标记与InfoWindow提示框
一、前言 由于数据量大，如果一个一个添加marker会造成页面卡顿，所以在此就使用了批量标记，特此研究出一下几种方法 在高德平台获取key高德开放平台 | 高德地图API二、批量添加marker标记 1、海量点标记 MassMarks 优点：当需要在地图展示数量为十万以内的点并且需要较好的性能表现时 缺点：只能使用图片标点，不能自定义标点 用法：var styleOb...
2021-12-19 22:52:51
5549
1
原创 vue+海康威视视频插件坑点记录
起初谷歌浏览器里面用本地环境，视频正常播放，到线上测试环境后就报如下错误,从而导致视频无法播放：原因：goole是94版本，对插件默认进行了限制解决办法：1、用360浏览器打开 2、在goole里面设置如下：...
2021-12-03 08:51:35
1184
2
原创 移动端vw、vh适配方案
前言由于最近测试app的时候，发现 ios 于 Android 下的字体级布局大小不一致问题，初步认定为是分辨率不一样而导致的，然而经过各种百度，发现有 rem 于 vw、vh 两种适配方案，因为项目已经完成了一大部分，rem适配需要通过js计算来配合，比较繁琐，固然就选择了 vw、vh 适配方案，因为它不用通过js计算，直接使用即可vw、vh工作原理此单位是根据浏览器的视口尺寸的百分比来定义的vw：（viewpoint width的缩写）视觉视口宽度，1vw等于视窗宽度的1%vh：（v
2021-10-12 11:31:50
1420
原创 Leaflet简单使用
前言 因为业务上的需求，要使用Leaflet 制作地图，而本人从未接触过，经过几天的研究，算是入门成功，现在小编和大家一起分享分享我这几天的成果下载引入 npm下载 npm install leaflet 在main.js中引入import "leaflet/dist/leafle.css" // 引入css import * as L from "leaflet"Vue.prototype.$L= L 下载源码 进入官网下载，点击d...
2021-09-12 16:42:03
1901
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人