
web前端
记录工作中遇到的点滴问题
择一城终老...
这个作者很懒,什么都没留下…
展开
-
vscode配置react开发环境
1、安装 ES7 React/Redux/GraphQL/React-Native snippets2、在设置-首选项下搜索Include Languages 在下面增加一项 javascript ,javascriptreact。如下图3、搜索trigger,在Trigger Expansion On Tab选项前勾选。原创 2022-05-28 08:06:05 · 3076 阅读 · 0 评论 -
原生js动态添加元素
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>原生js动态添加元素</title> <style> .phone { .原创 2022-03-17 14:44:54 · 2209 阅读 · 0 评论 -
使用鼠标在canvas画布上进行框选绘制
绘制图形鼠标错位原创 2022-03-02 15:44:56 · 1096 阅读 · 0 评论 -
js控制网页全屏,监听退出全屏动作
//控制全屏方法function requestFullScreen(element) { var requestMethod = element.requestFullScreen || //W3C element.webkitRequestFullScreen || //Chrome等 element.mozRequestFullScreen || //FireFox element.msRequestFullScreen; //IE11.原创 2021-02-01 10:25:46 · 1072 阅读 · 1 评论 -
vue组件中插槽的使用<slot>
1、定义一个名字为headerBannar.vue的子组件,场景:带banner的导航栏里某块儿文字内容及样式自定义代码如下: <slot name="theme"></slot>父组件中: <common-header> <template slot="theme"> ...原创 2019-08-28 15:56:46 · 364 阅读 · 0 评论 -
纯css按钮的实现
效果如下(带动画):<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ...原创 2019-08-23 16:52:06 · 758 阅读 · 0 评论 -
option在IE上隐藏不了问题解决方案
$("#selectEventopt option[value='locked']").wrap("<span style='display:none'></span>"); $("#selectEventopt option[value='label_index']").wrap("<span style='display:none...原创 2019-08-15 10:09:28 · 1164 阅读 · 1 评论 -
ie浏览器打开vue项目白屏问题
第一步:cnpm install babel-polyfill -S第二步:在入口文件main.js文件中引入 import “babel-polyfill”修改配置文件 vue-loader.conf.js entry: ["babel-polyfill", "./app/js"]最后在index.html中加入<mate http-equiv="X-UA-Compat...原创 2019-08-23 16:50:56 · 1570 阅读 · 0 评论