- 博客(28)
- 收藏
- 关注
原创 openLayers 加载点线面等基础用法
openLayers 加载点线面等基础用法官方网址:[https://openlayers.org/](https://openlayers.org/)官方网址:https://openlayers.org/你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。......
2022-08-31 17:09:15
1852
原创 React学习之路
React学习之路一、必要前提1、安装node二、安装过程1、全局安装2、创建项目3、启动项目一、必要前提1、安装node在网上搜索node.js,下载依赖包在本地进行安装,完成之后可在控制台输入node -v查看node版本。二、安装过程注:以下过程会受网速的影响等情况而安装失败,所以尽量在网速较好的环境下进行安装。1、全局安装npm install -g create-react-app2、创建项目create-react-app demo01 // demo01为项目名注
2021-02-23 15:38:00
156
原创 Python个人学习记录
个人Python学习记录一、输出(print()函数)1、控制台输出2、将内容输出到文件中3、不进行换行输出(输出内容在一行当中)二、转义字符1、普通转义字符2、特殊用途的字符(反斜杠、单引号、双引号等)3、原字符(不希望字符串中的转义字符起作用,就是用原字符串,就是在字符串之前加上 r 或 R )三、整数的不同进制表示方式四、数据类型转换五、输入函数input()六、运算符1、算术运算符一、输出(print()函数)1、控制台输出可以输出数字 print(520)可以输出字符串 print('
2020-12-31 16:01:56
241
原创 vue项目websocket及心跳机制
data(){ return{ ipUrl: 'wss://www.findoma.com/handle-api', // ipUrl: 'ws://192.168.100.233:8080', ws: null,//建立的连接 lockReconnect: false,//是否真正建立连接 timeout: 28*1000,//30秒一次心跳 timeoutObj: null,//心跳心跳倒计时
2020-11-13 14:38:12
303
原创 数字滚动效果(插件)实现——VUE + 原生
数字滚动效果VUE 插件一、vue-count-to二、vue-animate-number原生写法 平时在工作中可能会遇到实现数字滚动效果,作者将个人用到过得几个插件和实现方法进行了整理,有简便的vue插件,也有原生的应用,仅供参考(也可应用于大屏项目)。VUE 插件一、vue-count-to vue-coun
2020-10-12 11:36:46
2639
原创 uniapp运行报错Browserslist:caniuse-lite is outdated.Please run:npx browserslist@latest --update-db解决方法
在运行uniapp项目是,HBuilder X控制台报错Browserslist: caniuse-lite is outdated. Please run: npx browserslist@latest --update-db,虽然不影响项目的正常运行,但是还是解决一下。1、在HBuilder X桌面图标右键点击选择“打开文件所在的位置”,就会跳转到HBuilder X的安装目录;2、在安装目录切换到HB
2020-09-10 11:11:37
19900
3
原创 window.open()打开新窗口之【单一窗口】
window.open()方法打开新标签页窗口,往往每点击一次就会打开一个窗口。在实际项目中,有时候会遇到始终打开一个新标签页窗口,这就需要做一些其他的代码处理。1、原生Html页面window.open('新页面地址'); // 打开新页面// 以下代码控制始终打开一个新窗口if (navigator.userAgent.indexOf('MSIE') > 0) { // close IE i
2020-09-09 15:26:25
1839
原创 地址栏参数获取方法
地址栏参数获取方法——可用于单点登录等。test(field) { try { let reg = new RegExp("(^|&)" + field + "=([^&]*)(&|$)"); let url = window.location.href; let r = url.split('?')[1].match(reg); if(r != null) { return
2020-09-09 14:43:48
160
原创 首次上传远程git仓库命令
前提准备工作:本地已经安装git;git远程仓库已经存在。注:本人以下操作是在初次创建vue3.0项目时,用webstorm首次提交git仓库。1. git仓库初始化git init2. 文件添加到仓库(本地)git add .3. 文件提交到仓库(本地)git commit -m "first commit"4. 关联远程仓库(git)git remote add origin http://***.git5. 本地仓库的数据同步到远程仓库git push -
2020-08-06 11:24:07
404
原创 create-react-app : 无法加载文件 C:\Users\MyPC\AppData\Roaming\npm\create-react-app.ps1,因为 在此系统上禁止运行—问题解决方法
在进行React项目创建时遇到create-react-app无法运行的问题,特此将解决办法记录一下,仅供参考。问题呈现如图:解决步骤如下:1、在电脑应用程序中找到Windos PowerShell 并且以右键管理员身份运行。2、打开了命令行之后,输入set-ExecutionPolicy RemoteSigned,并且把权限改权限为A,然后通过 get-ExecutionPolicy 查看当前的状态:3、继续使用create-react-app创建项目即可。问题解决。...
2020-07-31 10:12:21
860
2
原创 【列表数据】逐条加载之“递归”思想
逐条加载列表数据之“递归”思想1、问题代码2、“递归”思想本人在实际项目中遇到这样一个问题,就是在加载列表数据时(原生jQuery开发),列表的某一列数据是通过调用接口得到的对应数据并且渲染到列表中。由于每次访问接口有一定的时间响应,所以渲染不出来对应的页面效果。1、问题代码 <body> <div id="tableList"> <table> <thead>
2020-06-09 11:20:57
231
原创 Vue2.0 脚手架搭建教程
一、必要前提1、安装node在网上搜索node.js,下载依赖包在本地进行安装,完成之后可在控制台输入node -v查看node版本。2、安装淘宝镜像(非必要步骤)使用淘宝镜像安装较为快捷。npm install -g cnpm --registry=https://registry.npm.taobao.org3、如需要使用yarn命令,则需先安装yarn(非必要步骤)npm ...
2020-04-28 16:38:48
774
1
原创 Windows安装Nodejs报2503、2502错误解决方案
今天在安装nodejs时出现了the install has encountered an unexpected errer installing this package.this may indicate aproblem with this package.the error code is 25...
2020-04-13 11:50:37
3229
4
原创 2020年前端面试vue知识点集结
2020年前端面试vue知识点集结1、如何理解MVVM开发模式?2、vue有哪些指令?3、请问 v-if 和 v-show 有什么区别?4、简述vue的响应式原理5、delete与vue.delete删除数组的区别6、如何优化SPA应用的首屏加载速度慢的问题?7、网页从输入网址到渲染完成经历了哪些过程?8、vue中key值的作用9、Vue 组件中 data 为什么必须是函数?1、如何理解MVVM...
2020-03-25 22:53:04
444
原创 前端汇总(转载)
文章目录前端汇总一、概要二、优秀的网站三、前端技术分类综合四、各类前端资源综合类入门类工具类综合效果搜索平台团队Blog开发中心Nodejs综合APIEcmascriptVueAngularjsReactWebpackGulpJs templateHTML5(HTML)CSS3(CSS)移动端APIjQueryD3RequriejsSeajsLess,sassMarkdown兼容性UI相关其它AP......
2020-01-14 13:50:51
9549
原创 css绘制蛇形时间轴线图
蛇形时间轴线图绘制 本人在之前的项目中(vue项目),由于业务需求根据设计图自行利用css样式绘制了一个简单的时间轴线图,可自适应收缩并且左右来回循环,在某些方面可满足大部分的需求,并且添加了图例,特此分享。如有需要,大家可自行复制代码应用到自己的项目之中,并且根据自己的业务需求加以调整。1. 效果图...
2020-01-02 14:17:12
2950
5
原创 JavaScript 基本方法集锦
JavaScript 方法集锦常用的 JavaScript 方法1、indexOf()不常用的又很实用 JavaScript 方法1、charAt()2、reduce()常用的 JavaScript 方法1、indexOf()indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。实例:常用:检测字符串中是否存在某个字符串值。说明:当字符串中不存在某个字符串值时...
2019-12-25 15:49:59
176
转载 bpmn.js在vue中简单的应用
bpmn.js在vue中的应用bpmn.js是流程图绘制工具安装通过npm安装bpmn.jsnpm install bpmn-js通过import获得bpmn建模器var modeler = new Modeler({ container: '#canvas' });引入相关的依赖配置// 引入相关的依赖// import BpmnViewer from 'bpmn-js'...
2019-12-19 15:47:13
517
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人