随笔分类 - 前端开发
摘要：一、Generator函数简介 generator（生成器）是ES6标准引入的新的数据类型。一个generator看上去像一个函数，但可以返回多次。 ES6定义generator标准时借鉴了Python的generator的概念和语法。 1、理解Generator函数 Generator函数有多种理
阅读全文
摘要：Javascript语言的执行环境是“单线程”——一次只能完成一件任务，若有多个任务则必须排队，前面的任务完成，再执行后面的一个任务。 一、同步和异步 这种模式实现简单，执行环境也相对单纯，但如果某个任务耗时很长，后面的任务必须排队等候，会拖累整个程序运行。 为解决这个问题，javascript语言
阅读全文
摘要：一、HTML相关 前端介绍 HTML介绍 二、CSS相关 前端之CSS——CSS选择器 前端之CSS——盒子模型和浮动 前端之CSS——属性和定位 css3中@font-face模块自定义字体 CSS页面布局单位总结 三、JavaScript相关 JavaScirpt(JS)——js介绍及ECMAS
阅读全文
摘要：一、采集和发布本地的track 采集本地音视频轨这个操作涉及到 2 个模块 —— deviceManager 和 Track。 deviceManager：SDK的媒体设备管理模块，用于监听媒体设备变化及发起采集操作。 Track：采集方法的返回。Track模式下，所有可在页面上播放的媒体元素，都称
阅读全文
摘要：一、 七牛实时音视频云介绍 1、产品架构 客户端SDK：主要负责客户端的音视频采集、渲染、滤镜处理、编解码、传输等工作，客户可以快速集成到自己 App 中，让自己的应用具备音视频通话的能力。 支持 Android、iOS、Web ，集成 SDK 就可实现音视频的采集、编解码、渲染播放等工作。 服务端
阅读全文
摘要：一、绝对长度单位 绝对长度单位视借质而定，不依赖于环境（显示器、分辨率、操作系统等）。绝对长度单位相互之间是固定的，并固定在一些物理测量中。主要运用在输出环境已知的情况下。 绝对单位包括物理单位(pysical units：in, cm, mm, pt, pc, Q)和视角单位(visual ang
阅读全文
摘要：一、Qiniu-JavaScript-SDK介绍 基于 JS-SDK 可以方便的从浏览器端上传文件至七牛云存储，并对上传成功后的图片进行丰富的数据处理操作。 JS-SDK 兼容支持 H5 File API 的浏览器，在低版本浏览器下，需要额外的插件如 plupload，JS-SDK 提供了一些接口可
阅读全文
摘要：一、加入购物车的两种策略 1、加入购物车接口 在 src/restful/api.js 中写入添加购物车接口： 2、添加Axios的请求拦截器 Axios 的拦截器：在请求或响应被 then 或 catch 处理前拦截它们，说明文档：Axios使用说明。模板如下所示： 在项目 src/restful
阅读全文
摘要：一、Vuex介绍 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 Vuex 也集成到 Vue 的官方调试工具devtools extension，提供了诸如零配置的 time-tavel 调
阅读全文
摘要：一、geetest滑动验证 geetest官方文档地址：https://docs.geetest.com/ 产品——极速验证：基于深度学习的人机识别应用。极验「行为验证」是一项可以帮助你的网站与APP识别与拦截机器程序批量自动化操作的SaaS应用。它是由极验开发的新一代人机验证产品，它不基于传统“问
阅读全文
摘要：一、详情页面路由跳转 应用 Vue Router 编程式导航通过 this.$router.push() 来实现路由跳转。 1、绑定查看详情事件 修改 src/components/Course/Course.vue 文件，给课程 div 绑定查看详情事件。 v-on，缩写 @ ，绑定事件监听器。事
阅读全文
摘要：面临敏感词过滤的问题，最简单的方案就是对要检测的文本，遍历所有敏感词，逐个检测输入的文本是否包含指定的敏感词。 很明显上面这种实现方法的检测时间会随着敏感词库数量的增加而线性增加。系统会因此面临性能和CPU消耗的问题。 一、基于DFA敏感词算法解析 在计算理论中，确定有限状态自动机或确定有限自动机（
阅读全文
摘要：一、vee-validate入门 vee-validate 是一个轻量级的 vue表单验证插件。它有很多开箱即用的验证规则，也支持自定义验证规则。它是基于模板的，因此它与HTML5验证API类似且熟悉。可以验证HTML5输入以及自定义Vue组件。 项目地址：vee-validate 官方文档：Vee
阅读全文
摘要：一、首页轮播图 1、elementUI走马灯 elementUI中 Carousel 走马灯，可以在有限空间内，循环播放同一类型的图片、文字等内容。 这里使用指示器样式，可以将指示器的显示位置设置在容器外部： indicator-position 属性定义了指示器的位置。默认情况下，会显示在走马灯内
阅读全文
摘要：一、项目初始化 创建webpack模板项目如下所示： MacBook-Pro:PycharmProjects hqs$ vue init webpack luffy_project ? Project name luffy_project ? Project description A Vue.js
阅读全文
摘要：一、公共组件的创建和使用 前面已经学习vue组件时，了解了公共组件，但在脚手架项目中只使用过局部组件。这里是讲解全局组件如何在脚手架项目中去使用。 1、创建全局组件 在src/components/Common/目录下创建Header.vue组件。 2、引入和注册全局组件 main.js是整个项目的
阅读全文
摘要：一、@font-face模块介绍 @font-face是CSS3中的一个模块，他主要是把自己定义的Web字体嵌入到你的网页中，随着@font-face模块的出现，在Web的开发中使用字体不再只能使用Web安全字体。 1、@font-face语法规则 2、@font-face参数说明 font-fam
阅读全文
摘要：一、Vue Loader介绍 Vue Loader 是一个 webpack 的loader，它允许你以一种名为 单文件组件（SFCs）的格式撰写 Vue 组件。官方文档地址如下所示： Vue Loader v15及以上版本官方文档地址 Vue Loader v14 或更早的版本官方文档地址 1、vu
阅读全文
摘要：一、介绍 Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。 "官方资料和介绍" 从浏览器中创建 "XMLHttpRequests" 从 node.js 创建 "http" 请求 支持 "Promise" API 拦截请求和响应 转换请求数据和响应数据
阅读全文
摘要：可以用 v-model 指令在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但 v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理。 用 v-
阅读全文
