- 博客(19)
- 收藏
- 关注
原创 禁止鼠标拖动盒子时选中页面文字
给盒子添加样式 div{ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
2019-05-20 18:48:40
576
1
原创 fireworks开发者工具使用
吸取颜色 选择web开发者或者开发者图标,选择取色器。标尺,量宽高 选择web开发者,点击获取更多工具,搜索ruler,添加到开发者工具中。
2019-04-24 13:00:27
503
原创 字体图标
使用icomoon制作字体图标打开https://icomoon.io选择iconmoon app,选择需要的图标选好图标后选择generate fonts点击download解压后把fonts文件夹复制到项目中在css样式中添加@font-face { font-family: 'icomoon'; src: url('fonts/icomoon.eot?m8amdf...
2019-04-12 15:51:09
144
原创 icon图标
1.在网址上加上/favicon.ico可以直接搜到网站图标2.制作icon图标使用ps切图打开比特虫网站http://www.bitbug.net/进行图标转换在页面head里添加<link rel="shortcut icon" href="favicon.ico">...
2019-04-12 15:15:35
515
原创 js节点操作
1.获取节点document.getElementById()document.getElementsByClassName()document.getElementsByName()document.getElementsByTagName()
2019-04-12 15:02:38
89
原创 跨域问题
什么是跨域由于浏览器的同源策略,发送url请求的协议、域名或端口号与当前页面地址不同即为跨域。如何解决跨域- jsonp- porxy代理,通过Nginx代理- cors (Cross-Origin Resource Sharing)...
2019-03-29 16:33:06
99
原创 JavaScript的同源策略
JavaScript的同源策略简单来说,就是一段脚本只能读取来自同一来源的窗口和文档的属性,这里同一来源指的是协议、主机名和端口号的组合。
2019-03-29 16:20:02
704
原创 浏览器内核
IE浏览器 - IE内核谷歌浏览器 - 从webkit 改为blink内核火狐浏览器 - gecko内核Opera浏览器 - presto内核
2019-03-29 16:15:50
96
原创 vue-cli 脚手架
1.安装脚手架工具npm i vue-cli -g2.初始化项目vue init webpack 项目名称3.预先安装基础软件项目名称项目描述作者是否安装 vue-router是否安装 ES-Lint。。。4.启动项目cd 项目名npm run dev5.在浏览器访问地址...
2019-03-29 12:24:41
117
原创 浏览器窗口尺寸
//浏览器窗口的内部高度(包括滚动条)var w=window.innerWidth|| document.documentElement.clientWidth|| document.body.clientWidth;//浏览器窗口的内部宽度(包括滚动条)var h=window.innerHeight|| document.documentElement.clientHeight...
2019-03-27 17:05:01
742
原创 js监听事件兼容写法
var el= document.getElementById('el');if(el.addEventListener) { el.addEventListener('click', function() { //逻辑语句 })} else if (el.attachEvent){ //兼容ie8 el.attachEvent('onclick', functio...
2019-03-27 16:37:25
650
原创 点击获取随机生成的4位验证码
$('.getVerification').tap(function() { //初始化idCode----->idCode为四位数验证码 var idCode = ""; //颜色的首字符 var str = "#"; //颜色数组 0~9 a~f var arr = ["0", "1", "2...
2019-03-26 14:33:48
1664
1
原创 屏幕适配
//此为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...
2019-03-26 14:31:54
113
原创 JSX语法
1.装包yarn add @babel/preset-react --dev2.配置.babelrc"presets": ["@babel/preset-react"]3.使用
2019-03-10 11:20:54
128
原创 react基础语法
安装包 yarn add react react-dom导入包 import React from 'react’ import ReactDOM from 'react-dom'使用JS的创建虚拟DOM节点: // 在 react 中,如要创建 DOM 元素,只能使用 React 提供的 JS API 来创建,不能【直接】像 Vue 中那样,手写 HTML ...
2019-03-10 09:44:04
125
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人