- 博客(75)
- 收藏
- 关注
RSS订阅原创 解决renren-fast地图使用echarts报错
原因：renrenfast 框架 中 plugins预设了 echarts 插件（3.8.5），并且设置了 // 引入外部库, 无需webpack打包处理。如果引用自己安装的echarts 需要 注释掉build\webpack.base.conf.js 中 externals 的echarts。始终报错，无法安装自己定义的echarts版本（5.4.1），console.log出来是3.84。会提示以下错误或者其他。
2024-05-30 13:59:14
269
原创 echarts图表总结，帮你轻松解决你想要的图标（可直接看适合的样式然后复制代码到本地）
注：一定要把资源下载下来，因为资源地址会随时变化1、可视化社区">// 基于准备好的dom，初始化echarts实例// 指定图表的配置项和数据2、ISQQW.comt=map需要自己注册帐号">
2024-05-17 10:16:19
253
原创 网站seo优化排名
将需要排名的url在百度上输入，发现并没有被百度收入，查询不到，这里需要在。所有相关的页面，如二级页面、三级页面，title。，如：详情页-xx官网、列表页-xx官网。将robots.txt放到你网站根目录下。
2024-02-21 10:51:34
363
原创 css3实现动态心电图折线
这与一些其他图形系统（例如笛卡尔坐标系）的约定是不同的。因此，如果你在SVG中绘制直线并觉得。了，可能是因为你在使用笛卡尔坐标系的思维方式时感到困惑。Y轴的正方向是向下的。
2023-12-13 17:25:13
904
1
原创 uniapp高德、百度、腾讯地图配置 SHA1
然后提示输入密钥库口令（这里要注意输入密码的时候控制台没有任何显示，输入完毕，点击回车），默认输入android，输入完后一直回车就可以，最后询问是否正确，输入y即可，当win+r弹出cmd弹框后输入。
2023-11-24 13:52:20
1311
原创 windows电脑连接Android和iPhone真机调试
windows电脑连接Android和iPhone真机调试目前用的是Hbuilder X编辑器，在正常情况下，Android手机需要在"设置 ----> 更多设置 ----->关于手机 ------> 版本号（手指点击5-7下即可打开开发者模式）"(我的是vivo的，大家可以对应大概意思找到)，这时手机记得用USB数据线连接电脑和手机，并且当手机弹出是否允许时要点击允许，这是再重启Hbuilder X就可以看到对应的手机进行调试了。如果试过不行的话，可以尝试以下方法：一、连接安卓调试
2023-11-21 23:05:22
734
原创 async/await实现异步
async/await实现异步await表示等一下，即暂停不再向下执行，等到promise对象执行完毕，拿到promise resolve的值并进行返回，拿到返回值后再继续向下执行下面来看几个例子 async function async_test() { return 'hello world' } async_test(); // console.log(async_test()) // Promise {<fulfilled>: "hello world"}
2021-03-06 16:11:45
213
原创 Vue的$set、$delete实现视图层响应
Vue的$set、$delete实现视图层响应<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="https://unpkg.com/element-ui/l
2021-02-22 16:07:02
167
原创 swiper---指示器加上过渡动画
swiper---指示器加上过渡动画主要体现的功能：1.指示器会跟随轮播图出现类似进度条的，每个轮播图的过渡时间就是下面一个指示器执行完毕动画需要的时间2.上一页、下一页的切换也会带动指示器动画及加载完的变化3.点击指示器，能实现已加载和未加载完毕指示器样式的变化效果如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewpo
2021-01-14 15:33:09
1777
原创 操作数组，将重复的值进行累加
操作数组，将重复的值进行累加<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>操作数组，将重复的值进行累加</title></head><body>
2021-01-06 13:10:53
553
1
原创 audiojs插件
audiojs插件大概显示效果是这样的，这里也可以显示播放文件的文件名，但是我把那个方法给注释了，需要的直接取消注释就可以了，中间的五角星是模拟音乐盘转动的（点击播放转动，暂停即停止转动，不会复位）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-s
2021-01-05 14:34:47
1694
原创 vue预渲染 render-spa-plugin
vue预渲染 render-spa-plugin全局安装npm install -g @vue/cli-init创建vebpack项目vue init webpack . // 在当前文件夹下创建项目? Generate project in current directory? Yes? Project name prerender-spa? Project description A Vue.js project? Author dxc1996 <1889536488
2020-11-10 22:32:55
255
原创 vuex
vuex一、初始步骤1.安装2.在src下新建一个store文件夹，里面新建一个index.js文件,并引入vue和vuex3.引用vuex4.在main.js中实例化store并引入store下的index.js二、使用详解一、初始步骤1.安装npm install vuex --save2.在src下新建一个store文件夹，里面新建一个index.js文件,并引入vue和vueximport Vue from 'vue'import Vuex from 'vuex'3.引用vuexVu
2020-08-31 17:17:56
184
原创 webpack入门——loader
webpack入门——loader1.安装npm install file-loader -D2.webpack.config.js配置// 引入核心模块const path = require('path')const webpack = require('webpack')module.exports = { mode: 'production', //打包后是压缩的代码 // mode: 'development', //打包后是不压缩的代码 // entry: './s
2020-07-27 00:21:18
136
原创 webpack入门——如何配置打包
webpack入门——如何配置打包1.创建一个包，初始一个项目（出来一个直接回车就可以了,最后一步询问是否要写进package.json包里，输入yes即可创建出一个package.json）npm init2.安装2.12.1.1全局安装(有事安装不了可尝试手机wifi)，一般不建议npm install webpack web-cli -g2.1.2安装成功后查看版本webpack -v2.1.3卸载npm uninstall webpack web-cli -g
2020-07-27 00:08:07
241
原创 自定义滚动条样式
自定义滚动条样式自定义滚动条样式: // 滚动条的长度和宽度 &::-webkit-scrollbar { width: 6px; height: 4px; } // 设置滚动条的圆角属性和背景颜色 &::-webkit-scrollbar-thumb { border-radius: 5px; background: rgba(#999,0.6); } // 滚轮的滚槽
2020-07-14 12:03:10
190
1
原创 响应式布局---适配不同页面下的font-size
响应式布局---适配不同页面下的font-size当我们要适配各个页面时,始终用一个font-size总是在字体大小方面会有问题,那么我们可以在不同的分辨率下设置不同的font-size下面是我的rem.js的代码// 基准大小const baseSize = 32// 设置 rem 函数function setRem () { if (document.documentElement.clientWidth > 1024){ // 当前页面宽度相对于 750 宽的缩放比例，可
2020-07-13 12:09:05
563
原创 QQ三方登录之资料审核
QQ三方登录之资料审核1.首先打开网址https://connect.qq.com/index.html2.点击应用管理进行登录3.点击自己的QQ昵称进行验证（注意，这里有点坑，不是点击出来的弹框，而是自己的QQ昵称）4.个人接入时注意，名称是自己要上传的身份证对的名称，不然会导致审核失败5.填好信息就可以提交进行验证...
2020-07-12 15:44:23
778
原创 vue ui的使用
vue ui的使用1.使用win + R 打开cmd 在cmd中输入vue ui（注：在这之前需要安装vue CLI 3.0以上版本，否则会卡在vue ui这个命令行这）2.3.4.5.选择你要选择的功能6.7.可以选择为预设，也可以不选择，这里看个人，安装好就是一下这个样子8.当我们要安装插件时把全部引入改为按需引入9.安装axios...
2020-05-17 15:15:21
691
原创 移动端Footer部分
移动端Footer部分注意：移动端首先要对字体进行换算，下面有两种方法1. html{font-size: 13.3333vw;} /* 100 除以 设计图 的百分之一 (vw) */ eg:设计图为750px，则100÷750=13.8888，此时100px=1rem，14px=.14rem2. html{font-size: 62.5% ;} /* 10 除以 字体的大小 ，10÷...
2020-05-05 21:30:11
493
原创 vue——组件传值
vue——组件传值1.父传子2.子传父3.兄弟传兄弟4.爷传孙1.父传子父->子props父子 使用场景: 电商 (松耦合)$parent 子抓父 使用场景: 通用组件（紧耦合) <子 :自定义属性="父数据"></..> 子组件: 选项 props:['自定义属性'] props:{自定义属性:{type/defaul...
2020-05-05 20:42:32
208
原创 Vue Router
Vue Router安装：npm install vue-router -S配置：1.在router文件夹下创建一个router.js2.router.js下import Vue from ‘vue’import VueRouter from ‘vue-router’Vue.use(VueRouter) 安装|注册到全局const router = new VueRouter({...
2020-04-16 11:50:37
200
原创 自定义指令（钩子函数）
自定义指令（钩子函数） 自定义指令: 指令是个函数|对象,用来操作dom的, 里面的this 返回window a)全局: Vue.directive('指令名不带v-',函数(el,binding)) el == 使用指令的DOM元素 binding 是个对象 含有传入的 参数(binding.value) b)局部: 定义在选项里面 direct...
2020-04-11 19:09:11
3564
原创 vue---样式操作
样式操作样式操作|属性绑定 v-bind:class="数据|属性|变量|表达式" :class/style = " 数据 " 数据类型：字符/对象 / 数组 :class="{类名:true,类名2:false}" 布尔值决定样式是否使用 :style="[{css属性名:值},{css属性名小驼峰：值}]" <div id="app"&...
2020-04-11 18:43:41
206
原创 v-show和v-if
v-show和v-if区别：v-show=“布尔”v-if=“布尔”操作css操作dom适合频繁切换适合不频繁切换初始渲染消耗频繁切换回有消耗 <div id="app"> <div v-show="bl">show</div> <div v-if="bl">if</...
2020-04-11 18:41:24
192
原创 计算属性computed和属性检测watch
计算属性和属性检测计算属性: 是一个函数,所依赖的元数据变化时，会再次执行，平时会缓存，是响应式的，需要在模板中渲染才可调用 computed:{ 计算属性: function(){return 返回值} 使用: {{计算属性}} } 与methods的区别: 方法会每次调用，计算属性不会，默认只调用一次 计算属性的性能高: 适合做筛选，基于它们的响应式依赖进行...
2020-04-11 18:30:42
289
原创 vue起步
vue起步插值表达式 | 指令 | 属性事件列渲v-for | 条渲v-showVUE是个MVVM框架（没完全遵循），即 M <-> VM <-> V先来介绍一下MVCmodel M 数据 ajax/jsonp/数据解析 可以复用view V 视图表现层 展示数据、创建元素，变色，运动 可以复用control C 控制层(串业务,事件...
2020-04-11 12:25:09
176
原创 vue的双向绑定
vue的双向绑定双向绑定： v-model: 创建双向数据绑定(M<->V) , 用在能生产数据的表单元素 input/radio/select/..... 绑定的是表单元素的 value值 checked 单向绑定模拟双向绑定: :value="...." model->view v-on:input="fn($event.value)" 输...
2020-04-11 12:08:50
131
原创 promise
promise概念：简单说promise就是一个容器，里面保存着某个未来才会结束的事件的结果，它可以获取异步操作的信息三种状态（只有异步操作的结果，可以决定当前是哪一种状态，任何其他操作都无法改变这个状态，即—不受外界影响和不可逆）：Pending（进行中）Resolved（已完成，又称 Fulfilled）Rejected（已失败） //注意：promise是全部都成功时才成功...
2020-04-09 12:36:16
129
原创 闭包
闭包localStoragesessionStorage区别：cookie：文本、大小4kb、数量限制为50条、会话级（非永久存储）、不允许跨域、跟随http发送至服务器localStorage:文本、大小5M、永久存储、不允许跨域、不跟随http发送至服务器sessionStorage:文本、大小5M、会话级（非永久存储）、不允许跨域、不跟随http发送至服务器localStora...
2020-04-07 19:05:33
129
原创 本地存储---localStorage和sessionStorage
本地存储---localStorage和sessionStoragelocalStoragesessionStorage区别：cookie：文本、大小4kb、数量限制为50条、会话级（非永久存储）、不允许跨域、跟随http发送至服务器localStorage:文本、大小5M、永久存储、不允许跨域、不跟随http发送至服务器sessionStorage:文本、大小5M、会话级（非永久存储）...
2020-04-05 19:53:48
340
原创 cookie
cookie通信协议： IP地址：互联网上所有设备的唯一地址 TCP：面向连接的协议（可靠，又称三次握手，应答式-》即一应一回，无法保证数据发送的顺序及准确率） UDP：面向数据的协议（不可靠，发送后不知道对方是否收到） HTTP：超文本传输协议，网页传输协议，用于浏览器和服务器（特点：无状态协议，记性差） cookie：会话跟踪技术（）本地存储，解决http记不住状态的问题coo...
2020-04-04 16:10:22
250
原创 回调函数
回调函数当一个函数A作为参数传给另一个函数B，在函数B中被执行，这个函数A叫做回调函数function fn(a){ var num = 999; a(num);}fn(function(n){ console.log(n); //999})...
2020-04-04 12:39:44
129
原创 作用域
作用域当前作用域（参数）->父级作用域-> … ->全局作用域->抛出错误1.var a = 10;function fn(){ var a = 20; console.log(a); //20}fn();console.log(a); //10var a = 10;function fn(){ //相当于全局 a = 20; con...
2020-04-03 15:33:19
207
原创 jsonp
jsonp我们知道ajax是实现前后端数据交互，但如果遇到不同域名呢？这就要想到我们的jsonp了发生跨域的情况：1.当本机请求服务器上数据的时候2.当本地服务器请求其它服务器数据的时候跨域：同源策略：基于浏览器的安全考虑，浏览器各个厂商之间出现了一个约定，这个约定叫做同源策略。这个约定的主要内容就是，域和域之间数据不共通。 同源是指：同协议、同域名、同端口jsonp跨域原...
2020-04-03 14:16:45
151
原创 ajax
ajaxajax是前后端数据交互的桥梁，可以实现无刷新状态更新页面同步和异步： 同步：不执行完上面的代码，下面的代码就执行不了，一步一步执行。 异步：可以一起执行的代码（计时器，事件）程序，进程和线程： 程序：功能 进程：一个功能从开始执行到执行结束是一个进程 线程：在一个进程的开始到结束的过程中的多条分支 js：单线程，使用异步，模拟除了多...
2020-04-02 19:49:27
136
原创 瀑布流 + 无限加载效果
瀑布流效果缺点：影响性能主要实现步骤：1.区分第一行和后面的行2.第一行浮动3.获取第一行所有的高度4.找到最小高度的图片5.后面进行定位6.定位到上一行最矮图片的位置下7.修改当前最小值（后面的图片一次加上最矮图片的高度）8.从步骤4开始循环//css .cont{margin:0 auto;position: relative;} /* 这里不用margin是因为of...
2020-03-27 13:51:41
428
原创 放大镜效果
放大镜效果//css #box_l {width: 400px;height: 450px;border:1px solid #000;position: absolute;left: 50px;top: 100px;} #box_l img{width: 400px;height: 450px;} #box_l span{background:rgba(200,200,200,0.6);...
2020-03-26 14:31:17
206
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人