- 博客(18)
- 收藏
- 关注
RSS订阅
原创 如何使我的域名从http变为https？
目的：使我的域名guozhaoxi.com从http://www.guozhaoxi.com/到https://www.guozhaoxi.com/的蜕变。这么做的初衷：最近通过学习慕课网7月老师的课程，使用nodejs搞了一个小程序的服务端，已经部署到了线上。众所周知，微信小程序想要真正的上线，是需要设置域名的，而域名的要求其中有一条就是必须得是https协议的，遂产生了想把我自己的域名从h...
2019-06-21 14:18:05
31976
3
原创 Git如何在码云上建立分支、合并分支、删除分支
查看分支：git branch创建分支：git branch <name>切换分支：git checkout <name>创建+切换分支：git checkout-b <name>合并某分支到当前分支：git merge <name>删除分支：git branch -d <name>删除码云上的分支：git pu...
2019-03-11 13:58:11
7543
1
原创 vue3二次封装element-ui中的table组件
首先，将一个普通的element-plus中的table组件引入进来，表格数据源就是我们通过父组件传递进来的data，所以我们使用defineProps来定义，并且它的数据类型是一个数组；同时我们遵循单向数据流的原则，使用lodash中的深拷贝方法将data拷贝一份出来赋值给变量tableData，将tableData传递给element-plus中的table组件，用来渲染数据。第一步完成了，我们接着再分析，还有什么是可以封装的呢？借助封装table组件的过程来巩固一下vue3相关知识点。
2024-01-16 15:03:44
848
2
原创 egg.js学习笔记(一)——快速创建一个egg.js应用
前言最近在慕课网学习使用egg.js这个框架来编写服务端，所以简单的做一下笔记。快速开始快速初始化这里我直接按照官网的教程使用的脚手架，前提是你的npm版本 >= 6.1.0，然后随便找一个目录来开始创建我们的项目。mkdir erdan-lego && cd erdan-lego$ npm init egg --type=simple$ npm i启动项目：npm run dev这个时候我们的项目就已经创建好了，是不是很快？就是简单的几条命令而
2022-03-13 16:26:19
1977
1
原创 在vue项目中使用echarts中的dataset制作多维度的柱状图
1.背景公司给我分配了一个任务是做一个大屏项目，类似于监控中心那种。页面内容比较简单，最下面是两个柱状图，柱状图是多维度的，而我也是第一次在项目中使用echarts，记录一下此次过程。2.开始2.1安装echartsnpm install echarts --save2.2在页面中引入echartsimport echarts from 'echarts'2.3创建echarts渲染所需要的DOM容器<div id="histogramOne" style="width: 960p
2021-03-26 16:07:45
3005
原创 node.js + koa2学习笔记
介绍Koa2koa2-创建项目// 全局安装koa-generatornpm install koa-generator -g// 利用koa-generator 快速生成ejs模板的项目koa2 koa-weibo -ekoa2-演示路由// 实例化一个路由const router = require('koa-router')()// 为这个路由添加前缀名router.prefix('/api/user')// 处理get请求router.get('/getAtLis
2020-08-01 11:23:09
385
原创 vue移动端项目中使用postcss-pxtorem进行适配方案
首先，我们先使用vue-cli创建一个初始化的vue项目。vue create hello-world当项目创建好以后，我们在根目录下新建一个vue.config.js，想必大家也都懂这个文件是干什么的。既然是使用postcss-pxtorem对移动端项目进行适配，那肯定先要安装它，于是我们在电脑上敲下这行命令npm install postcss-pxtorem -Dpostcss-pxtorem有一个好伙伴amfe-flexible，也需要一并安装。npm install
2020-08-01 10:57:43
5823
1
原创 通过代码来理解express中间件原理
likeExpress.js 如下所示：const http = require('http');const slice = Array.prototype.slice;class LikeExpress { constructor() { this.routes = { all: [], // 存放通用的中间件 get: [], // 存放g...
2019-08-18 08:55:11
133
原创 webpack中如何编写一个Loader
什么是Loader?所谓 loader 只是一个导出为函数的 JavaScript 模块。这句话出自webpack的官方文档，那么现在我们可以知道其实loader就是一个函数，我们可以在这个函数里做一些事情。loader runner会调用这个函数，然后把上一个 loader 产生的结果或者资源文件(resource file)传入进去。Loader的解析顺序？从下到上从右到左知...
2019-03-15 16:02:13
1124
原创 vue.js组件两三事
基础：vue.js组件的三个API:prop、event、slot组件的构成一个再复杂的组件，都是由三部分组成的：prop、event、slot它们构成了vue.js组件的API。属性 propprop定义了一个组件有哪些可配置的属性，组件的核心功能也都是由它来确定的。在写组件的时候，最好用对象的写法。这样的好处是可以针对每个属性设置类型、默认值和自定义校验属性的值。通过...
2019-03-13 16:53:25
242
原创 vue学习之路——vue2.5开发去哪网项目
写项目之前我做了哪些准备？看官方文档，对vue实例、生命周期、组件基础、计算属性、侦听器、样式绑定、条件渲染、列表渲染有了一定了解； 对组件进行深入的学习，了解父子组件间的数据传递、组件参数校验、非父子组件间传值、在vue中使用插槽； 对vue中的动画和过渡有一定的了解，因为项目中需要用到； 对vue-router、vuex有一个基本的了解； 了解vue-cli脚手架工具的使用。项目...
2019-03-05 17:20:01
1102
3
原创 web安全——前端常见的安全问题有哪些？
XSS(Cross Site Scripting, 跨站脚本攻击)这是前端最常见的攻击方式。举个栗子：我在一个博客网站正常发表一篇文章，输入汉字、图片和英文，完全没有问题。但是如果我写的是一段恶意的js脚本，例如获取网站的cookie然后传输到自己的服务器上，那我这篇博客的每一次浏览都会执行这个脚本，都会把访客的cookie带到我的服务器上来。原理就是通过某种方式（发布文章、发布评论）将一...
2019-02-08 14:37:05
4094
原创 前端开发知识点以及相关面试题(二)
事件事件绑定普通的事件绑定如下var btn = document.getElementById('btn1');btn.addEventListener('click', function(event) { event.preventDefault() // 阻止默认行为 event.stopPropagation() // 阻止事件传播 cons...
2019-02-08 11:16:59
158
原创 前端开发知识点以及相关面试题(一)
问题： 说出下面代码的执行结果，并分析原因。function foo(a) { a = a * 10};function bar(b) { b.value = 'new'};var a = 1;var b = { value: 'old' };foo(a);bar(b);console.log(a);console.log(b);答：通过代码...
2019-02-07 15:44:58
195
原创 js高程3学习笔记
javascript变量可以用来保存两种类型的值：基本类型值和引用类型值。基本类型值源自以下5种基本数据类型：Undefined,Null,Boolean,Number和String。基本类型值和引用类型值有以下特点：基本类型值在内存中占据固定大小的空间，因此被保存在栈内存中；从一个变量向另一个变量复制基本类型的值，会创建这个值的一个副本；引用类型的值是对象，保存在堆内存中。包...
2018-11-01 22:02:24
251
原创 cookie、sessionStorage和localStorage的区别
共同点：都是在浏览器端存储，并且都是同源的（URL的协议、端口、主机名是相同的，只要有一个不同就不属于同源）不同点：cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递，而sessionStorage和localStorage不会自动把数据发送给服务器，仅仅在本地保存。cookie数据还有路径（path）的概念，可以限制cookie只属于某...
2018-10-30 11:48:39
146
原创 Vue全家桶+SSR+Koa2全栈开发美团网笔记
实战准备1.环境准备与项目安装node 8.12npm 6.4.1vue 2.5.17webpack 4.19nuxt 2.0.01. npm install -g npx2. npx create-nuxt-app mt-app辅助工具安装与配置改装让项目支持es6语法的步骤 第一步要先在package.json中添加--exec babel-node{...
2018-10-29 21:20:59
4255
29
原创 koa2学习笔记
快速开始安装Koa2//初始化package.jsonnpm init//安装 Koa2npm install koahello worldconst Koa = require('koa');const app = new Koa();app.use(async (ctx) => { ctx.body = 'hello Koa2'});app...
2018-10-24 16:43:53
307
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人