禁止鼠标拖动盒子时选中页面文字 给盒子添加样式 div{ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
字体图标 使用icomoon制作字体图标打开https://icomoon.io选择iconmoon app,选择需要的图标选好图标后选择generate fonts点击download解压后把fonts文件夹复制到项目中在css样式中添加@font-face { font-family: 'icomoon'; src: url('fonts/icomoon.eot?m8amdf...
icon图标 1.在网址上加上/favicon.ico可以直接搜到网站图标2.制作icon图标使用ps切图打开比特虫网站http://www.bitbug.net/进行图标转换在页面head里添加<link rel="shortcut icon" href="favicon.ico">...
js节点操作 1.获取节点document.getElementById()document.getElementsByClassName()document.getElementsByName()document.getElementsByTagName()
跨域问题 什么是跨域由于浏览器的同源策略，发送url请求的协议、域名或端口号与当前页面地址不同即为跨域。如何解决跨域- jsonp- porxy代理，通过Nginx代理- cors (Cross-Origin Resource Sharing)...
vue-cli 脚手架 1.安装脚手架工具npm i vue-cli -g2.初始化项目vue init webpack 项目名称3.预先安装基础软件项目名称项目描述作者是否安装 vue-router是否安装 ES-Lint。。。4.启动项目cd 项目名npm run dev5.在浏览器访问地址...
浏览器窗口尺寸 //浏览器窗口的内部高度(包括滚动条)var w=window.innerWidth|| document.documentElement.clientWidth|| document.body.clientWidth;//浏览器窗口的内部宽度(包括滚动条)var h=window.innerHeight|| document.documentElement.clientHeight...
js监听事件兼容写法 var el= document.getElementById('el');if(el.addEventListener) { el.addEventListener('click', function() { //逻辑语句 })} else if (el.attachEvent){ //兼容ie8 el.attachEvent('onclick', functio...
点击获取随机生成的4位验证码 $('.getVerification').tap(function() { //初始化idCode----->idCode为四位数验证码 var idCode = ""; //颜色的首字符 var str = "#"; //颜色数组 0~9 a~f var arr = ["0", "1", "2...
屏幕适配 //此为750px的UI图，分为25份@media screen and (min-width: 320px) { html{ font-size:320/25px; }}@media screen and (min-width: 360px) { html{ font-size:360/25px; }}@media scr...
JSX语法 1.装包yarn add @babel/preset-react --dev2.配置.babelrc"presets": ["@babel/preset-react"]3.使用
react基础语法 安装包 yarn add react react-dom导入包 import React from 'react’ import ReactDOM from 'react-dom'使用JS的创建虚拟DOM节点： // 在 react 中，如要创建 DOM 元素，只能使用 React 提供的 JS API 来创建，不能【直接】像 Vue 中那样，手写 HTML ...
关注
