前端
IT__zz
这个作者很懒,什么都没留下…
展开
-
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 评论 -
浅谈js防抖和节流
浅谈js防抖和节流防抖和节流严格算起来应该属于性能优化的知识,但实际上遇到的频率相当高,处理不当或者放任不管就容易引起浏览器卡死。所以还是很有必要早点掌握的。(信我,你看完肯定就懂了)从滚动条监听的例子说起先说一个常见的功能,很多网站会提供这么一个按钮:用于返回顶部。这个按钮只会在滚动到距离顶部一定位置之后才出现,那么我们现在抽象出这个功能需求–监听浏览器滚动事件,返回当前滚条与顶部的距离这个需求很简单,直接写:function showTop () { var scrollTop转载 2020-08-31 21:56:12 · 211 阅读 · 0 评论 -
百家云移动端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 · 860 阅读 · 0 评论 -
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 阅读 · 0 评论 -
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 阅读 · 0 评论 -
一则无厘头的日记
感想今天也没啥可说的,就是想当成日记记录一下自己的心情!其实每天都不知道忙什么,一天天就过去了,到头来感觉啥也没干,想调整一下心情,彻底的放松一下,但是却不知道该怎么做,感觉最近有些昏昏沉沉的,不知该如何调整,好像迷失了自我,团队协作,又没有担当起自己的责任,也不知该怎么相处,从前管理团队,除了每天无休止的应酬以外,团队中也没这么多糟糕的事情。其实有时候真想辞去职位,无官一身轻,但又觉得自己还能再坚持坚持,可是到头来还是糟糕,突然觉得无从下手了,心累,又没有人能够去诉说,只能自己硬抗,累,真的心累!原创 2020-08-21 22:46:08 · 156 阅读 · 0 评论 -
vue简介的小小兵
vue简介一、渐进式框架Vue什么是渐进式框架。vue官网说:Vue.js(读音 /vjuː/,类似于 view) 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。渐进式我个人理解就是阶梯式向前。vue是轻量级的,它有很多独立的功能或库,我们会根据我们的项目来选用vue的一些功能。就像我们开发项目时如果只用到vue的声明式渲染,我就只用vue的声明渲染,而我们要用他的组件系统,我们可以引用它的组件系统。vue的渐进式表现为:声明式渲染——组件系统——原创 2020-08-20 20:09:55 · 227 阅读 · 0 评论 -
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 阅读 · 0 评论 -
webpack入门教程学习
webpack入门什么是WebPack,为什么要使用它?为什要使用WebPack现今的很多网页其实可以看做是功能丰富的应用,它们拥有着复杂的JavaScript代码和一大堆依赖包。为了简化开发的复杂度,前端社区涌现出了很多好的实践方法模块化,让我们可以把复杂的程序细化为小的文件;类似于TypeScript这种在JavaScript基础上拓展的开发语言:使我们能够实现目前版本的JavaScript不能直接使用的特性,并且之后还能转换为JavaScript文件使浏览器可以识别;Scss,less等C原创 2020-08-17 20:49:36 · 148 阅读 · 0 评论 -
微信小程序常见的几种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 · 4713 阅读 · 1 评论 -
微信小程序自定义组件及传值,自定模块
微信小程序自定义组件及传值,自定模块今天试着在做小程序项目开发,遇到一些公用的模块就顺便使用了自定义的模板和自定义组件,渲染模板数组的时候遇到了一些问题 ,然后总结一下:首先先说一下自定义模板:// template.wxml<template name="primary"> <button class='btn-class' type='primary'>{{button.con}}</button></template><templat原创 2020-08-07 00:27:28 · 1092 阅读 · 0 评论 -
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 阅读 · 0 评论 -
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 阅读 · 0 评论 -
左右实现滑动
左右实现滑动home页面:<template> <div class="home"> <!-- 左边 --> <div class="home_left"> <div v-for="(item, index) in list" :key="index" :class="[{left_item_active:currentIndex === index},'left_item']" @click=原创 2020-06-10 16:45:59 · 402 阅读 · 0 评论 -
关于Redux的简单介绍
前言其实有很多东西都忘了,今天也是用到了,所以就想记录一下,再找的时候不用那么麻烦!什么是ReduxRedux是一个流行的JavaScript框架,为应用程序提供一个可预测的状态容器,说白了就是一个用来储存数据,更改状态的框架注意:(在标准的MVC框架中,数据可以在UI组件和存储之间双向流动,而Redux严格限制了数据只能在一个方向上流动。也就是说Redux是单页面应用)Redux安装...原创 2020-02-24 17:11:59 · 229 阅读 · 0 评论 -
关于react路由的介绍
关于react路由的介绍《【风萧萧兮易水寒,壮士一去兮不复还】》不知不觉想起了这句诗,今天圣诞节,祝大家圣诞节快乐!来看正文:安装react-router-dom要是用react路由就必须要安装react-router-dom在项目命令行中,执行cnpm install react-router-dom -S...原创 2019-12-25 14:50:17 · 340 阅读 · 0 评论 -
使用React实现TodoList实现增删改查
使用React实现TodoList实现增删改查TodoList编写思路React --》 组件 --》 3大属性(props,state,refs)TODOList,数据增删改查的操作思路:1、UI界面怎么实现;UI(User Interface)2、功能代码实现:(1)添加数据(2)查询数据,展示(3)删除数据(4)修改数据3、数据持久化操作localStorag...原创 2019-12-24 19:11:59 · 1687 阅读 · 2 评论 -
react 父子组件,兄弟组件传值
react 父子组件传值前言:昨天学习了class,今天开始学组件传值了,说真的,我这都学第二遍了还是没有绕过来(笑哭 哭笑 笑出眼泪 破涕为笑 笑死 笑尿 笑cry)所以我赶紧跑过来写到这里,跟小伙伴们一起学习一下,也能更好的加深一下印象,废话不多说,下面就让我们开始吧!【先来看一下父传子:】父组件传值子组件父组件代码 ...原创 2019-12-20 19:09:03 · 233 阅读 · 0 评论 -
Class的使用,构造方法,实例属性和实例方法,静态属性和静态方法,this和super关键字,类的继承
Class的使用,构造方法,实例属性和实例方法,静态属性和静态方法,this和super关键字,类的继承*[ 直接进入主题,尽量为大家梳理清晰一些]:1.什么是classES6 提供了更接近传统语言的写法,引入了 Class(类)这个概念,作为对象的模板。通过class关键字,可以定义类。基本上,ES6 的class可以看作只是一个语法糖,它的绝大部分功能,ES5 都可以做到,新的clas...原创 2019-12-18 20:58:27 · 320 阅读 · 0 评论 -
js简单案例(js 如何计算前一天,后一天 - CSDN博客)
js简单案例(js 如何计算前一天,后一天 - CSDN博客)前言:今天我们学习了一个简单的小案例,忍不住想要分享给大家,也为了让自己印象更深刻一些,下面就跟我来学习一下吧!1、HTML页面显示<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <...原创 2019-12-17 19:37:48 · 308 阅读 · 0 评论 -
JAVASCRIPT基础初学
JavaScript心得总结前言很多小伙伴对于javascript应该有一定的了解,我也是第一次开始写博客,就想通过这个平台用自己前端时间所学的javascript基础了解为大家洗一下脑(笑哭 哭笑 笑出眼泪 破涕为笑 笑死 笑尿 笑cry),希望能为初学者得到一些帮助!JavaScript的概念JavaScript是基于对象,事件驱动机制,运行在浏览器客户端的一门脚本语言特点1.动态...原创 2019-12-16 19:07:34 · 130 阅读 · 0 评论