Vir的博客

React笔记一：安装React

1、安装nodeJs https://nodejs.org/ 2、安装React模块 1npm install -g create-react-app 3、新建一个React项目 12npx create-react-app my-react-app //my-react-app为项目名npx create-react-app my-react-app --typescript //创建使用ts

2020-06-08

React学习笔记

样式设置 /deep/

样式设置scoped属性带来的问题通常我们在写样式的时候会在style标签中加上scoped属性 Scoped CSS规范是Web组件产生不污染其他组件，也不被其他组件污染的CSS规范，但是这样有时候也会遇到问题：使用elementUI或其他ui框架时修改框架默认样式不生效。通过 /deep/解决 12345678910111213<style lang="s

2020-06-01

解决方案 > Vue

一行JS代码实现编辑网页

1document.body.contentEditable='true'; 浏览器中按F12打开检查在调试面板选中console，输入代码

2020-05-08

代码片段 > JavaScript

JS格式化价格保留两位小数函数

1234567891011121314//格式化价格相关字段 formatMoney(value) { if (value !== undefined) { value = value < 0 ? -value : value; let flag = value.toString().indexOf('

2020-05-06

代码片段 > JavaScript

获取浏览器UA信息

1navigator.userAgent 示例： 12345678910111213141516171819202122232425262728293031323334353637<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html xmlns="http://www

2020-02-19

代码片段 > JavaScript

关于将es6 mjs格式模块放在服务器端无法被请求的解决方案

将mjs文件更改为js文件，mjs文件在服务器端可能无法识别

2020-02-15

解决方案 > JavaScript

CSS3实现毛玻璃效果

1234567891011121314151617181920212223body { background: url(xxxxxx.jpg);}.content: { position: relative; overflow: hidden; ....}.content::after { content: "

2020-02-11

代码片段 > CSS

JS命名规范示例

js：驼峰命名，例：firstName css：中划线命名，例：first-nameclass ：驼峰命名，例：FirstName html ：中划线/驼峰命名，例：class=”first-name”id：”firstName” 文件：中/下划线命名，例：first-name.js/first_name.js 图片：头尾两部分，下划线隔开，头表示大类，

2020-02-08

实用技巧 > JavaScript

元素外使用伪元素after加框后内部元素无法选中问题解决方案

为内部元素设置定位和z-index，例： 12position: relative;z-index: 1;

2020-02-08

解决方案 > CSS

原生js module中的函数无法在HTML中绑定解决方案

module中定义的函数不是全局的，需要改用事件监听不在HTML元素中直接绑定onclick，改为在js文件中document.queryselector(按键id).addEventListener(“click”, 调用函数名); 绑定事件监听的方式

2020-02-07

解决方案 > JavaScript