- 博客(22)
- 收藏
- 关注
RSS订阅原创 微信小程序使用echarts
3.将下载的 echarts.min.js 替换掉原本的 echarts.js ，小程序文件过大影响发布。使用组件，传入 id，options 配置即可。，拿到 ec-canvas 文件夹。如果需要复用，可以封装成组件。
2023-04-19 18:34:42
947
原创 24个JavaScript循环遍历方法
一、数组遍历方法1.forEach()forEach 方法用于调用数组的每个元素，并将元素传递给回调函数。数组中的每个值都会调用回调函数。其语法如下：array.forEach(function(currentValue, index, arr), thisValue)该方法的第一个参数为回调函数，是必传的，它有三个参数：currentValue：必需。当前元素index：可选。当前元素的索引值。arr：可选。当前元素所属的数组对象let arr = [1,2,3,4,5]arr..
2021-10-09 16:56:38
738
原创 [antdv: DatePicker] value provides invalidate moment time. If you want set empty value，use null
[antdv: DatePicker] value provides invalidate moment time. If you want set empty value，use null解决步骤：1.使用value属性 绑定方法或者计算属性 将需要绑定的值传参 ，计算属性传参的话使用闭包，这里不作展示，可自己百度2.方法内使用moment将时间转成字符串3.change事件内对参数进行赋值 第一个判断是为了清空时间做的处理总结：这样子不仅不会报错 还可以拿到后端传过来的数据，进行展示，不
2021-07-22 10:46:52
681
原创 vue-cli3.x 引入jquery
1.下载jquerynpm install jquery --save2.在配置webpack添加配置3.x版脚手架 在vue.config.js文件配置，这个文件创建项目是不生成的，需要手动创建这种方式导入的话，就不用在main.js注册，直接可以全局使用$...
2021-05-31 14:39:19
191
原创 mockjs简单方式的使用
1.mockjs作用：当后端的接口还没有给到我们前端时，此时需要测试系统，就可以用到mockjs，我们自己来模拟接口请求数据2.使用2.1 下载npm install mockjs2.2创建一个文件夹mocker，里面创建index.js ，用来配置接口，接着在同级目录下创建json文件2.3 webpack中导入mock安装 webpack-api-mockernpm install webpack-api-mocker --savewebpack-api-mocker 是一个
2021-04-09 11:00:23
373
原创 vue项目中使用echarts踩的坑
vue项目中使用echarts踩的坑1.话不多说，直接上问题，报以下错误百度了一下，有的说是将全局引入改为局部引入this.$echarts.init() 改为 echarts.init()如果这个方法能解决，可能是因为你引入的方式不对，才导致的这个问题如果用了以上方法还不行的，试一下将引入方式改为webpack方式的const echarts = require('echarts')这个问题让我装了包又卸了包都解决不了，最后查看w3c文档才解决的，记录一下...
2020-12-04 15:36:49
1419
1
原创 vuex中的辅助函数
1.Vuex 是什么？Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。简单来说，就是类似一个共享数据管理的仓库，我们可以把一些多个地方需要使用到数据存储到仓库中，当我们做一些数据处理的时候，就可以对仓库中的数据进行操作，这样多个地方就可
2020-07-30 13:20:16
2966
原创 innerText 和 textContent 的兼容问题
innerText 和 textContent 的兼容问题innerText 属于IE标准，目前一些高版本的浏览器都会支持。可以设置文本内容，也可以获取标签中的文本。textContent 火狐支持，谷歌支持，IE8不支持。只可以去中间的内容，不会显示标签的样式。innerHTML 如果标签文本都想获取，可以使用。兼容代码1.设置任意的标签中间的任意文本内容function setInnerText(element, text) { if (typeof element.textCont
2020-06-21 16:47:37
236
原创 URL.createObjectURL()的使用方法
URL.createObjectURL()的使用方法URL.createObjectURL() 静态方法会创建一个 DOMString，其中包含一个表示参数中给出的对象的URL。这个 URL 的生命周期和创建它的窗口中的 document 绑定。这个新的URL 对象表示指定的 File 对象或 Blob 对象。URL.createObjectURL(blob)和FileReader.readAsDataURL(file)很相似，下面是个人的一些理解，如有不正确的地方，欢迎指出：主要区别通过FileR
2020-06-21 16:33:28
2974
1
原创 原生JS发送ajax请求
1.ajax是什么？ajax是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。是一种能够与后端交互数据的技术。2.原生JS实现方式主要分为以下几步其中请求方式分为两种，以下我们分开来写get方式：(如果需要传参的话，在url后面做字符串的拼接，比如’url?key=value’);1.实例化ajax对象var xhr = new XMLHttpRequest();2.设置请求方式和请求地址xhr.open('get', 'url')3.发送请求xhr.send();
2020-06-08 20:31:40
1499
1
转载 同步与异步的区别
同步与异步的区别最近在学习ajax，而ajax（Asynchronous JavaScript and XML）是一种异步的JavaScript和XML技术。鉴于此，就先来了解下同步与异步的思想和区别。一：同步与异步同步：同步是指一个进程在执行某个请求的时候，如果该请求需要一段时间才能返回信息，那么这个进程会一直等待下去，直到收到返回信息才继续执行下去。异步：异步是指进程不需要一直等待下去，而是继续执行下面的操作，不管其他进程的状态，当有信息返回的时候会通知进程进行处理，这样就可以提高执行的效率了，
2020-06-08 19:47:48
54262
4
原创 jQuery实现呼吸轮播图
HTML<div class="all" id='box'> <div class="screen"> <ul> <li><img src="images/01.jpg" width="500" height="200" /></li> <li><img src="images/02.jpg" width="500
2020-06-03 17:19:53
422
原创 原生JS实现轮播图详细含源码
1.静态布局介绍1.1 HTML布局介绍<div class="all" id='box'> <div class="screen"> <ul> <li><img src="images/01.jpg" width="500" height="200" /></li> <li><img src="images/0
2020-06-03 17:15:54
1283
1
原创 原生JS实现匀速动画与缓动动画
1.首先写好个简单的CSS布局样式html布局<div id="box"></div> <button id="btn">点我缓动动画到400</button> <button id="btn2">点我缓动动画到800</button>css样式#box { position: absolute; left: 0; width: 100px
2020-06-03 16:10:54
577
原创 MySql5.6安装版下载安装教程
1.下载MySql下载mysql地址：https://dev.mysql.com/downloads点击链接如下图所示温馨提示：MSI是安装版，zip是解压版，无需安装，此教程是安装版，注意看清楚哦~双击打开安装包！！如下图根据自己的情况选择：点击next到下一步后，选择mysql,然后把对应的选项通过‘’→‘’迁移到右边框里面：点击next到下图所示上图所示的红色框框是设置root密码的，两个框框分别是输入密码和确认密码，因为这里是本地测试mysql，所以就不添加其他用
2020-06-03 10:58:47
13867
原创 移动web几种常用布局
注意：无论是什么布局，最外面都需要加个版心，这样不会导致整个布局超过可视区域，形成横向滚动条。1.流式布局 (百分比布局)宽度使用百分比，高度使用px2.伸缩布局 (弹性布局) flex2.1 作用：使得我们对块级元素的布局排列变得十分灵活，适应性非常强，其强大的伸缩性，在响应式开中可以发挥极大的作用。2.2 应用场景：浮动 + 百分比搞不定的时候2.3 语法：3.rem布局 (基本用于手机端)3.1 作用：同时适配宽高与高度rem：是一个相对HTML字体大小的单位3.2 使用流程：
2020-06-03 10:45:35
446
原创 js中检测数据类型的几种方法
1.typeof 只可以检测number,string,boolean,object,function,undefined这个方法无法检测null,NaNconsole.log(typeof null); //Object返回的是Object，其实这是JavaScript最初实现的一个错误，后来被ECMAScript沿用下来如何检测NaN呢？isNaN()方法 返回true 或 falseconsole.log(isNaN(NaN)); //true如何检测null是什么类型呢？用下面的
2020-06-03 10:36:38
344
原创 atr-template模板引擎的使用
1.介绍模板引擎art-template 是一个简约、超快的模板引擎。它采用作用域预声明的技术来优化模板渲染速度，从而获得接近 JavaScript 极限的运行性能，并且同时支持 NodeJS 和浏览器。1.1模板引擎语法art-template 同时支持两种模板语法。标准语法可以让模板更容易读写；原始语法具有强大的逻辑处理能力。标准法语{{if user}}<h2>{{user.name}}</h2>{{/if}}原始语法<% if (user) { %
2020-06-01 15:22:22
595
原创 CSS3-新特性
1.颜色：新增RGBA,HSLA模式HSLA模式：该函数函数使用色相、饱和度、亮度、透明度来定义颜色。：HSLA 即色相、饱和度、亮度、透明度（英语：Hue, Saturation, Lightness, Alpha ）。色相（H）是色彩的基本属性，就是平常所说的颜色名称，如红色、黄色等。饱和度（S）是指色彩的纯度，越高色彩越纯，低则逐渐变灰，取 0-100% 的数值。亮度（L） 取 0-100%，增加亮度，颜色会向白色变化；减少亮度，颜色会向黑色变化。透明度（A） 取值 0~1 之间， 代
2020-05-31 17:47:04
227
原创 FormData的基本使用详细教程
1.FormData介绍FormData是ajax2.0(XMLHttpRequest Level2)新提出的接口,利用FormData对象可以将form表单元素的name与value进行组合,实现表单数据的序列化,从而介绍表单元素的拼接,提高工作效率,利用 FormData 对象，可以通过JavaScript键值对来模拟一系列表单控件，还可以使用 XMLHttpRequest的send() 方法来异步提交表单。2.FormData使用2.1 创建FormData对象这里有一个前提是需要钱获取fo
2020-05-31 14:12:50
1529
2
原创 值类型与引用类型的区别
首先我们先简单了解(复习)一下栈与堆1、栈区：存放函数的参数值、局部变量等，由编译器自动分配和释放，通常在函数执行完后就释放了，其操作方式类似于数据结构中的栈。栈内存分配运算内置于CPU的指令集，效率很高，但是分配的内存量有限，比如iOS中栈区的大小是2M。2、堆区：就是通过new、malloc、realloc分配的内存块，编译器不会负责它们的释放工作，需要用程序区释放。分配方式类似于数据结构中的链表。在iOS开发中所说的“内存泄漏”说的就是堆区的内存。3、静态区：全局变量和静态变量（在iOS中就是用
2020-05-31 09:57:07
318
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人