随笔分类 -  web前端

在vue3+vite中使用monaco-editor编辑器
摘要：theme: nico 1.安装 "monaco-editor": "^0.33.0",这个是package.json中的版本 npm install monaco-editor 2.在vite.config.js中配置 // 强制预构建插件包 optimizeDeps: { include: [ 阅读全文
posted @ 2022-05-10 14:58 A-zero 阅读(6735) 评论(0) 推荐(0)
科大讯飞语音合成接口webapi调用方法
摘要：1.先搬官网demo，做了一些改动，在vue中调用，需要安装worker-loader（我的版本2.0.0） package.json 然后在vue.config.js中配置(这里如果worker-loader版本过高会报错) configureWebpack: config => { config 阅读全文
posted @ 2021-05-31 09:58 A-zero 阅读(4576) 评论(1) 推荐(1)
百度地图，简单demo
摘要：<div id="mymap"></div> <script src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=xxxxxxxxxxxxxx"></script> //需要数据lng,lat,data function initBmap(data){ 阅读全文
posted @ 2021-05-18 14:04 A-zero 阅读(376) 评论(0) 推荐(0)
echarts股票分时图实例
该文被密码保护。
posted @ 2021-05-17 14:31 A-zero 阅读(1) 评论(0) 推荐(0)
网页使用websocket
摘要：function MySocket(path){ this.path=path var that=this this.timer=null this.tout=null this.init=function() { if (typeof(WebSocket) "undefined") { alert 阅读全文
posted @ 2021-04-02 15:23 A-zero 阅读(472) 评论(0) 推荐(0)
为echart添加水印
摘要：graphic: [ { type: 'text', silent:true, z: 100, left: 'center', top: 'middle', style: { fill: '#ffffff20', text: [ '© 2020 版权信息' ].join('\n'), fontSiz 阅读全文
posted @ 2020-12-14 10:42 A-zero 阅读(1494) 评论(0) 推荐(0)
轮播那套
摘要：html <div class="banner"> <div class="lunbo" id="box"> <div id="prev" class="prev"><svg t="1590475338509" class="icon" viewBox="0 0 1024 1024" version 阅读全文
posted @ 2020-05-28 14:28 A-zero 阅读(185) 评论(0) 推荐(0)
rem自适应
摘要：全屏rem（设计稿px/100）（宽度或高度改变都会影响，常用于全屏网页）（需放于body之后，body添加base-width和base-height属性，对应设计稿尺寸，如base-width=“1920”） ! function() { var d = 0; function t() { va 阅读全文
posted @ 2020-03-13 10:53 A-zero 阅读(123) 评论(1) 推荐(1)
facebook事件统计接入（facebook pixel）
摘要：1.推荐看官方文档 2.此处记一下，自己看的 放在head中 <!-- Facebook Pixel Code --> <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.call 阅读全文
posted @ 2019-12-31 16:09 A-zero 阅读(1720) 评论(0) 推荐(0)
select下拉小三角样式自定义
摘要：首先假设这有一个select下拉菜单。 然后，清除原有样式 select{ appearance:none; -moz-appearance:none; -webkit-appearance:none; outline: none; border: none; } select::-ms-expan 阅读全文
posted @ 2019-12-31 16:01 A-zero 阅读(1777) 评论(0) 推荐(0)
背景跟随鼠标轻微位移
摘要：function coinMove(e){//添加事件： onmousemove="coinMove()" var e=e||event; //console.log(e.clientX); $('.mycoin').css('transform','translate('+e.clientX/10 阅读全文
posted @ 2019-12-16 15:10 A-zero 阅读(268) 评论(0) 推荐(0)
机顶盒web前端编写注意
摘要：1.机顶盒自身焦点可以在a带‘href’属性的标签上移动，如果是通过js添加的a标签，会出现偶然卡顿。 2很多css3的样式在机顶盒不兼容，某些样式在其前面添加‘-webkit-’可正常使用。 3.有各种原因需要自己写js来控制焦点，这时可以给需要焦点的元素设置一个id标识，通过addClass和r 阅读全文
posted @ 2019-10-16 16:59 A-zero 阅读(802) 评论(3) 推荐(1)
node.js+mysql接口入门
摘要：1.电脑安装了node.js 2.安装express 3.数据库创建好，可以使用wamp自带的mysql 4. //安装cors插件的代码 5.前端可使用ajax访问连接'http://127.0.0.1:5000/'，接收数据 阅读全文
posted @ 2019-09-12 16:22 A-zero 阅读(797) 评论(0) 推荐(0)
input边写边验证？正则表达式写在属性里？小技巧
摘要：首先，我们需要一个input，后面的span用来存放验证信息， <input type="tel" placeholder="电话号码" maxlength="11" required="required" pattern="^1([38][0-9]|4[579]|5[0-3,5-9]|6[6]|7 阅读全文
posted @ 2019-09-11 15:44 A-zero 阅读(2712) 评论(0) 推荐(0)
创建vue,react项目
摘要：首先确保安装了node环境。 安装cnpm npm install cnpm -g a.创建react项目 1.在终端输入 cnpm install -g create-react-app create-react-app my-app cd my-app/ npm start react项目创建完 阅读全文
posted @ 2019-09-09 16:53 A-zero 阅读(354) 评论(0) 推荐(0)
jquery在网页中加载本地json文件
摘要：$.getJSON('./js/th.json',function(e){ console.log(e); }); 阅读全文
posted @ 2019-09-04 10:08 A-zero 阅读(2726) 评论(0) 推荐(0)
使用伪元素改变CheckBox的默认样式
摘要：效果图 阅读全文
posted @ 2019-08-26 17:17 A-zero 阅读(251) 评论(0) 推荐(0)