- 博客(153)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 前端部署问题汇总
这里写目录标题Dockerfile文件K8s部署前端命令打镜像开始部署额外命令linux基础命令使用遇到的问题Uncaught SyntaxError: Unexpected token ‘＜‘ 错误403 forbiddenk8s -- yaml 文件Dockerfile文件# docker images -a |grep nginx 查看nginx的版本对应修改FROM nginx:1.19.8ENV TZ=Asia/ShanghaiRUN ln -snf /usr/share/zonei
2021-09-28 15:26:18
407
原创 Vue源码—挂载阶段
文章目录编译器只包含运行时版本的vm.$mount的实现原理使用 vm.$mount( [elementOrSelector] )，返回vm实例本身，var MyComponent = Vue.extend({ template:'<div>Hello!</div>',})<!-- 创建并挂载到#app（会替换#app） -->new MyComponent().$mount('#app');new MyComponent().$mount({el:'#
2021-07-13 11:40:57
421
1
原创 大屏---适配比例缩放--视频播放完路由自动切换
方法一： 全局引进文件 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
774
原创 Vue项目HTML代码格式化
.eslintrc文件配置 eslint-plugin-vue 插件解析器使用vue-eslint-parser，注意babel-eslint必须写在parserOptions里面，配置如下：parser: “vue-eslint-parser”,parserOptions: {parser: ‘babel-eslint’,sourceType: ‘module’},插件使用vue，配置如下：plugins: [ “vue” ],eslint-plugin-vue插件有三种
2021-07-05 15:42:14
1422
原创 k8s学习笔记
文章目录 1. 部署步骤 2. k8s 相关概念 3. kubectl命令 4. 资源编排（yaml文件） 1.1 资源编排（yaml文件）1. 编写资源编排（yaml文件） 5. pod 3.1 pod概念和存在意义3.1 pod实现的两种机制3.3 pod镜像拉取策略 、 资源限制 、 重启策略、容器检查3.4 pod创建流程3.5 pod 调度的资源限制 4. controller （deplomen
2021-04-09 15:48:20
301
原创 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
999
原创 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
270
原创 vue2.0 自定义指令 + 案例：v-lazy-loading、v-drag、v-resize、v-copy
文章目录 1. 自定义指令 --- 文档说明 ==1-1， 全局注册、局部注册====1-2， 钩子函数== 2. 案例一： property 的自定义钩子样例 3. 案例二：动态指令参数 4. 案例三：element-ui 自定义el-select的下拉懒加载指令v-lazy-loading ==4-1， 注册====4-2， v-lazy-loading 源码====4-3， 在el-select使用v-lazy-loading== 5. 案例四
2020-10-30 21:22:53
2277
原创 前端集成—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
1852
原创 前端基础---浏览器渲染机制
文章目录 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
312
1
原创 angular 8 学习记录
3，使用promise获取异步数据取消订阅promise----多次执行rxjs----多次执行改进： 加上countcount的位置！！！！
2020-09-30 14:36:09
385
转载 收藏 | JS开发必须知道的41个技巧
【本文来自转载】Vue中文社区转载来自—作者：火狼—腾讯云开发文章： 腾讯云开发文章本博客转载源码地址： https://github.com/lanzhsh/react-vue-koa 2, Object 2-1, 对象变量属性 const flag = true;const obj = { a: 0, [flag ? "c" : "d"]: 2 };// obj => { a: 0, c: 2 } 2-2, 对象多余属性删除
2020-09-04 10:17:05
272
原创 git —— gerrit 问题初总结
开发流程，以及解决问题git checkout developgit pullgit checkout -b feature_branch_name------------------------ 开发完成 --------------------git diffgit add . git commit -vgit push origin feature_branch_name:refs/for/develop-----------
2020-08-15 13:15:53
913
原创 Axios发送请求时params和data的区别【request payload 和 query string parameters】
1, 错误示例—query string parameterspromise = service.delete(url, {params: params} )export const removeGroupById = (param) => { return ajax('/trap', `/agentGroup`, param, 'DELETE')}# id_arr 为数组this.removeGroupById(id_arr)2，正确示例—request payload
2020-08-07 23:33:32
4241
1
原创 vue.config.js详细配置总结
基于vue-CLI3下的vue.config.js详细配置const UglifyJsPlugin = require('uglifyjs-webpack-plugin');const cdn = { css: [], js: [ 'https://xxx-cdn-path/vue.runtime.min.js', 'https://xxx-cdn-path/vue-router.min.js', 'https://xxx-cdn-path
2020-07-04 00:07:17
652
原创 vue学习—单元测试
参考1111karma 单元测试# 1, 初始化时，需要选择打开test功能，然后选择karma测试vue init webpack testtodo # 2, 运行测试，test目录会出现coverage--icov-report--index.html # 浏览器打开这个index.html，可以查看所有的测试地方npm run unit# 3, 安装vue.js 官方的单元测试实用工具库npm install --save-dev @vue/test-utils@1.
2020-07-01 19:05:59
450
原创 牛客网SQL编程
CREATE TABLE `employees` (`emp_no` int(11) NOT NULL,`birth_date` date NOT NULL,`first_name` varchar(14) NOT NULL,`last_name` varchar(16) NOT NULL,`gender` char(1) NOT NULL,`hire_date` date NOT NULL,PRIMARY KEY (`emp_no`));1，查找最晚入职员工的所有信息select *
2020-05-15 12:36:58
193
原创 高并发-解决方案
高并发-解决方案--目录总结1，什么是高并发2，常见的互联网分层架构3，分层水平扩展架构实践3-1，反向代理层的水平扩展3-2, 站点层的水平扩展3-3, 服务层的水平扩展3-4, 数据层的水平扩展按照范围水平拆分按照哈希水平拆分3-5，应用和静态资源分离3-6， 前端使用CDN引进资源3-7,总结提高系统并发能力的方式，方法论上主要有两种：垂直扩展（Scale Up）与水平扩展（Scale Out）。垂直扩展可以通过提升单机硬件性能，或者提升单机架构性能，来提高并发性，但单机性能总是有极限的，互
2020-05-10 12:22:34
725
原创 leetcode（72）—字符串编辑距离
leetcode – 72. Edit Distance 原题动态规划class Solution: def minDistance(self, word1: str, word2: str) -> int: m = len(word1) n = len(word2) dp = [[0 for _ in range(n +...
2020-05-01 19:33:36
198
转载 Vue项目中实现用户登录及token验证
在前后端完全分离的情况下，Vue项目中实现token验证大致思路如下：1、第一次登录的时候，前端调后端的登陆接口，发送用户名和密码2、后端收到请求，验证用户名和密码，验证成功，就给前端返回一个token3、前端拿到token，将token存储到localStorage和vuex中，并跳转路由页面4、前端每次跳转路由，就判断 localStroage 中有无 token ，没有就跳转到登录页...
2020-04-29 18:28:50
579
1
转载 JavaScript中的稀疏数组与密集数组
什么是稀疏呢？稀疏也就是说，数组中的元素之间可以有空隙，因为一个数组其实就是一个键值映射。1. 稀疏数组创建一个指定长度的稀疏数组很简单:> var a = new Array(3);> a[ , , ]> a.length3> a[0]undefined遍历它时，它并没有元素。JavaScript会跳过这些空元素.> a.forEach(f...
2020-04-25 11:01:32
241
转载 canvas合并两张图片--前端
需求：根据当前网页中的几张图片，在手机上长按，保存图片到相册或者发送给好友。1. Canvas合成图片drawCanvas(){ var self = this; var imgsrcArray = [ require('@/page/agent/agentexpand/img/bg.jpg'), 'data:image/jpeg;base64,...
2020-04-24 23:27:29
773
转载 导航栏下划线跟随效果
<ul> <li>不可思议的CSS</li> <li>导航栏</li> <li>光标小下划线跟随</li> <li>PURE CSS</li> <li>Nav Underline</li></ul>借助伪元素将下划线作用到每个...
2020-04-24 12:01:21
287
1
转载 vue—微信授权登录
单页应用应该如何解决微信授权登录的尴尬跳转？后退无法返回？主要遇到的问题就是 先进入单页应用，一边渲染页面一边判断用户有没有登录，当判断到没有登录时异步数据请求已经发送出去了，然后要跳转到微信授权页面，这样就浪费了一次网络请求且用户可能要去点击这个数据了结果...跳走了！在授权成功后用户点击后退再次进行授权有没有？？？本文主要讲述对于单页应用应该在哪个阶段获取微信授权？ 只考虑网站完全依...
2020-04-15 23:43:33
545
转载 vue插件汇总
一、UI组件及框架 element - 饿了么出品的Vue2的web UI工具套件 mint-ui - Vue 2的移动UI元素 iview - 基于 Vuejs 的开源 UI 组件库 Keen-UI - 轻量级的基本UI组件合集 vue-material - 通过Vue Material和Vue 2...
2020-04-09 13:00:05
690
原创 电商app项目----vuex实现点击商品添加至购物车
<!-- 底部商品导航 --> <detail-footer-bar class="footer_bar" @addCart="addCart"></detail-footer-bar>addCart() 函数 //1、点击商品添加到购物车 addCart() { let product = {} //用来保存添加到购物车...
2020-04-09 01:06:18
741
原创 vue--- 问题--hack记录（1）
1，菜单选项与下面展示的内容进行–联动获取offsettop值注意： mouted中拿不到 $el ， 要等模板中的内容渲染出来，方案： 图片加载完进行回调nextTick() 异步，等渲染完就会执行。—行---但是图片没加载完----不行！！！解决----放在图片加载完成的回调函数另外可以增加防抖函数---- 防抖函数如下：2 ， 内容滚动，显...
2020-04-08 23:57:00
383
原创 vue的api---mixins（混入）----backtop回到顶部封装
vue的api—mixins（混入）vue文档解决代码重复问题参考思否文章111home.vue 中Detail.vue中解决方法新建mixins.js文件在detail.vue 删除重复代码，然后导入mixins.js文件并使用，...
2020-04-08 22:43:56
153
原创 docker入门介绍总结
参考文章1111阮一峰教程docker参考222Windows下通过DockerToolbox安装Dockerdocker hub官网什么是DockerDocker是一个容器化平台，它以容器的形式将您的应用程序及其所有依赖项打包在一起，以确保您的应用程序在任何环境中无缝运行。CI（持续集成）服务器的功能CI服务器功能是不断地集成所有正在进行的更改并由不同的开发人员提交到存储库，并检...
2020-04-06 23:57:16
211
原创 三栏布局总结--浮动/绝对/flex/grid网格/table表格/双飞翼/圣杯
本篇博客所有的代码均在github上： https://github.com/zuxian/高度已知，其中左栏、右栏宽度已知，中间自适应 1，浮动布局 什么是父元素高度塌陷：在文档流中，父元素的高度默认是被子元素撑开的，也就是子元素多高，父元素就多高。但是当子元素设置浮动之后，子元素会完全脱离文档流，此时将会导致子元素无法撑起父元素的高度，导致父元素的高度塌陷。浮动布局的优...
2020-04-05 21:10:12
2624
原创 完全搞懂vue组件通信---props/emit自定义事件/EventBus/$ref/provide_inject/$attrs_$listeners
父 ==> 子（props）子 ==> 父（emit自定义事件）非父子组件通信(EventBus) —$emit、 $on 、$off组件APP.vue （同时引入Hello.vue组件和World.vue组件）methods: { sendParam () { bus.$emit('getParam', this.number) } }created ()...
2020-04-05 12:03:47
792
1
原创 vue实现一个简单的备忘录demo
demo代码：https://github.com/zuxian/todolist备忘录展示： fuzuxian.fun/todolist/dist/1，组件一： 头部–标题；2，组件二：脚部—一个简单链接；<p><a v-bind:href="url" target="_blank">{{ footer }}</a></p>...
2020-04-04 11:27:25
1365
1
原创 vuecli2 和 vuecli3 打包本地线上预览问题解决
参考博客111问题一： 写好的vue项目上传到GitHub中，但是预览的时候却是一片空白；或者问题二： 打开 dist 文件下的 index.html 页面空白。1， vuecli2 打包本地线上预览 解决1-1，找到config>index.js文件，打开这个文件，找到build（注意是build不是dev）这个对象下面的assetsPublicPath的值改成 ‘./’此外...
2020-04-01 20:03:54
567
原创 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
1073
1
原创 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
106
原创 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
193
原创 Echarts.js + Vue.js 实现 中国疫情地图（1）
Echarts.js官方文档！！！数据来源——新浪接口–josnp获取vue create chinamapcd chinamapnpm install --save jsonpnpm install echarts --savenpm run serveAPP.vue<template> <div id="app"> <ChinaMap...
2020-03-28 18:27:33
4635
4
转载 Echarts.js+jquery.js实现中国疫情地图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>疫情地图展示</title...
2020-03-28 16:53:33
4303
3
hipi-dev.tar.gz
2018-04-19
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人