- 博客(64)
- 资源 (1)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 css关于box-sizing的content-box、border-box属性和offsetWidth、clientWidth详解
结论当box-sizing: border-box时，你看到的元素宽度是你设置的宽度减去border和padding的宽度，元素会小一些，即style.width = 元素实际宽度(offsetWidth) + padding + border当box-sizing: content-box（默认）时，你看到的元素宽度是你设置的宽度加上border和padding的宽度，元素会大一些，即...
2019-10-12 21:39:00
868
原创 Android生成证书
在Java所在的目录打开命令行窗口（我的是在D:\Program Files\Java）在D:\Program Files\Java\jdk1.8.0_131\bin中有个keytool.exe用于生成证书D:\Program Files\Java\jdk1.8.0_131\bin>keytool -genkey -alias yourappalias -keyalg RSA -sig...
2019-10-09 14:25:23
382
原创 vue-cli3跨域问题的解决
跨域产生跨域是相对于同源而言。协议、域名和端口均相同，则为同源。浏览器通过同源策略限制从一个源加载的文档或脚本与来自另一个源的资源进行交互。解决方案在vue.config.js中module.exports = { // 反向代理 devServer: { proxy: { // 配置跨域 '/api': { target: 'ht...
2019-09-27 21:17:52
364
原创 使用css动态修改主题色（实现换肤）
方法：使用css变量，给变量加--前缀，涉及到主题色的都改成var(--mainColor)这种方式示例：body{ --mainColor:red;}.demo{ color:var(--mainColor);}可以通过js修改主题色document.body.style.setProperty('--mainColor', '#fff');...
2019-09-22 21:20:57
3384
1
原创 vue搜索框（包含存储和删除历史记录以及搜索建议列表）
bm_search_input介绍基于vue3的搜索框，包含存储和删除历史记录以及搜索建议列表，用户可以在配置中选择是否需要历史记录。展示下载npm install bm_search_input -S引入import bm_search_input from 'bm_search_input'Vue.component('bm_search_input',bm_search...
2019-08-31 19:05:54
5630
3
原创 vue移动端登录页面（包含国际区号选择、账号密码登录、手机登录和忘记密码）
bm-vlogin介绍基于vue3的移动端登录组件库。包含：普通登录页面，手机登录页面和国际区号选择页面特性支持组件按需加载可以在组件配置中自行选择需要的元素登录支持七天内记住用户功能区号选择支持字母检索和中英文、首拼、区号搜索展示安装npm install bm-vlogin --save引入//main.js中//全部引入import bmVlogin ...
2019-08-29 21:04:50
11794
原创 webpack从安装到配置
安装(win10系统）下载webpack在PowerShell/cmd中mkdir webpack-demo && cd webpack-demo //名字自定义cnpm init -y //获得package.jsoncnpm install webpack webpack-cli --save-dev //获得node_modules文件夹...
2019-07-15 10:41:52
178
原创 JS判断浏览器类型
function userBrowser(){ //浏览器名称 var browserName=navigator.userAgent.toLowerCase(); //浏览器版本号 var browserVer=(br.match(/.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/) || [0, '0'])[1]; //根据浏览器名称判断浏...
2019-06-15 10:39:22
189
原创 AJAX对GET请求和POST请求的封装（JQuery及原生js）
//MyAjax.jsfunction objToStr(obj){ //为对象动态添加t属性 //处理IE浏览器同一个URL返回同一个结果的问题（使每次的URL都不相同） //每次都获取指定文件中最新的数据 obj.t = new Date().getTime(); var res = []; for(var key in obj){ ...
2019-04-25 20:00:45
1300
原创 JavaScript兼容性处理
1.得到触发事件的元素if(evt){ //非IE环境 thisSquare = evt.target; } else{ //IE环境(看不见evt) thisSquare = window.event.srcEle...
2019-04-24 20:03:21
263
原创 每点击一下，div旋转90°
用rotateTimes记录旋转次数，从而旋转不同的角度，很简单，直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>每点击一下，旋转90°</title> <style> #box{ width: ...
2019-04-14 15:46:51
6712
原创 更改DIV的父节点，使某个DIV整体移动到另一位置
效果刚开始是这样的点击changeParent按钮后变成这个样子控制台输出：代码主要用removeChild和appendChild实现，删除后再添加js代码：function changeParent(){ var frag = document.getElementById("frag"); var storagePlace = document.getElementByI...
2019-04-13 19:38:48
1963
原创 获取鼠标点击元素的id
该功能主要通过clickedId（）实现，可以将该函数封装起来，以便下次使用。代码执行结果为将红色div变成黑色上代码！！<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Demo</title></head> ...
2019-04-10 11:49:55
5974
转载 获取元素相对于浏览器窗口的偏移量
js封装函数function offset(obj,direction){ //将top,left首字母大写,并拼接成offsetTop,offsetLeft var offsetDir = 'offset'+ direction[0].toUpperCase()+direction.substring(1); var realNum = obj[offsetDir...
2019-04-10 10:52:38
2385
原创 用js将图片分成m*n个矩形块
这是效果图：上代码！！HTML<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>生成图片碎片</title> <script src="碎片.js"></script> <link rel=...
2019-04-04 17:19:43
3403
4
原创 js动态生成m*n的表格，并为表格设置样式(取消外边框，设置成网格）
<!doctype html><html><head><meta charset="utf-8"><title>js动态生成m*n的表格</title> <script> function insertTable(){ var m = document.getElementById("m").v...
2019-04-02 21:06:11
1441
原创 关于sticky属性无效的问题
问题最近在写一个小游戏时，遇到了sticky标签无效的问题。在这里记录一下~就是这个工具栏，我希望他的高度是整个页面，并且在最左边不动，因此在css中设置：#funcarea{ height: 100%; float: left; position:stick...
2019-03-31 15:59:53
13066
原创 一个简单的网页版钢琴（用到JQuery）
<!doctype html><html><head><meta charset="utf-8"><title>琴键</title> <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> ...
2019-03-30 08:58:20
5738
1
原创 BingoCard游戏完整版（内含注释）
HTML<!doctype html><html><head><meta charset="utf-8"><title>Make Your Own Bingo Card</title> <script src="../../js/jquery-3.3.1.min.js"></script>...
2019-03-29 21:44:12
1554
转载 对存在JavaScript隐式类型转换的四种情况的总结
一般存在四种情况，JavaScript会对变量的数据类型进行转换。目录if中的条件会被自动转为Boolean类型会被转为false的数据 会被转为true的数据参与+运算都会被隐式的转为字符串会被转为空字符串的数据会被转为字符串的数据会被转为数据类型标记的数据参与*运算都会被隐式的转为数字会被转为0的数据会被转为1的数据会被转为NaN的数据== 运算符为true的时候...
2018-12-10 15:38:36
988
原创 js的defer属性、async属性和onload
首先看一下defer和async属性与html解析的时间关系在这里，可以看到，浏览器解析HTML时，如果遇到不带任何属性的script脚本，HTML解析会被阻塞，直到script执行完成，才继续解析浏览器解析HTML时，如果遇到带defer属性的script脚本，HTML解析与script加载并行发生，但script的执行要等到所有的HTML解析完成后才会发生浏览器解析HTML时，如果遇到带async属性的script脚本，HTML解析与script加载并行发生，但在script执行时，HTML
2018-12-03 15:41:41
2199
转载 HTML特殊字符的HTML、CSS、JS写法汇总
因为每次用找起来麻烦，所以码起来方便自己~⇠ 箭头类符号 UNICODE 符号 UNICODE HTML JS CSS HTML JS CSS ⇠ &#8672 \u21E0 \21E0 ⇢ &#8674 \u21E2 \21E2 ⇡ &#8673 \...
2018-12-03 14:13:39
320
这里返回值为什么是false啊？?
2018-12-08
TA创建的收藏夹 TA关注的收藏夹
TA关注的人