- 博客(15)
- 收藏
- 关注
RSS订阅原创 动态设置的rem
动态设置的rem直接粘贴引用即可(function(doc, win) { var docEl = doc.documentElement, resizeEvt = "orientationchange" in window ? "orientationchange" : "resize", recalc = function() { if (docEl.clientWidth > 750) { doc
2021-01-05 09:34:56
104
原创 mock 使用方法
mockjs使用方法在我们的实际开发过程中，经常性的会前端进程比较快，导致调试页面时没有数据支持，需要等待后台接口，其实我们可以通过使用mockjs来模拟自己需要的数据，然后让后台配合我们模拟的字段来写接口，这样前端就可以自行模拟逻辑了，那么mockjs要如何使用呢?这里以在vue中使用为例**1.什么是Mock.js?生成随机数据，拦截 Ajax 请求。通过随机数据，模拟各种场景；不需要修改既有代码，就可以拦截 Ajax 请求，返回模拟的响应数据；支持生成随机的文本、数字、布尔值、日期、邮箱、链接
2020-12-29 09:16:30
672
原创 ajax的优缺点
ajax b的优缺点ajax的概念：*相当于在客户端与服务端之间加了一个抽象层(Ajax引擎)，使用户请求和服务器响应异步化，并不是所有的请求都提交给服务器，像一些数据验证和数据处理都交给Ajax引擎来完成，只有确认需要向服务器读取新数据时才右Ajax引擎向服务器提交请求。ajax的优点：*1.无刷新更新数据Ajax最大的优点就是能在不刷新整个页面的情况下维持与服务器通信2.异步与服务器通信使用异步的方式与服务器通信，不打断用户的操作3.前端与后端负载均衡将一些后端的工作移到前端，减少服
2020-12-25 17:20:44
81
原创 H5 video 标签的用法及问题
h5的video标签的用法及问题关于HTML5视频标签的问题一、基本*video标签在兼容性上还是比较差的，如果要在页面中使用video标签，需要考虑三种情况，支持Ogg Theora或者VP8的（Opera、Mozilla、Chrome），支持H.264的（Safari、IE 9、Chrome），都不支持的（IE6、7、8）。但是由于H5在移动设备上展现，基本都是使用webkit内核，只需要考虑Android、IOS设备上的差异。浏览器不支持/正在加载中 (指定的视频都不能播放时，返回的内容)v
2020-12-25 16:42:16
711
原创 js将excel数据转化为数组的方法
js将excel数据转化为数组的方法这里是h5的方法 仅供参考 如有雷同 纯属巧合上代码吧<input type="file" onchange="importf(this)" /><div id="demo"></div>/* FileReader共有4种读取方法： 1.readAsArrayBuffer(file)：将文件读取为ArrayBuffer。 2.readAsBinaryString(file)：将
2020-12-25 16:21:22
1430
1
原创 element form表单的必填和重置事件不生效的问题
element表单在使用的时候可以配置验证规则 必填选项和事件重置 但是很多人都会忽略form表单使用的时候的细节用法 从而导致某些功能实现不了 其实就是表单项要有一个prop属性案例：<el-form :inline="true" ref="resetForm" :model="student" class="demo-form-inline"> <el-form-item label="名称"> <el-input v-model="
2020-12-24 19:59:50
753
1
原创 js将表格数据导出为excel数据
js将表格数据导出为excel数据粘代码就完事了function ToExcel(){ //要导出的json数据 var jsonData = [ { name:'张三', id:'621' }, { name:'李四', id:'622' }, { name:'王五', id:'623' }, { name:'赵刘', id:'624' }
2020-12-24 19:46:59
161
2
原创 对象根据key排序的方法
对象根据key排序的方法无意间获取大一组城市的数据 数据本身是一个对象 但是key是由A~Z的字母组成的 但是呢 字母的顺序是错乱的 所以数据无法直接渲染 需要根据对象的属性对对象进行排序，于是有了这次的果，话不多说 上代码// 这是我获取到的数据的大概类型 因为数据太多 不做全部的演示了var citys = { "E": [ {"name": "厄瓜多尔"}], "A": [ {"name"： "安阳"}], "R": [ {"name": "日照"}]}// 接下来是排序的代码
2020-12-24 19:44:08
824
1
原创 mockjs使用方法
mockjs使用方法在我们的实际开发过程中，经常性的会前端进程比较快，导致调试页面时没有数据支持，需要等待后台接口，其实我们可以通过使用mockjs来模拟自己需要的数据，然后让后台配合我们模拟的字段来写接口，这样前端就可以自行模拟逻辑了，那么mockjs要如何使用呢?这里以在vue中使用为例首先是安装npm install mockjs --save / yarn add mockjs --save使用mockjs模拟数据并开发接口//新建一个mockApi.js模块 来保存我们模拟的接口
2020-12-24 19:41:08
257
1
原创 redux react-redux简介
redux react-redux简介相对于vue的vuex而言 react的redux确实要复杂许多，并且没有相对完善适合初学者的文档，所以学习起来特别困难，这里用一个小例子来写一下 redux react-redux的简单用法，事先声明所有的文件地址请读者根据自己的文件地址写连接首先是安装// 个人比较喜欢用yarn 不喜欢的可以自行换成npm 或者 cnpm yarn add redux --save yarn add react-redux --save在项目中创建store文件夹
2020-12-24 17:21:12
37
1
原创 js冒泡排序的四种方法
js冒泡排序的四种方法基础知识比较简单 仅供参考 //参考排序的数组 var arr = [3, 2, 5, 1, 4]*第一种这种方法冒泡排序比较相邻的两个元素,如果前一个比后一个大，则交换位置。第一轮把最大的元素放到了最后面。由于每次排序最后一个都是最大的，所以之后按照步骤1排序最后一个元素不用比function arr_sort(data) { var temp for(var i = 0; i<data.length-1;i++) { for(var j = 0
2020-12-24 17:13:44
1299
1
原创 react非父子组件传值
react非父子组件传值创建observer.js文件 即订阅者文件const observer = { list: [], subscribe(callback) { this.list.push(callback) }, dispatch(data) { this.list.forEach(item => { item(data) }) }}export default obs
2020-12-24 17:06:39
63
1
原创 react非父子组件传值
react非父子组件传值非父子组件传值react的非父子组件传值可以是使用订阅模式首先定义订阅者 // 创建一个observer.js文件 const observer = { list: [], // 用力收集所有的函数 subscribe(callback) { // 接收dispatch触发的函数的方法 this.list.push(callback) } dispatch(data) {
2020-12-24 17:00:09
105
1
原创 react路由嵌套路由及路由传参
react路由嵌套路由及路由传参因为react的嵌套路由跟vue比一点不好写 所以在使用的时候建议使用react-router-config来配置路由 会相对轻松第一步 先安装路由依赖1.yarn add react-router-dom --save2.yarn add react-router-config --save第二步 配置路由文件新建一个routes.js文件 新建pages文件夹和home组件about组件及page2组件 import React from
2020-12-24 16:54:30
143
1
原创 递归深复制对象
递归深复制对象上代码<script> var obj = { // 定义要进行深复制的对象 name: "张三", age: 14, tel: 110, info: { isSingle: true } } // 定义深复制的函数 function deepClone(params) {
2020-12-24 16:44:02
60
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人