自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(55)
  • 收藏
  • 关注

原创 在vite+vue3+ts时pnpm build打包失败

增加:"skipLibCheck":true。

2024-06-14 11:01:30 823

原创 启动vue项目一直报node-sass错误解决办法

【代码】启动vue项目一直报node-sass错误解决办法。

2024-04-28 10:26:56 233

原创 canvas添加局部事件

【代码】canvas添加局部事件。

2023-08-31 17:36:39 313

原创 解决VS Codet文件或代码报红问题

VS Code报红问题

2023-07-11 09:40:32 1206

原创 前端常用小工具

【代码】前端常用小工具。

2023-05-24 10:16:49 181

原创 解决同一浏览器多标签页,socket只在最新标签页做推送

2、在vuex中通过 localStorage.setItem("socketMsg", msg.data) 存储socket消息;1、在vuex 中web_socket_msg处监听其中一方socket信息变动;(其他系统可在onmessage中监听)4、以此来达到多标签页socket信息共享;解决同一系统开多标签页时只有一个标签页中socket激活可以接收消息问题。

2023-04-21 15:15:00 511

原创 css悬浮效果样式

【代码】css悬浮效果样式。

2022-12-26 13:30:46 203

原创 canvas----画Tableb表格并点击修改参数

【代码】canvas----画Tableb表格并点击修改参数。

2022-11-14 13:19:26 1418

原创 canvas-----画柱状图(bar)

【代码】canvas-----画柱状图(bar)

2022-11-14 13:16:55 371

原创 不直接修改node_modules中包的解决办法

其实这个时候你本地已经使用到了你修改后的代码了,但问题是怎么让你的同事也同步到你的修改后的代码。这个目录,里面会出现一个包A的补丁文件,这个文件可大有用处!比如我刚刚修改了包A并提交了补丁文件。目录中找到对应的包A的补丁文件,并将补丁打到。的包A中,达到同步修改代码的效果!中包的代码的工具,使用起来也很简单。这个命令的作用就是:当你的同事去执行。目录,并将那些补丁达到对应的包里。比如我想修改包A,那么我直接进。,这时候就回去读取刚刚的。这是一个专门用来修改。这个命令,也就是执行。的时候,就会自动执行。

2022-08-25 13:29:38 790

原创 js删除数组中指定元素

