- 博客(48)
- 收藏
- 关注
RSS订阅转载 Win10下 Java环境变量配置
Win10下 Java环境变量配置首先，你应该已经安装了 Java 的 JDK 了（如果没有安装JDK，请跳转到此网址：http://www.oracle.com/technetwork/java/javase/downloads/index-jsp-138363.html）笔者安装的是 jdk-8u91-windows-x64接下来主要讲怎么配置 Java 的环境变量，也是为了以后哪天自己忘记了做个备份（注：win10的Java环境变量配置和其他的windows版本稍有不同）在电脑桌面 右键点击
2021-03-03 12:48:38
6635
2
转载 前端性能部分优化
前端性能的优化总结前端性能优化可以分为两大类分别是页面级别优化包含了http请求数以及内联脚本位置优化，代码级别的优化包含DOM操作优化，CSS选择符优化以及图片优化等前端里面包含的内容是丰富的，它包括HTML，CSS以及JS和图片等各种各样的资源。因此前端优化是复杂的和必要的，接下来在文章中为大家介绍前端性能优化的方法，具有一定的参考作用，希望对大家有所帮助。优化的目的优化的目的在于让页面加载的更快，对用户操作响应更及时，为用户带来更好的用户体验，对于开发者来说优化能够减少页面请求数，能够节省资源
2020-09-24 20:28:42
210
转载 WEB前端兼容问题处理
WEB前端兼容问题处理HTML对象获取问题FireFox：document.getElementById(“idName”);ie:document.idname或者document.getElementById(“idName”).解决办法：统一使用document.getElementById(“idName”);const问题说明:Firefox下,可以使用const关键字或var关键字来定义常量;IE下,只能使用var关键字来定义常量.解决方法：统一使用var关键字来定义常量
2020-09-23 21:33:55
250
转载 函数防抖和节流
函数防抖和函数节流概念函数防抖（debounce）函数防抖，就是指触发事件后在 n 秒内函数只能执行一次，如果在 n 秒内又触发了事件，则会重新计算函数执行时间。简单的说，当一个动作连续触发，则只执行最后一次。打个比方，坐公交，司机需要等最后一个人进入才能关门。每次进入一个人，司机就会多等待几秒再关门。函数节流（throttle）限制一个函数在一定时间内只能执行一次。举个例子，乘坐地铁，过闸机时，每个人进入后3秒后门关闭，等待下一个人进入。函数防抖的应用场景连续的事件，只需触发一次回调的
2020-09-22 22:33:30
152
原创 微信小程序支付流程
微信小程序支付流程闲话不多说，先来简单的梳理一下微信小程序的支付流程：上面呢是一张支付流程图，我们跟句上面的图片来进行讲解：首先用户下单，点击按钮就会去发起一个请求道后端服务器，下单前要进行登录操作，在后台发起一个登录操作。然后由我的后台登录访问到去请求微信的后台，得到一个openId。得到openId之后的话才能去进行支付功能，然后再自己的后台去生成一个商户订单，商户订单要定义：支付类型，金额，我是谁（openId），商户Id，当然在做这个订单的时候还要进行一些加密操作，经过一系列的加密之
2020-09-21 21:58:02
2161
转载 vue配置node环境
vue配置node环境今天呢，有个刚刚入职的新人，然后组长让他熟悉公司代码，但是呢，给了他一台没有配置好的狄电脑，什么都没有配置，他也不敢问，然后我正好在跟他聊天，看他着急的样子，我就问他遇到了什么问题吗？她就跟我说第一天到公司，紧张的把vue配置node环境给忘了，当时一愣，随后就释怀了，然后就开始给他找相关的配置，让他跟着步骤开始配置，我心想说不定什么时候我也就忘了，所以呢就打算写一篇博客，来纪录。第一步：安装node.js第二步：改变npm本地仓库目录第三步：配置淘宝镜像站第四步：安装vue
2020-09-18 21:28:37
3616
转载 页面添加动态小人
页面添加动态小人为了美化浏览界面，我们可以使用博客第三方小人插件我们只需要将以下代码添加到页面里（支持HTML代码） （支持 JS 代码）就可以实现博客里面的小人效果了<script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script> <!--小帅哥： https://unpkg.com/live2d-wid
2020-09-17 21:09:26
5545
1
原创 字符串的方法
字符串的方法先定义一个字符串 var str = “abbcalgldkjgldgehlgjldf”;1，indexOf()，返回指定字符创第一次出现的位置str.indexOf('a') //结果是012，lastIndexOf()，返回指定字符串最后一次出现的位置。str.lastIndexOf('f') //结果是2213，substring()，提取字符串中两个指定索引号之间的字符（两个索引不能为负值）str.substring(0,5) //结果是abbca14，sl
2020-09-16 21:53:19
232
原创 总结H5常见问题（二）
标题HTML5测试（五）1、哪个元素表示外部资源？ 外部资源由 元素表示，该元素可以被视为图像、嵌套的浏览上下文或插件要处理的资源。它包括各种属性，如存档、边框、分类、代码库、代码类型等A、B、C、D、答案：A外部资源由 元素表示，该元素可以被视为图像、嵌套的浏览上下文或插件要处理的资源。它包括各种属性，如存档、边框、分类、代码库、代码类型等2、哪个元素指定多个媒体资源？A、B、C、D、答案：B 元素为 、 和 元素指定多个媒体资源3、哪个元素不是脚本元素？A、B、
2020-09-15 19:22:04
255
原创 总结H5常见问题
常见的H5问题1、input 元素中，下列哪个类型属性定义了输入电话号码的控件？A、mobB、telC、mobileD、telephone答案：B具有 type 属性的 input 元素，其值为 “tel”，表示用于输入电话号码的单行纯文本编辑控件 2、哪个元素表示用于生成公钥-私钥对的控件？A、insB、keygenC、keyD、command答案：B 标签规定用于表单的密钥对生成器字段。当提交表单时，私钥存储在本地，公钥发送到服务器。 3、哪个元素
2020-09-14 19:34:44
563
原创 懒加载和预加载
1、懒加载1.什么是懒加载？懒加载也就是延迟加载。当访问一个页面的时候，先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径（这样就只需请求一次，俗称占位图），只有当图片出现在浏览器的可视区域内时，才设置图片正真的路径，让图片显示出来。这就是图片懒加载。2.为什么要使用懒加载？很多页面，内容很丰富，页面很长，图片较多。比如说各种商城页面。这些页面图片数量多，而且比较大，少说百来K，多则上兆。要是页面载入就一次性加载完毕。估计大家都会等到黄花变成黄花菜了。3.懒加载的原理是
2020-09-11 18:58:54
174
原创 水平垂直居中十种方法
总结水平垂直居中十种方法第一种：**通过绝对定位的方式 absolute + 负margin 首先知道子元素的宽高，给子元素设置top：50%；left：50%，但绝对定位是基于子元素的左上角，我们所希望的效果是子元素的中心居中显示。。。。借助外边距的负值，负的外边距可以让元素向相反方向定位， 通过指定子元素的外边距为子元素宽度一半的负值，就可以让子元素居中了优点：**比较好理解，兼容性好缺点：**需要知道子元素的宽高第二种：**也是通过绝对定位的方式 absolute + m
2020-09-09 19:05:44
466
原创 keep-alive是什么
keep-alive是什么？keep-alive 标签：是Vue的内置组件，能在组件切换过程中将状态保留在内存中，取消组件的销毁函数，防止重复渲染DOM。当用它包裹 时，会缓存不活动的组件实例，而不是销毁它们。和 相似，它自身不会渲染一个 DOM 元素。使用 组件后即可使用 activated() 和 deactivated() 这两个生命周期函数应用场景？例如我们将某个列表类组件内容滑动到第100条位置，那么我们在切换到一个组件后再次切换回到该组件，该组件的位置状态依旧会保持在第100条列
2020-09-08 14:00:15
323
原创 ES6复习（续）
ES6复习（续）一、解构赋值解构赋值是对赋值运算符的扩展。他是一种针对数组或者对象进行模式匹配，然后对其中的变量进行赋值。在代码书写上简洁且易读，语义更加清晰明了；也方便了复杂对象中数据字段获取。构的源，解构赋值表达式的右边部分。解构的目标，解构赋值表达式的左边部分。变量解构赋值（数组解构）let nameArr = ['撩课', '小撩', '小煤球'];let name1 = nameArr[0];let name2 = nameArr[1];let name3 = na
2020-09-07 21:35:13
124
原创 asayc和await
asayc和await1.asayc的用法，它作为一个关键字放到函数前面，这样普通函数就变为了异步函数2.异步async函数调用，跟普通函数的使用方式一样3.异步async函数返回一个promise对象4.async函数配合await关键字使用(阻塞代码往下执行)是异步方法，但是阻塞式的使用场景async主要来处理异步的操作，需求：执行第一步，将执行第一步的结果返回给第二步使用。在ajax中先拿到一个接口的返回数据，后使用第一部返回的数据执行第二步操作的接口调用，达到异步操作。模拟出一个摇
2020-09-03 20:44:47
306
原创 js相关知识
js相关知识一、闭包闭包是由什么构成闭包=函数+词法作用域词法作用域：即以变量声明定义的位置为参照，如果当前位置没有定义，就会访问父级定义的位置广义上闭包：var a=1000;function fn1() { alert(a)}fn1()平时工作中用到的闭包狭义上闭包：1.函数内嵌套函数2.子函数引用了父函数的相关变量特点：长期驻留内存*闭包应用场景和实现/求和function makeAdd(x) { return function(
2020-09-02 22:51:26
129
2
原创 slot 基本用法
1 、slot 基本用法插槽指允许将自定义的组件像普通标签一样插入内容import Vue from 'vue'// 定义组件componentOne const compoentOne = { template: ` <div :style="style1"> <slot></slot> // 定义插槽 </div> `, data () { return
2020-09-01 20:36:31
2262
转载 浅谈js防抖和节流
浅谈js防抖和节流防抖和节流严格算起来应该属于性能优化的知识，但实际上遇到的频率相当高，处理不当或者放任不管就容易引起浏览器卡死。所以还是很有必要早点掌握的。（信我，你看完肯定就懂了）从滚动条监听的例子说起先说一个常见的功能，很多网站会提供这么一个按钮：用于返回顶部。这个按钮只会在滚动到距离顶部一定位置之后才出现，那么我们现在抽象出这个功能需求–监听浏览器滚动事件，返回当前滚条与顶部的距离这个需求很简单，直接写:function showTop () { var scrollTop
2020-08-31 21:56:12
211
翻译 百家云移动端h5点播SDK
模拟每时每课视频点播看到一篇这样的文章，接的挺有用的，所以也就借鉴过来，记录下来！百家云移动端h5点播SDK//1.每时每刻获取视频token的接口https://www.365msmk.com/api/app/getPlayToken?//2.请求方式:get,参数:video_id,course_id(缺一不可) // 3.请求成功,后台返回数据 //"video_id": "30929518",//"token": "SzhS27mVH0RIlF1IqyCkYoBOQkioPWCt
2020-08-28 19:07:52
859
转载 vue模拟实现拍照功能
vue模拟实现拍照功能流程:上传图片设置头像更新头像模拟案例：1. 上传文件表单：<input type="file" accept="image/*" capture="camera" >type="file" 上传文件表单 2. accept="image/*" 上传文件类型capture="camera" 使用手机摄像头拍摄2. 请求参数为FormData 类型new FormData()let formData = new FormData()
2020-08-27 21:56:00
1026
原创 vue token验证
vue token验证在前后端完全分离的情况下，Vue项目中实现token验证大致思路如下：1、第一次登录的时候，前端调后端的登陆接口，发送用户名和密码2、后端收到请求，验证用户名和密码，验证成功，就给前端返回一个token3、前端拿到token，将token存储到localStorage和vuex中，并跳转路由页面4、前端每次跳转路由，就判断 localStroage 中有无 token ，没有就跳转到登录页面，有则跳转到对应路由页面5、每次调后端接口，都要在请求头中加token6、后端判断
2020-08-26 22:30:57
314
原创 vuex中的数据持久化功能
vuex数据持久化vuex结合localStorage实现状态持久化1 . 安装npm install vuex-persistedstate2 . 在store.js里import createPersistedState from 'vuex-persistedstate'const state = { user:{},}export default new Vuex.Store({ state, getters, actions, mutati
2020-08-24 20:43:43
2258
原创 刚入行的小白吐槽压力
心得分享时间：2020年8月23日，地点：北京，天气：早上多云，晚上小雨又是无聊的一天，人生路上总是遇到各种各样的事情，各种各样的人，有开心，有烦心，有难过，生活会让你尝尽酸甜苦辣，品尽人情世故，世态炎凉，但是你却没有办法逃脱，只能尽情的发挥出自己所能，面对，拼尽全力，战胜。说的挺好，又有多少人能够做到，大多数只是随波逐流。坚信自己的信念感觉好难，可是为了生活，只能顶着压力，继续前行！！！最后呢，虽然心情不是特别好，也吐槽了一下一下，但是还是没忘记正事，我在查看资料的时候呢，看到一个关于音乐的案
2020-08-23 19:54:13
385
原创 一则无厘头的日记
感想今天也没啥可说的，就是想当成日记记录一下自己的心情！其实每天都不知道忙什么，一天天就过去了，到头来感觉啥也没干，想调整一下心情，彻底的放松一下，但是却不知道该怎么做，感觉最近有些昏昏沉沉的，不知该如何调整，好像迷失了自我，团队协作，又没有担当起自己的责任，也不知该怎么相处，从前管理团队，除了每天无休止的应酬以外，团队中也没这么多糟糕的事情。其实有时候真想辞去职位，无官一身轻，但又觉得自己还能再坚持坚持，可是到头来还是糟糕，突然觉得无从下手了，心累，又没有人能够去诉说，只能自己硬抗，累，真的心累！
2020-08-21 22:46:08
156
原创 vue简介的小小兵
vue简介一、渐进式框架Vue什么是渐进式框架。vue官网说：Vue.js（读音 /vjuː/，类似于 view） 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。渐进式我个人理解就是阶梯式向前。vue是轻量级的，它有很多独立的功能或库，我们会根据我们的项目来选用vue的一些功能。就像我们开发项目时如果只用到vue的声明式渲染，我就只用vue的声明渲染，而我们要用他的组件系统，我们可以引用它的组件系统。vue的渐进式表现为：声明式渲染——组件系统——
2020-08-20 20:09:55
227
原创 Vue自动判断开发环境与生产环境的接口地址并实现切换
Vue自动判断开发环境与生产环境的接口地址并实现切换在开发项目时请求数据经常会遇到跨域问题，还好使用vue配置反向代理还是很简单好用的，但是在项目要进行打包上线时会遇到一个问题，反向代理只适用于开发环境下，生产环境是不支持的，也就是说如果不对接口进行处理的话是会报错的，那么我们应该如何解决这个问题呢？一.config文件夹下dev.env.js中开发环境下使用了反向代理解决跨域问题module.exports = merge(prodEnv, { NODE_ENV: '"developm
2020-08-19 20:34:35
2436
4
原创 重新熟悉vue（安装和介绍目录）
重新熟悉vue（安装和介绍目录）一、安装node环境1、下载地址为：https://nodejs.org/en/2、检查是否安装成功：如果输出版本号，说明我们安装node环境成功3、为了提高我们的效率，可以使用淘宝的镜像：http://npm.taobao.org/输入：npm install -g cnpm –registry=https://registry.npm.taobao.org，即可安装npm镜像，以后再用到npm的地方直接用cnpm来代替就好了。检查是否安装成功：二、搭
2020-08-18 22:40:52
173
原创 webpack入门教程学习
webpack入门什么是WebPack，为什么要使用它？为什要使用WebPack现今的很多网页其实可以看做是功能丰富的应用，它们拥有着复杂的JavaScript代码和一大堆依赖包。为了简化开发的复杂度，前端社区涌现出了很多好的实践方法模块化，让我们可以把复杂的程序细化为小的文件;类似于TypeScript这种在JavaScript基础上拓展的开发语言：使我们能够实现目前版本的JavaScript不能直接使用的特性，并且之后还能转换为JavaScript文件使浏览器可以识别；Scss，less等C
2020-08-17 20:49:36
148
原创 微信小程序 --- wxs简单了解
微信小程序 — wxs今天朋友请求接口的时候遇到了这样的图片路径，（如下图），正好我也不知道就让他们给我讲了一下，大致清楚了，然后就提到了wxs，那么到底什么是wxs呢？闲来看一下问题和解决方法，然后再来了解：一、遇到的问题二、解决办法三、wxs文件是干哈用的？大致上百度查了一下，也就是一个过滤文本的，具体的也不是太了解，也都是说的模棱两可。可以创建wxs文件，用来写一些方法，通过module.exports暴露出去，这样就可以被别的wxs文件或定义为标签来引入。四、wxs模块 模块只能在
2020-08-14 23:04:10
737
原创 错题整理（小试牛刀）
错题总结一、以下代码输出：<ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li></ul><script> var elements = document.getElementsByTagName("li"); for (var i=0;i<elements.length;i++){
2020-08-13 23:17:53
245
原创 微信小程序登录授权
微信小程序登录授权1、 获取用户信息 通过微信的按钮button 的开放能力进行授权// 复制代码<button type=" primary" open-type="getuserInfo" bindgetuserinfo=" getuserInfo" >微信授权登录</button> //open-type微信按钮的开放能力的类型//bindgetuserinfo 回调函数 事件内的参数就是用户授权后的信息 //获取用户信息按钮的事件getUserInfo(e
2020-08-11 23:59:52
955
原创 微信小程序简单实现api封装
微信小程序简单实现api封装今天学习了小程序里的api封装，然后在这里赶紧总结一下，以后忘了的话就可以看看，也算是对自己的一种总结！思路首先，新建一个http文件，然后再http文件里新建一个env.js文件来配置环境，例如：代码如下//env.jsmodule.exports={ //开发环境 dev:{ baseUrl:'http://127.0.0.1:8080' }, //生产环境 prod:{ baseUrl:'https://api.it120.c
2020-08-10 20:04:05
874
原创 微信小程序授权登录
微信小程序开发用户授权登录用wx.login获取登录凭证code<!--pages/user/index.wxml--><view hidden='{{boolean}}'> <view wx:if="{{isLogin == 1}}"> <!-- 个人信息 --> <view class='infomation'> <!-- 基本信息 --> <view class="gameTitle">
2020-08-09 01:08:17
365
原创 微信小程序常见的几种UI组件库
微信小程序UI组件库在讲组件库之前呢，先带一个属性，用要就是用于复用组件之间相同的方法Behavior：相当于vue的mixins React中类似于HOC// my-behavior.jsmodule.exports = Behavior({ behaviors: [], properties: { myBehaviorProperty: { type: String } }, data: { myBehaviorData: {} },
2020-08-07 22:47:28
4712
1
原创 微信小程序自定义组件及传值，自定模块
微信小程序自定义组件及传值，自定模块今天试着在做小程序项目开发，遇到一些公用的模块就顺便使用了自定义的模板和自定义组件，渲染模板数组的时候遇到了一些问题 ，然后总结一下：首先先说一下自定义模板：// template.wxml<template name="primary"> <button class='btn-class' type='primary'>{{button.con}}</button></template><templat
2020-08-07 00:27:28
1092
原创 微信小程序（续集）
微信小程序（续集）今天上午呢，我又复习了我一下昨天所学的微信小程序的一些步骤，还有就是有学习了一些新的东西，那么就开始总结起来吧！一、微信小程序开发目录说明pages项目开发目录 相当于vue脚手架中的src目录一个完整的小程序页面包括4部分：1. xxx.wxml :模板页面（也称视图，类似于html） 常用标签： view:相当于div button:按钮 image:嵌入图像 类似于img text:添加文本 相当于span block:标签一个组织区域，
2020-08-06 00:30:34
228
原创 微信小程序开发 入门原理
微信小程序开发 入门今天简单的了解了一下微信小程序开发，觉得挺不错的，目前入门不做太复杂的案例的话还是觉得简单的，然后想着赶紧加深一下印象，就赶紧过来梳理一下！废话不多说了，开始我们今天的总结！小程序简介小程序是一种全新的连接用户与服务的方式，它可以在微信内被便捷地获取和传播，同时具有出色的使用体验。小程序技术发展史微信小程序，小程序的一种，英文名Wechat Mini Program，是一种不需要下载安装即可使用的应用张小龙发布时间2017年1月9日小程序并非凭空冒出来的一个概念。当微信
2020-08-04 21:52:12
340
原创 vue+vuex实现响应式布局加购物车简单案例
哈喽，我又来了，vue想必大家都用的挺多的，所以，今天就用vue和vuex来写一个案例，那么，闲话不多说，我们就开始吧！在写之前，想必大家对购物车这一电商案例会有很多的经历吧，那今天就写个购物车案例吧！为了增加点难度，我会加入响应式布局，代码如下：//home<template> <div class="home"> <div class="home_header"> <div>admin</div> &l
2020-07-25 17:40:52
879
2
原创 搜索历史，热门搜索，高亮
搜索历史相关今天来写一篇关于input框的博客，一个简单的案例，希望能够帮助你们！！！废话不多说，直接见代码·····<template> <div class="home"> <!-- 顶部 --> <div class="home-header-container"> <div class="home-header-img"> <img src="../assets/search.png
2020-06-17 09:03:38
220
原创 vue实现简单的tab跳转和跳转详情页
废话不多说，直接上代码：home页面：<template> <div class="home"> <div class="header-continer"> <div class="header-wrapper"> <Header v-for="(item,index) in headelist " :key="index" :item="item"
2020-06-10 16:52:09
1294
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人