前端
关注
分享
扫一扫
文章平均质量分 88
fuzuxian
仰望星空，脚踏实地
展开
-
大屏---适配比例缩放--视频播放完路由自动切换
方法一： 全局引进文件 flex.js ---- 代码如下：((win, doc) => { const body = document.body const resizeEvt = 'orientationchange' in win ? 'orientationchange' : 'resize' const recalc = () => { const clientWidth = body.clientWidth const clientHeight原创 2021-07-05 16:42:58 · 1073 阅读 · 0 评论 -
Vue 中 mixins / extends / component / extend使用
这里写目录标题3，mixins混入参考mixins混入官方文档和例子mixins混入原理2，extends3，component4，extend3，mixins混入参考mixins混入官方文档和例子混入 (mixin) ：分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。方法和参数在各组件中不共享值为对象的选项，如methods,components等，选项会被合并，键冲突的组件会覆盖混入对象的值为函数原创 2021-02-22 12:42:18 · 1369 阅读 · 0 评论 -
nginx学习笔记整理
文章目录 1. 安装 2. nginx配置文件 b站地址–nginxnginx笔记nginx教程–w3cnginx教程–菜鸟教程 1. 安装 == 虚拟机安装docker==# root账户登录，查看内核版本--虚拟机装的Centos7，linux 3.10内核uname -a# 把yum包更新到最新yum update# 设置yum源yum-config-manager --add-repo http://download.docker原创 2020-11-03 08:41:45 · 744 阅读 · 0 评论 -
前端集成—Angular 1.0项目iframe嵌入Vue项目
文章目录 111 app/app.jsapp/controllers/iaas/vue-integration/_vue-integration.scssapp/controllers/iaas/vue-integration/vue-integration.htmlapp/controllers/iaas/vue-integration/vue-integration.js.controller.js 111 app/app.jsangular.module('vue-integ原创 2020-10-12 23:57:09 · 2150 阅读 · 0 评论 -
前端基础---浏览器渲染机制
文章目录 1. 浏览器渲染页面 2. 渲染树 3. DOM和CSSOM的具体构建流程 4. 阻塞渲染：CSS 与 JavaScript 5. 改变阻塞模式：async（异步下载） 和 defer（延迟执行） 6. Vue中的异步渲染： nextTick 7. 重排(reflow)、 重绘(repaint) 1. 浏览器渲染页面 浏览器渲染页面的过程：DNS 查询TCP 连接HTTP 请求即响应服原创 2020-10-11 14:00:35 · 458 阅读 · 1 评论 -
angular 8 学习记录
3，使用promise获取异步数据取消订阅promise----多次执行rxjs----多次执行改进： 加上countcount的位置！！！！原创 2020-09-30 14:36:09 · 427 阅读 · 0 评论 -
VuePress搭建专属博客+github部署+个人域名
个人博客在线展示： https://80nd.cn/myBlog/旧的去除 https://zuxian.github.io/myBlog/vuepress官网：https://www.vuepress.cn/用VuePress搭建基础博客参考以下博文参考1111参考2222详细参考3333使用vuepress-theme-reco主题搭建vuepress-theme-reco...原创 2020-03-31 00:32:07 · 1148 阅读 · 1 评论 -
JavaScript 正则表达式 总结
1原创 2020-03-29 11:13:51 · 331 阅读 · 0 评论 -
mock.js 细节总结
mock.js官网！！！mock.js 官方文档 ！！ mock 示例！！！！基于数据模板生成模拟数据。基于HTML模板生成模拟数据。拦截并模拟 ajax 请求。mock总结 1 111mock总结 2 222const Mock = require('mockjs')let data = Mock.mock({ 'list|10': [{'id|+1': 1}]...原创 2020-03-29 00:50:37 · 165 阅读 · 0 评论 -
mock.js 测试数据（vue + axios）
npm install mockjsmock01.jsvar Mock = require('mockjs');var data = Mock.mock({ 'users|3-6': [{ 'id|+1': 1, 'name':'@cfirst@cname', 'img':()=>Mock.Random.image('80x80', Mock.Random...原创 2020-03-29 00:38:14 · 227 阅读 · 0 评论 -
Element UI 总结
Element UI官方文档！！！Element UI 项目模板多用用就熟悉了。。。。。。。。。git clone https://github.com/ElementUI/element-starter.gitcd element-starternpm installnpm run dev // package.json 命令// Project is run...原创 2020-03-28 16:14:01 · 356 阅读 · 0 评论 -
Sass 总结
Sass是一种动态样式语言，比CSS多出好些功能（如变量、嵌套、运算、混入、继承、颜色处理、函数等），更容易阅读。Sass和Less是当下最为流行的2门CSS预处理语言（1）Sass由于是使用Ruby编写的，所以编译的时候是在服务器端处理；而Less由于是使用JavaScript编写的，所以编译的时候是在浏览器端处理；（2）Sass拥有更为强大的功能，如循环、函数、混合宏等，而less却没...原创 2020-03-27 18:06:15 · 293 阅读 · 0 评论 -
jQuery 知识点总结
jQuery使用下载： jquery官网版本：jquery.js（开发版） 完整无压缩，用于测试与学习jquery.min.js（发布版） 高度压缩，用于实际开发安装：<script type="text/javascript" src="jquery-1.11.3.min.js"></script><script type="text/javas...原创 2020-03-27 12:28:53 · 201 阅读 · 0 评论 -
前端学习网站推荐
前端学习网站推荐极客标签： 添加链接描述码农周刊： 添加链接描述前端周刊： 添加链接描述慕课网： 添加链接描述div.io： 添加链接描述Hacker News： 添加链接描述InfoQ： 添加链接描述w3cplus： 添加链接描述Stack Overflow： 添加链接描述w3s...原创 2020-03-19 15:41:03 · 140 阅读 · 0 评论 -
前端 javascript 设计模式
归纳设计模式javascript 设计模式设计模式javascript 设计模式 单例（Singleton）模式某个类只能生成一个实例，该类提供了一个全局访问点供外部获取该实例，其拓展是有限多例模式。原型（Prototype）模式将一个对象作为原型，通过对其进行复制而克隆出多个和原型类似的新实例。工厂方法（Factory Method）模式定义一个用...原创 2020-03-02 14:32:13 · 246 阅读 · 0 评论 -
网络模块封装—josnp 和 axios
常见的网络请求模块，以及优缺点对比。JSONP的原理和封装JSONP原理回顾JSONP请求封装axios的内容详解认识axios网络模块发送基本请求axios创建实例axios拦截器的使用...原创 2020-02-04 15:12:43 · 342 阅读 · 0 评论 -
jquery学习——案例
------参考博客------ 案例1：下拉菜单 <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> *...转载 2020-02-03 20:00:08 · 161 阅读 · 0 评论