1、获取要删除元素的索引let array = [1,2,3,4,5,6];let index = array.indexOf(5);2、使用splice删除对应的元素if(index > -1){ array.splice(index,1);}function isDelArrayEle(array,v){ let index = array.indexOf(v); if(index > -1{ array.splice(v,1);.

2020-07-24 14:53:45 318

原创 自动编译scss文件为css

第一步下载 Live Sass Compiler第二步 点击右下角即可自动编译并watch整个项目下的sass文件第三步保存即可看到编译好的css文件

2020-07-23 17:08:06 622

原创 Git常用命令---- 代码提交拉取合并 一步到位

创建仓库和初始化git1、登录github,创建个仓库,如下;2、根据要求初始化git项目,默认master主分支;3、git init在本地新建问题,写入内容,git add . 提交4、git commit -m '要写的描述';5、准备把刚才添加的东西推送到远程,先连接远程,然后推送到master分支;新建分支和切换分支1、新建分支:git branch newBranch,现在我们可以在新分支上开发了,随后把newBranch分支推送远程,并合并到ma

2020-06-14 20:21:32 1137

原创 Flutter基本环境搭建

1、进入官网下载SDK,选择最新的即可;2、下载好解压,开始配置环境;(国内用户)配置环境变量:PUB_HOSTED_URL=https://pub.flutter-io.cn FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn进入解压好的flutter_windows_1.19.0-4.0.pre-dev\flutter\bin,把文件路径配置到系统环境变量Path中;然后打开命令行,运行flutter doctor...

2020-06-09 15:12:26 207

原创 js时间戳转换

时间戳转换日期格式//第一种function formatDate(date) { var year=date.getFullYear(); var month=date.getMonth()+1; var day=date.getDate(); var hour=date.getHours(); var minute=date.getMinutes(); var second=date.getSeconds(); .

2020-05-13 14:34:51 124

原创 canvas签名

<!doctype html><html><head> <meta charset="UTF"> <title>签名版</title> <style> * { margin: 0; padding: 0; } </styl...

2020-03-25 18:21:28 121

原创 vue中路由在新的标签页打开

let routeData = this.$router.resolve({ name: 'commercialPreview', query: {cylType: this.$route.query.cylType}, params: { id: this.id }})window.open(routeData.href, '_blank')

2020-03-23 18:09:05 973

原创 常用数组方法

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>数组常用方法</title></head><body></body></html><script&g...

2020-03-23 15:20:23 98

原创 React.js-问题总结

需要在render中的HTML外层包围一个DIV,如果外层不需要这个DIV,可以使用react中带的<Fragment></Fragment>来包起来,代替DIV。 函数接收this要通过this.fun.bind(this)这样才可以在fun函数中正确使用this,利用箭头函数写方法也可以,因为前天函数中this就是当前上下文的this,它本身没有。 循环DOM时要加...

2020-03-20 16:56:41 109

原创 前端面试题

1、数组去重方法1:var a = new Array(1,2,2,2,2,5,3,2,9,5,6,3);Array.prototype.unique1 = function(){ var n = []; //一个新的临时数组 for(var i=0; i<this.length; i++){ //如果把当前数组的第i已经保存进了临时数组, 那么...

2020-03-18 13:26:15 121

原创 react-native项目调试配置

react-native项目调试配置初学RN,发现调试不知道该怎么调试,于是上百度翻阅资料,经过勘查一番终于大功告成,顺利完成热更新和Chrome浏览器中查看调试步骤和内容。##第一步在当前项目文件夹下,打开命令行(cmd)运行下面命令:react-native run-android运行后看到如下图,说明启动成功##第二步我们回归重点,实现Chrome中查看和调试:启动...

2020-03-18 13:23:22 202

原创 element-ui改变树形菜单小箭头

加入下面替换样式:.el-tree .el-tree-node__expand-icon.expanded { transform:rotate(0deg)}.el-tree .el-icon-caret-right:before { content: "\E602"; font-size: 18px;}.el-tree .el-tree-node__expand-icon....

2019-08-22 16:24:34 5293

原创 fetch 简单使用

在fetch中第一个为请求地址,第二个可以设置请求类型POST,GET,DELETE,UPDATE,PATCH和PUT,随后可以使用then来接收参数,因为异步操作第一个then标明请求类型,第二个then中可以拿到正确的返回值,catch显示返回错误信息。fetch('https://ard.hawkwisdom.cn:9001/token/get', { method:...

2019-07-02 15:06:50 372

原创 vue 自定义指令

1、input中的v-focus自定义指令主要作用进入页面中获取input焦点;2、div中v-demo为自定义指定,cur主要是看指令更新的,为动态更新时的值;3、button中add事件为检测cur中的值变化,从而触发v-demo指令中的update方法中的变化;4、button中unbind解除指令绑定,点击后绑定自定义指令的div中值不在有关联,在点击add页面中cur的值不...

2019-07-02 10:08:40 157

原创 Object.defineProperty 实现双向绑定

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...

2019-07-01 09:36:25 393

原创 js实现简单计算器

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...

2019-06-29 16:04:35 129

原创 js常用整理

1、取随机整数Math.floor(Math.random(1-100)*100)2、获取鼠标点击位置//HTML<button onclick="site(event)">获取鼠标点击位置</button>//JSfunction site(event){ var x = event.clientX, var y = event....

2019-05-17 14:45:26 85

原创 WEBRTC_DEMO

<!DOCTYPE html><html><head> <meta charset="utf-8"></head><body> <!-- autoplay字段很重要,你可以不加这个字段试试,你会发现这个video图像是不会动的,因为它只是一帧 --> <video co...

2019-05-17 09:48:52 378

原创 ES6数组方法

1、reduce();reduce()方法接收一个函数作为累加器,数组中的每个值(从左到右)开始合并,最终为一个值。array.reduce(callback,initialValue);callback:执行数组中每个值的函数(也可以叫做reducer),包含4个参数:1.previousValue:上一次调用回调返回的值,或者是提供的初始值(initialValue)2.c...

2019-05-10 15:50:37 118

原创 样式初始化

样式初始化body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }body, button, input, select, tex...

2019-05-09 14:26:20 72

原创 树形菜单

树形菜单 &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;&lt;head&gt;&am

2019-02-14 11:31:21 146

原创 动态渲染表格收藏

;(function($) { $.fn.ZBTable = function(options) { var defaults = { evenRowClass: 'zbt-evenRow', oddRowClass: 'zbt-oddRow', curRowClass: 'zbt-curRow',...

2018-12-07 15:43:13 200

转载 HTML5利用WebRTC的getUserMedia获取摄像头信息

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,

2018-11-29 09:32:20 1146

转载 获取滚动条距离的几种问题

//获取滚动条当前的位置 function getScrollTop() { var scrollTop = 0; if(document.documentElement &amp;&amp; document.documentElement.scrollTop) { scrollTop = ...

2018-11-14 09:25:29 785

原创 jQuery--load方法使用

load() 方法通过 AJAX 请求从服务器加载数据,并把返回的数据放置到指定的元素中。(load方法需在服务器状态下生效)index.html&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Load&lt;/tit

2018-11-12 10:24:18 215

原创 去除数组中的空值----JS

//方法Array.prototype.arrNull= function(){ var str = []; this.map(function(val,index){ if(val !== '' &amp;&amp; val != undefined){ str.push(val); } }) return...

2018-10-29 14:33:57 582

原创 图片点击放大

&lt;!doctype html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt;&lt;/head&gt;&lt;body&gt;&lt;img src="./app/image/gril.jpg"&gt;&lt;scrip

2018-10-16 15:27:55 367

原创 canvas手机签名

&lt;!doctype html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;

2018-10-16 15:26:52 180

原创 JS当前时间获取并转化中国标准时间格式

function getNowFormatDate() { var date = new Date(); var seperator1 = "-"; var seperator2 = ":"; var month = date.getMonth() + 1; var strDate = date.getDate(); if (month &gt;=...

2018-10-15 09:48:17 7079

原创 node连接mysql数据库+做接口

首先安装node 和 所需模块(express、mysql) 建立数据库const express = require('express');const app = express();//解析表单的插件const bodyParser = require('body-parser');app.use(bodyParser.urlencoded({ extended: false...

2018-09-18 17:16:36 3716 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除