大前端
关注
分享
扫一扫
文章平均质量分 65
程序猿二鍋頭
卷起来！
展开
-
JQuery：从零开始的学习
JQuery基础jquery官网：https://jquery.com/download/1、关于生产版（min版）和开发板 生产版 compressed, production jQuery 压缩后的。用于生产环境的版本 去掉了所有的 不影响使用的代码和空格、换行等等 保证jQuery文件的最小 function some(username,password){ console.log(username,password); } function a(b,原创 2021-01-23 22:23:12 · 167 阅读 · 0 评论 -
es6:箭头函数
箭头函数基本使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script> //箭头函数：也是一种定义函数的方式 //1.定义函数的方式:function const aaa = function () { }原创 2021-01-10 11:00:42 · 111 阅读 · 0 评论 -
前端技术ES6浅谈
自学参考：http://es6.ruanyifeng.com/一、ECMAScript 6 简介ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。1、ECMAScript 和 JavaScript 的关系一个常见的问题是，ECMAScript 和 JavaScript 到底是什么关系？要讲清楚这个问题，需要回顾历原创 2020-12-26 23:11:12 · 461 阅读 · 0 评论 -
es6块级作用域 let/var、const的使用、对象的增强写法
事实上var的设计可以看成JavaScript语言设计上的错误. 但是这种错误多半不能修复和移除, 以为需要向后兼容.大概十年前, Brendan Eich就决定修复这个问题, 于是他添加了一个新的关键字: let.我们可以将let看成更完美的var块级作用域JS中使用var来声明一个变量时, 变量的作用域主要是和函数的定义有关.针对于其他块定义来说是没有作用域的，比如if/for等，这在我们开发中往往会引起一些问题。<!DOCTYPE html>...原创 2020-11-17 22:54:05 · 158 阅读 · 0 评论 -
整合微信支付功能
一、课程支付功能需求描述原创 2021-02-23 00:16:43 · 522 阅读 · 0 评论 -
整合阿里云视频播放
一、阿里云视频播放测试一、获取播放地址播放获取播放地址参考文档：https://help.aliyun.com/document_detail/61064.html前面的03-使用服务端SDK介绍了如何获取非加密视频的播放地址。直接使用03节的例子获取加密视频播放地址会返回如下错误信息Currently only the AliyunVoDEncryption stream exists, you must use the Aliyun player to play or set t..原创 2021-02-20 22:18:11 · 7667 阅读 · 1 评论 -
vue学习记录day10：Vuex
Vuex是什么？官方解释：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用 集中式存储管理 应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具devtools extension，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。状态管理到底是什么？状态管理模式、集中式存储管理这些名词听起来就非常高大上，让人捉摸不透。其实，你可以简单的将其看成把需要多个组件共享的变.原创 2021-01-23 19:22:35 · 176 阅读 · 0 评论 -
vue学习记录day09：Promise的使用
什么是Promise呢？ES6中一个非常重要和好用的特性就是Promise但是初次接触Promise会一脸懵逼，这TM是什么东西？看看官方或者一些文章对它的介绍和用法，也是一头雾水。Promise到底是做什么的呢？Promise是异步编程的一种解决方案。那什么时候我们会来处理异步事件呢？一种很常见的场景应该就是网络请求了。我们封装一个网络请求的函数，因为不能立即拿到结果，所以不能像简单的3+4=7一样将结果返回。所以往往我们会传入另外一个函数，在数据请求成功时，将数据通过原创 2021-01-19 23:34:58 · 155 阅读 · 0 评论 -
Vue学习记录day08: axios
Axios为什么选择axios? 作者推荐和功能特点功能特点:在浏览器中发送 XMLHttpRequests 请求 在 node.js 中发送 http请求 支持 Promise API 拦截请求和响应 转换请求和响应数据支持多种请求方式:axios(config) axios.request(config) axios.get(url[, config]) axios.delete(url[, config]) axios.head(ur...原创 2021-01-16 18:21:53 · 207 阅读 · 0 评论 -
Vue学习记录day08：TabBar
TabBar实现思路原创 2021-01-12 23:18:42 · 84 阅读 · 0 评论 -
Vue学习记录day07：Vue-Router
路由1、说起路由你想起了什么？路由是一个网络工程里面的术语。 路由（routing）就是通过互联的网络把信息从源地址传输到目的地址的活动. --- 维基百科额, 啥玩意? 没听懂 在生活中, 我们有没有听说过路由的概念呢? 当然了, 路由器嘛.路由器是做什么的? 你有想过吗?路由器提供了两种机制: 路由和转送.路由是决定数据包从来源到目的地的路径. 转送将输入端的数据转移到合适的输出端.路由中有一个非常重要的概念叫路由表. 路由表本质上就是...原创 2021-01-10 22:49:19 · 258 阅读 · 0 评论 -
Vue学习记录day06：前端模块化
为什么需要模块化？1.JavaScript原始功能在网页开发的早期，js制作作为一种脚本语言，做一些简单的表单验证或动画实现等，那个时候代码还是很少的。那个时候的代码是怎么写的呢？直接将代码写在<script>标签中即可随着ajax异步请求的出现，慢慢形成了前后端的分离客户端需要完成的事情越来越多，代码量也是与日俱增。为了应对代码量的剧增，我们通常会将代码组织在多个js文件中，进行维护。但是这种维护方式，依然不能避免一些灾难性的问题。比如全局变量同名问题：看右..原创 2021-01-10 10:56:46 · 281 阅读 · 0 评论 -
nodejs浅谈
一、简介1、什么是Node.js简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。2、Node.js有什么用如果你是一个前端程序员，你不懂得像PHP、Python或Ruby等动态编程语言，然后你想创建自己的服务，那么Node.js是一个非常好的选择。Node.js 是运行在服务端的 JavaScript，如果你.原创 2020-12-27 11:46:37 · 167 阅读 · 0 评论 -
Vue学习记录day05：Vue组件化开发
组件 组件化的基本使用 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> <!-- 3.组件的基本使用--> <my-cpn></my-cpn></di原创 2020-12-09 14:49:23 · 285 阅读 · 0 评论 -
Vue学习记录day04：js高级函数（filter/map/reduce）的使用、v-model的使用
js高级函数（filter/map/reduce） 编程范式： 命令式编程/声明式编程 编程范式： 面向对象编程(第一公民：对象)/函数式编程(第一公民：函数) 编程范式详情可查看：https://www.cnblogs.com/sirkevin/p/8283110.html filter filter中的回调函数有一个要求：必须返回一个boolean值true：当返回true时，函数内部会自动将这次回调的n加入到新的数组中false:当返回false时，函数内部会过滤掉这次的.原创 2020-12-09 11:49:17 · 331 阅读 · 1 评论 -
Vue学习记录day03：条件判断、循环遍历、书籍购物车案例
条件判断：v-if的使用： v-if和v-else的使用： v-if和v-else-if和v-else的使用 用户登录切换的案例： v-show的使用：循环遍历：v-for遍历数组： v-for遍历对象： v-for使用过程添加key： 哪些数组的方法是响应式的： 因为Vue是响应式的，所以当数据发生变化时，Vue会自动检测数据变化，视图会发生对应的更新。 Vue中包含了一组观察数组编译的方法，使用它们改变数组也会触发视图的更新。 <div id="a..原创 2020-11-21 21:00:55 · 269 阅读 · 0 评论 -
Vue学习笔记day02：计算属性、事件监听、点击列表中的哪一项，那么该项的文字变成红色案例
事件监听：v-on的基本使用： v-on的参数问题：<div id="app"> <!--1.事件调用的方法没有参数--> <button @click="btn1Click()">按钮1</button> <button @click="btn1Click">按钮1</button> <!--2.在事件定义时，写函数时省略了小括号，但是方法本身是需要一个参数的--><!-- <but原创 2020-11-21 20:47:15 · 220 阅读 · 0 评论 -
Vue学习笔记day01：插值的操作、动态绑定属性
插值操作： mustache：语法： <!--mustache语法中，不仅仅可以直接写变量，也可以写简单的表达式--> <h2>{{firstName + lastName}}</h2> <h2>{{firstName + ' ' + lastName}}</h2> <h2>{{firstName}} {{lastName}}</h2> <h2>{{counter * 2}}<原创 2020-11-21 20:28:14 · 188 阅读 · 0 评论 -
Vue中的MVVM
View层： 视图层 在我们前端开发中，通常就是DOM层。 主要的作用是给用户展示各种信息。Model层：数据层 数据可能是我们固定的死数据更多的是来自我们服务器，从网络上请求下来的数据。 在计数器的案例中，就是后面抽取出来的obj，当然，里面的数据可能没有这么简单。VueModel层：视图模型层 视图模型层是View和Model沟通的桥梁。 一方面它实现了DataBinding ,也就是数据绑定，将Model的改变实时的反应到View中 另一方面它实现了DOM Listen.原创 2020-11-10 23:00:26 · 214 阅读 · 0 评论 -
h5 页面多张图片打印功能
最近在公司项目中，页面有个打印功能。需要打印所有的图片。前端window.print()前端vue代码：<!-- start --><!-- end --> 是指：要打印的地方<div class="check-group"> <el-checkbox-group v-model="checkedCities" @change="handleCheckedCitiesChange">原创 2021-04-25 16:07:21 · 1839 阅读 · 0 评论 -
通过js获取当天地区与天气信息
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>获取当天地区与天气信息</title> <script src="https://cdn.staticfile.org/jquery/3.5.1/jquery.min.js"></script> <script type="text/javascrip.原创 2021-01-29 15:23:38 · 2662 阅读 · 3 评论