- 博客(24)
- 收藏
- 关注
RSS订阅原创 WebStorm开发TypeScript的设置
1、安装node2、安装typescript (我用yarn 安装的，不是全局安装）yarn addtypescript-d目录结构如下图在目录里添加tsconfig.json{ "compilerOptions": { "target": "es5", "noImplicitAny": false, "module": "amd", "removeComments": false, "sourceMap": false,...
2021-08-18 18:09:26
1905
原创 Html里面渲染svga格式文件
<body><div class='w'> <canvas></canvas></div><style type="text/css"> .w{ width: 400px; height: 300px; background: red; } canvas { width: 200px; height:300px;}</style>.
2021-07-09 17:35:39
1981
5
原创 webstrom 注释ctrl+/快捷键无效
在html文件里使用注释（ctrl+/），发现注释不了，光标直接逐行往下走，点击页面默认显示浏览器的位置也不显示，尝试了很多办法，发现最近安装了一个插件svelte，导致某些快捷键不能使用，然后卸载了这个插件快捷键就可以使用了。找到webstrom>File>setting>plugins>svelte（快捷键冲突的插件） uninstall一般快捷键不能正常使用都是有些冲突，很有可能是安装了某个插件导致，或者与安装输入法有冲突。可以卸载安装的插件尝试一下，或者修改快捷键..
2020-06-12 18:22:32
1851
原创 Red5服务器搭建，流媒体rtmp推流实现H5在线直播以及遇到的坑
1.先安装JDK，这个是必须的red5运行需要在java环境里，（java环境配置）2.下载red5，链接，选择适合的版本https://github.com/Red5/red5-server/releases我下载的是上图的版本，解压到你找的到文件夹里，然后修改Red5相关参数修改red5.properties配置文件..\conf\red5.properties只需要配置HTTP 和RMTP节点的host和port即可 默认也行host配置成0.0.0.0 输入局域网IP或者127.
2020-05-15 14:36:04
2396
1
原创 mysql安装包里边没有my.ini怎样配置my.ini
我下载的是mysql5.7的安装包，安装包里没有my.ini，在网上找到对应的配置文件一下就是my.ini 的配置，其中红色部分替换成自己本地对应的路径。# For advice on how to change settings please see# http://dev.mysql.com/doc/refman/5.6/en/server-configuration-default...
2020-01-14 15:16:29
1243
转载 android webview 加载H5页面，设置字体不随系统设置变化
webview.getSettings().setTextZoom(100);WebView加上这个设置后,WebView里的字体就不会随系统字体大小设置发生变化了.
2019-12-12 13:59:27
1794
原创 Vue报错：Uncaught TypeError: Cannot assign to read only property 'exports' of object 的解决方法
vue项目重构的时候遇到的问题;运行起来报错 具体错误如下图，找到具体的原因是当前版本的webpack已经不允许 import 和 module.exports 共存，所以将代码module.exports修改为export default, 项目 就可以顺利运行了。...
2019-10-25 17:21:41
622
原创 解决Unable to preventDefault inside passive event listener invocation 报错问题
问题描述：项目里使用echarts滚动事件在chrome里报错Unable to preventDefault inside passive event listener invocation由于浏览器必须要在执行事件处理函数之后，才能知道有没有掉用过 preventDefault() ，这就导致了浏览器不能及时响应滚动，略有延迟。所以为了让页面滚动的效果如丝般顺滑，从 chrom...
2019-05-29 18:11:23
44785
11
原创 [Violation] Added non-passive event listener to a scroll-blocking 'mousewheel' event.
在基于 Element-ui 写项目的时候，Chrome 提醒：[Violation] Added non-passive event listener to a scroll-blocking 'mousewheel' event. Consider marking event handler as 'passive' to make the page more responsive....
2019-05-09 19:20:29
54027
22
原创 vue中使用vue-router切换页面时自动滚动到顶部的方法，并且不聚焦到底部input
问题1：vue路由切换之后，之前的滚动距离会一直存在，页面没有到顶部。router.afterEach((to,from,next) => { window.scrollTo(0,0); })这样解决有如下几个问题1.scrollTo方法部分在手机上的部分浏览器不支持，也就是不兼容。2.用scrollTo方法会在苹果手机上会产生返回白屏问题（vue项目在IOS中多次返回会出现...
2019-03-08 12:06:42
1533
转载 解决vue 界面在苹果手机上滑动点击事件等卡顿问题
用vue编写项目接近尾声，需要集成到移动端中，在webstorm上界面，运行效果都很完美，但是在苹果手机上各种问题都出现了，原生项目一向滑动流畅，事件响应迅速，可是苹果手机打开这个项目有两个问题，(1).滑动页面卡顿，(2).点击事件响应缓慢，百度才发现在苹果手机上有300ms的延迟。//页面布局<template> <div class='content'...
2019-01-21 15:27:39
1821
2
原创 iOS Safari 中click点击事件失效的解决办法
问题起因：在微信公众号开发（微站），使用原生的click方法，点击本元素img之外，关闭弹框。微信浏览器，pc端Safari点击img外侧可以正常关闭，移动端的Safari浏览器，QQ浏览器click不能正常关闭，判断click事件无效。当使用委托给一个元素添加click事件时，如果事件是委托到 document 或 body 上，并且委托的元素是默认不可点击的（如 div, span ,...
2019-01-20 15:16:12
1822
原创 vue运行,打包项目后css中使用的-webkit-line-clamp: 2这个属性不生效
在项目中要实现多行省略，会使用-webkit-line-clamp这个属性，-webkit-line-clamp: 2;代码如下p{word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflo...
2019-01-16 16:55:18
3212
转载 获取浏览器和屏幕各种高度宽度
原生JS部分document.body.clientWidth; //网页可见区域宽(body)document.body.clientHeight; //网页可见区域高(body)document.body.offsetWidth; //网页可见区域宽(body)，包括border、margin等document.body.offsetHe...
2018-12-26 10:49:48
275
原创 vue 滚动吸顶效果
最近做vue项目需要一个滚动吸顶的效果，实现的效果如下。<template> <div> <div style='' class='head' id='head'> <img src='../../../static/image/banner.jpg' class='banner'> <div cl...
2018-12-20 14:31:08
863
转载 Vue 身份证精准校验
1、在main.js中import IdCard from '../static/js/IdCard'Vue.prototype.validid = IdCard;2、使用console.log( this.validid.cnid('110101199003079593') ) //true3、IdCard.js// Generated by CoffeeScri...
2018-12-13 17:08:41
4480
1
原创 前端公众号开发，微信分享遇到的坑，分享的链接，描述，图片未能正常显示
首先要做微信公众号分享，必须要关注这个微信公众号，这是重点。我的项目是vue的项目在项目中安装了微信jssdk，然后引用微信的jssdk。调用里面的方法。方法如下图代码，我分享的的页面不是当前页面，而是同一个域名下的其他页面。一定要确认 config 中的 appid 与用来获取 jsapi_ticket 的 appid 一致。前端需要用js获取当前页面除去'#'hash部分的链接...
2018-12-12 14:25:02
10535
1
原创 vue 项目根据http状态码渲染404页面，500页面
最近做的vue项目中，前端需要根据http不同状态码，渲染不同的页面。比如请求出错404，服务器内部错误500等。我们需要做的是根据http返回的的404和500状态码渲染页面。在main.js使用了axios的拦截器import Vue from 'vue'import Vuex from 'vuex'import axios from 'axios'import route...
2018-11-29 11:30:15
9000
转载 栈与队列的异同
栈（Stack）和队列（Queue）是两种操作受限的线性表。（线性表：线性表是一种线性结构，它是一个含有n≥0个结点的有限序列，同一个线性表中的数据元素数据类型相同并且满足“一对一”的逻辑关系。“一对一”的逻辑关系指的是对于其中的结点，有且仅有一个开始结点没有前驱但有一个后继结点，有且仅有一个终端结点没有后继但有一个前驱结点，其它的结点都有且仅有一个前驱和一个后继结点。）这种受限表现在：栈的...
2018-11-08 15:32:57
143
原创 vue框架中单页面文件更改body，html页面背景颜色
单页面应用中，在全局body设置了背景颜色和背景图片。但是想要修改其中的一个页面如'/result'这个文件,而又不影响其他的样式，以前看到有例子用position:fixed来修改背景，我个人认为这个仅仅适用于页面篇幅不大，一屏足以显示的页面。可以在‘/result’这个css加上scoped 然后在js的部分加以下代码。亲自试验很有效果。。。 beforeCreate () { ...
2018-10-13 16:59:15
5562
4
原创 Vue的三种常用传值方式、父传子、子传父、非父子组件传值
Vue常用的三种传值方式有：1.父传子 2.子传父 3.非父子传值 父子组件的关系可以总结为 prop 向下传递，事件向上传递。父组件通过 prop 给子组件下发数据，子组件通过事件给父组件发送消息。1. 父组件向子组件进行传值父组件:<template> <div> 父组件: <input type="t...
2018-09-21 17:12:50
610
原创 使用 iview Table 表格组件修改操作的显示隐藏
使用 iview Table 表格组件修改操作的显示隐藏,如下图如何设置 table 操作按后台传入的状态值去显示或隐藏按钮? { title: '操作', align: 'center', width: 120, ...
2018-08-06 15:27:35
15094
1
原创 vuejs使用webpack添加环境常量----多环境开发、打包场景解决方案
使用webpack构建的工程，在开发过程中不同环境的配置不同，在各种环境的打包切换过程中需要手动修改相关配置达到预期目的。但是每次都手动修改会比较麻烦，所以参考了别人解决方案，自己进行总结，实现了不同环境打包分类配置。参考：vuejs添加环境常量----多环境开发打包场景解决方案之一 - 个人文章 - SegmentFault 思否 https://segmentfault.com/a/1...
2018-07-26 17:53:43
3818
4
原创 js的指向问题
工作中很多js的指向弄不清楚的同学可以看一下。js中的this指向十分重要，下面总结了js中this的常见用法，喜欢的可以看看：全局作用域或者普通函数中this指向全局对象window。...
2018-05-10 12:00:33
222
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人