
前端
夜雨Gecer
To be or not to be
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
No index signature with a parameter of type ‘string‘ was found on type ‘XXX‘
在TypeScript项目中*(严格模式下),使用类似 obj[key]来进行取值时如下图会出现如下报错。原创 2023-02-22 16:18:12 · 1933 阅读 · 1 评论 -
Webpack关闭SourceMap
只需将【productionSourceMap】设置为falsevue.config.js文件二. 未使用VueCli的Webpack项目需要将【devtool】设置为 false三. 其他情况当完成以上设置后还是出现sourcemap,可以看一下通过【cdn】引入的库,如下图这种则需要将代码下载到本地后删除最后一行,之后用本地文件替换远端文件。原创 2022-12-07 09:01:50 · 3679 阅读 · 0 评论 -
【Vue】子组件监听父页面值得变化
效果图其中环装图为子组件,滑块为父页面元素目录main.jsimport Vue from 'vue'import App from './App'import router from './router'import ElementUI from 'element-ui'import echarts from 'echarts'import 'element...原创 2019-11-11 21:12:16 · 3452 阅读 · 0 评论 -
【Vue】指令
本章将以一个文本框数值验证作为案例讲解指令。首先先定义一个私有命令<template> <div> <input width="200px" v-errorInfo.color="'red'" v-model="msg"> </div></template><script> /**...原创 2019-08-16 12:15:11 · 204 阅读 · 0 评论 -
【Vue】父子组件传值
使用组件的意义就在于减少代码量,这里以修改列表为例,演示父子组件传值。效果:子组件代码:<template> <div style="margin-left: 20px"> |----edit----| name: <input v-model="value.name"> age: <input v-...原创 2019-08-16 15:48:33 · 203 阅读 · 0 评论 -
【Vue】实现单页面多路由(一个页面里面存在多个router-view标签)
首先来看一下路由配置import Vue from 'vue'import Router from 'vue-router'Vue.use(Router)export default new Router({ routes: [ { path:'/', redirect:'/home' }, { path: '/ho...原创 2019-08-17 15:42:10 · 11447 阅读 · 1 评论 -
【Vue】Vuex
vuex官方文档表示是状态管理。其实我理解就是公有变量的一个存储池,同时当值的状态改变时也能通知到所有引用的地方对其进行改变,其目的是解决多组件(父子,兄弟)之间传值的不方便的问题。本文将以兄弟组件共用为例安装npm i vuex -s -d引入新建文件 /store/index.js其内容为import Vue from 'vue'import Vuex f...原创 2019-08-22 14:38:35 · 132 阅读 · 0 评论 -
【H5】常用语义化标签以及ie兼容性解决方案
标签名 作用 nav 导航 header 页眉或头部 footer 页脚或尾部 main 主要内容 article 文章 aside 主题内容之外(副结构) 举例h5 在主流浏览器下都会支持,ie9及以上支持(ie9部分只支持,以上元素要手动设置为display:block),ie9以下不支持h5元素。ie9以...原创 2019-08-22 15:00:56 · 345 阅读 · 0 评论 -
【Vue】Watch监听
监听,可以监听数据的变化也可以监听路由的变化,此处展示监听数值的变化,监听路由的变化在路由参数传递那篇文章中另有介绍。本文展示的是对文本框,新旧数值的监听与展示:代码<template><div> <input v-model="data">{{data2}}</div></template><scr...原创 2019-08-18 09:59:36 · 116 阅读 · 0 评论 -
【H5】querySelector、querySelectorAll获取页面元素
先上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .red{ color: red; }...原创 2019-08-26 10:09:24 · 1429 阅读 · 0 评论 -
【H5】自定义属性
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><!--规范:1.data-开头2.data-后必须至少有一个字符,多个单词使...原创 2019-08-26 10:25:06 · 224 阅读 · 0 评论 -
【H5】网络开、断状态监听接口
效果代码 window.addEventListener('online',function () { alert('网络已连接') }) window.addEventListener('offline',function () { alert('网络已断开') })原创 2019-08-26 10:48:34 · 744 阅读 · 0 评论 -
【H5】sessionStorage、localStorage
/* cookie存储只有4k,sessionStorage能够存5Mb,数据存在当前页面的内存中,生命周期到关闭当前页面,所以不同页面不能共享数据 */ //添加、修改 sessionStorage.setItem('name', 'gecer'); //获取数据 var name = sessionStorage.getItem('name...原创 2019-08-26 17:20:50 · 185 阅读 · 0 评论 -
【JS】正则表达式规则与常用正则表达式
经常看见有高手在回答一些大厂的面试题时,用正则表达式来代替长篇大论的代码决一些问题,十分羡慕,于是自己来学了一学,网上有些资料也是晦涩难明,于是就把一些常用的语法自己上手敲了一遍,大家对照着结果和注释自己分析一下,有些地方到写这篇文章是我也是懵逼的,先写着以后边遇见边完善吧。基本语法let str = 'this13 is a vvveryyy vveryy vvereryy err...原创 2019-08-29 14:25:33 · 476 阅读 · 0 评论 -
【Vue】过滤器
其实对过滤器这个名字,我是有疑问的,因为感觉项目中使用过滤器多数都是在格式化,而且本身根据Vue官方文档说明也是只能用于双花括号插值和v-bind表达式(后者从 2.1.0+ 开始支持),这与语义不符感觉不如叫做格式化器。废话不多说,本文主要讲的是Vue单页面应用程序中的私有过滤器以及全局过滤器的使用。两个程序都是以格式化时间作为案例。私有过滤器:定义含有两个参数的过滤器 t...原创 2019-08-16 10:03:05 · 294 阅读 · 0 评论 -
【JS】浅谈Promise解决回调地狱
promise中文意思是 “承诺”,这个就很有意思,我承诺XXX,就肯定不是马上就干,是承诺完之后就不知道什么时候干了,干完我再告诉你结果;promise也是这样,就是异步执行,执行后调用传入的回调告诉你执行结果;promise能传入两个参数:resolve(执行结果)reject(异常情况)标题为解决回调地狱,那么什么为回调地狱那,就是回调里面套回调,一层套一层,可读性极...原创 2019-08-20 19:39:46 · 867 阅读 · 0 评论 -
【Vue】路由传参
vue-router版本"vue-router": "^3.2.0",文档结构Query模式传参query与传统浏览器传参一致浏览器传参时地址发生变化(例如:http://localhost:8080/b?myKey=b-push)router/index.jsimport Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)const routes = [ {原创 2019-07-12 16:21:20 · 164 阅读 · 0 评论 -
【threeJs】小白入门,加载obj模型以及相应贴图
此文为小白入门篇,如有不对请多多指正。先上效果three的版本很重要,因为要引入很多js如果版本不一致会走很多不必要的弯路,此文使用的版本是87版。html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>d...原创 2019-07-24 11:21:51 · 10542 阅读 · 6 评论 -
【Java+前端】前端调用大华摄像头,rtsp转rtmp
效果图搭建说明:大华网络摄像头采用rtsp格式,rtsp格式无法直接显示到web页面上,所以中间要进行实时视频转码。步骤:搭建nginx流式服务器资源见文件分享,解压缩后直接就可进行使用(都已经将环境集成过了);文档目录如下在nginx-1.8.1\conf目录下nginx.conf配置转换后的端口信息点击此程序启动,若在任务管理器中出现以下情况则启动...原创 2019-07-24 17:43:56 · 6875 阅读 · 27 评论 -
【SVG】控制svg颜色随机变化
控制svg的颜色变化与控制Dom元素一致,获取元素后改变样式或属性即可效果代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, in...原创 2019-07-20 14:56:39 · 2017 阅读 · 0 评论 -
【WPF】漫谈INotifyPropertyChanged
INotifyPropertyChanged接口用于通知界面属性变更。本文将讲述三种实现方式:1.当我刚学习该接口时将其实现为 public class TestViewModel : INotifyPropertyChanged { private Int32 _index; public Int32 Index { ...原创 2019-07-25 08:55:16 · 2200 阅读 · 0 评论 -
【ThreeJS】图形基础:点、线、面
坐标系如下声明一个点var point1 = new THREE.Vecotr3(4,8,9);或var point1 = new THREE.Vector3();point1.set(4,8,9);点并不是一个图像上的一个画出来的点,图像上画出来的实际是由点组成的圆柱或者球体。这里只是代表一个坐标。创建一条线或者一组折线 //声...原创 2019-07-25 14:21:31 · 1075 阅读 · 2 评论 -
【ThreeJs】光源
光源分为环境光、方向光、聚光灯、点光源等多种我们先来看一下没有光:没有光就是黑暗什么也看不见。我们先加上一个环境光有了光才能看见物体现在逐个展示和分析一下光源;环境光如上图所示,环境光是充斥在整个空间内的光,空间内的物体都享有来自四面八方的光的照射,类似于手术的无影灯。 var light = new THREE.AmbientLight(0xFFFFFF...原创 2019-07-25 17:02:25 · 611 阅读 · 0 评论 -
【css】table在行内加入“进度条”
先上效果上代码<template> <div> <button @click="addData"> add</button> <table style="width: 400px"> <tr> <th>name</th> &l...原创 2019-07-30 16:42:05 · 2388 阅读 · 0 评论 -
【Vue】在vue工程中加入Three,并实现obj,mtl加载
在前几篇文章,已经介绍了Threejs的基本使用,本文将讲解如何在Vue中加入Threejs以及OBJ、MTL加载。先上效果:文档结构(注意在vue3之前的版本,obj等资源要放在static下面):其实在vue中使用threejs更加简单,唯一要注意的就是版本问题,我以前用的84版这一次引用的是最新的106版,在相机的处理上感觉与旧版本有区别。步骤:npm cnpm ...原创 2019-07-26 13:53:41 · 4193 阅读 · 1 评论 -
【JS】模块Module
在vue中常使用 export default或export来 导出自己写的js文件,那么他们有什么区别那:先上代码jsmain.js在一个js中最多只可以有一个expost default,而export可以存在多个; 在import导入时,export 必须用{}进行包裹,export default 不能使用{}进行包裹; 在import导入时,export de...原创 2019-08-19 15:42:22 · 296 阅读 · 1 评论 -
【H5】新增表单事件
onInout 获取input内的value发生变化时触发 <input id="test_input"><script> document.getElementById('test_input').oninput=function () { console.log(this.value); }</sc...原创 2019-08-23 10:41:42 · 394 阅读 · 0 评论 -
【H5】H5新增表单元素-datalist
datalist input输入后根据输入内容可选择的列表<input type="text" list="serach_list"> <dataList id="serach_list"> <option value="value01" label="data01"></option> <op...原创 2019-08-23 09:59:36 · 689 阅读 · 0 评论 -
【H5】H5新增input属性
placeholder 占位提示 <input placeholder="请输入XXXX"> autofocus 自动获取焦点 <input autofocus> autocomplete 自动提示 <form action=""> <!-- 前提1.成功提交;2.必须有n...原创 2019-08-23 09:32:05 · 855 阅读 · 0 评论 -
【JQuery、JavaScript】重新加载引入的Js文件
背景:当先加载js时,Js文件里面的无法加载后面动态创建的Dom。所以需要重新引入Js文件。(ps:这也是迫不得已,尽量不要出现这种状况)上代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" ...原创 2019-07-11 16:40:37 · 5961 阅读 · 3 评论