- 博客(14)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 CSS 水平垂直居中
css水平垂直居中10大方法欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入c欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习
2022-03-30 14:35:57
341
原创 前端开发规范
一、WXML 规范1. 属性顺序(不必要的情况下)1. class ( class 是为高可复用组件设计的,所以应处在第一位)2. id name (id 更加具体且应该尽量少使用,所以将它放在第二位)3. >src for type href value4. placeholder title alt5. aria-\* role6. required readonly disabled2. id / class 命名规则1. 首先根据内容命名,如 header footer2
2021-12-21 20:16:49
644
原创 vue2.x 的移动端适配
vue2.0的移动端适配1. 安装postcss-loader npm i postcss-loader@3.0.02. 安装postcss-pxtorem npm i postcss-pxtorem@5.1.13. 创建postcss.config.js: 如下4. 在 /src/libs/ 创建 rem.js 如下5. 在 main.js 中 引入 import '@/libs/rem.js'// postcss.config.jsmodule.exports = { p
2021-12-03 10:35:44
1029
原创 Vue双向数据绑定原理
vue的双向数据绑定vue实现双向数据绑定是通过Object.defineProperty()方法来实现劫持的。Object.defineProperty() 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性， 并返回这个对象Object.defineProperty()方法解析...
2021-11-19 18:05:42
778
原创 H5的本地存储
本地存储永久存储存值: localStorage.setItem(key, val)取值: localStorage.getItem(key)清空存储: localStorage.clear()会话存储存值: sessionStorage.setItem(key, val)取值: sessionStorage.getItem(key)清空存储: sessionStorage.clear()...
2021-11-18 19:51:52
134
原创 ES6 箭头函数的作用
箭头函数的作用1. 不能当构造函数使用，不能使用new2. 不能使用arguments,使用rest参数代替3. 不能使用g函数, 不能使用yield命令4. 箭头函数的this指向定义时所在的对象, 而不是执行时所在的对象...
2021-11-18 19:40:34
282
原创 改变函数的This指向
改变函数This指向当我们使用一个函数需要改变this指向的时候才会用到call、apply、 bind如果你要传递的参数不多，则可以使用fn.call(thisObj, arg1, arg2 …)如果你要传递的参数很多，则可以用数组将参数整理好调用 fn.apply(thisObj, [arg1, arg2 …])如果你想生成一个新的函数长期绑定某个函数给某个对象使用，则可以使用const newFn = fn.bind(thisObj); newFn(arg1, arg2…)...
2021-10-31 20:03:18
95
原创 Linux中安装node
API应用程序接口restful规范： 在前后台交互中，前端和后台达成的一种约束和协议。1. 先整体，后单个 8.130.174.81:80/zooms 8.130.174.81:80/zooms/12. 避免查找层次过深，建议使用参数 8.130.174.81:80/zooms?id=1&name=野牛3. 支持http多种请求方法 get post put(更新) delete(删除) head optionsContent-Type:application/json
2021-10-10 09:41:56
225
原创 判断html 处于移动端状态，还是PC端
判断是移动端还是PC端function judge() { let str = (navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)) ? 'app': 'pc'; return str;}console.l
2021-09-20 13:25:59
1146
原创 将伪数组转换成数组的方法
Array.prototype.slice.callfunction fun() { let args = Array.prototype.slice.call(arguments); return args;}Array.fromfunction fun() { let args = Array.from(arguments); return args;}ES6 数组的拓展运算符 …function fun() { let args = [...arguments].
2021-09-20 09:45:11
202
原创 事件点透 案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>事件点
2021-09-20 09:24:29
118
原创 rem.js
(function (doc, win) { let docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function () { let clientWidth = docEl.clientWidth; if (!clientWidth) re
2021-09-15 09:35:10
155
原创 获取当前时间的上个月的第一天与最后一天
function getD() { let date = new Date(); let str = ''; date.setDate(0); str += '上月最后一天: ' + date.toLocaleDateString(); date.setDate(1); str += ' 上月第一天: ' + date.toLocaleDateString(); return str;}
2021-09-09 15:55:17
406
原创 九宫格抽奖游戏
九宫格抽奖游戏<div class="wrap"> <div class="main"> <div class="num">1</div> <div class="num">2</div> <div class="num">3</div> <div class="num">4</div> <div class="num" id="start">抽奖<
2021-09-09 11:39:38
109
for循环简单操作 数字的遍历
2019-10-20
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人