6 开心大表哥

尚未进行身份认证

我要认证

基于nodejs开发的个人网站:gqj.cn

等级
TA的排名 2k+

vue-cli4.0+nodejs多个项目共用组件动态打包单个项目

前言:公司经常会有一些活动,为了配合活动开发人员需要开发一些h5页面来配合活动,刚开始活动不多,所有活动页面都放在一个项目目录下,webpack共用一个固定打包入口,对路由(vue-router)和状态管理(vuex)进行模块划分,不同的活动页面通过不同的路由路径来加载。随着活动项目增多,页面也越来越多,问题就就出现了,比如打包projectA,webpack也会把projectB,proje...

2019-12-21 21:28:07

react入门-由vue到react开发的历程

待续

2019-09-30 09:36:10

gitlab-ci前端在阿里云实现nodejs可持续化集成部署

前言不甘心当一个切图仔,所以什么都要学一下;可持续化集成是一个项目工程架构的问题;但在这篇文章中我将它缩小到了前端的领域内。必要条件一台阿里云服务器-2核4G以上(我的心好痛800大洋)技术栈linux操作基础git/github/gitlabnodejs环境基础步骤...

2019-07-04 15:47:07

vue源码分析系列:用sourcemap调试源码

由于前几篇文章是用vue-cli直接分析的,今天我们学习直接调试vue源码。安装vue(mac机)1.在GitHub上克隆官方的vue-地址2.安装依赖npm install修改vue项目1.在package.json script dev 增加--sourcemap指令"dev": "rollup -w -c scripts/config.js --environment TARGE...

2019-06-12 11:49:36

vue源码分析系列四:createElement和update

createElementVue.js 利用 createElement 方法创建 VNode,它定义在 src/core/vdom/create-elemenet.js 中:// wrapper function for providing a more flexible interface// without getting yelled at by flowexport functi...

2019-06-10 16:18:22

vue源码分析系列三:render的执行过程和Virtual DOM的产生

render手写 render 函数,仔细观察下面这段代码,试想一下这里的 createElement 参数是什么 。new Vue({ el: '#application', render(createElement) { return createElement('div', { attrs: { id...

2019-06-06 13:50:19

vue源码分析系列二:$mount()和new Watcher()的执行过程

续vue源码分析系列一:new Vue的初始化过程在initMixin()里面调用了$mount()if (vm.$options.el) { vm.$mount(vm.$options.el);// 挂载dom元素}$mount()方法定义vm的原型上本身就定义了一个$mount(如下所示),然后通过重写$mount方法,最后返回的时候,调用这个缓存$mount方法。//...

2019-06-05 10:18:56

vue源码分析系列一:new Vue的初始化过程

import Vue from ‘vue’(作者用的vue-cli一键生成)node环境下import Vue from 'vue'的作用是什么意思?在 NPM 包的 dist/ 目录你将会找到很多不同的 Vue.js 构建版本。这里列出了它们之间的差别:具体参考:官网完整版:同时包含编译器和运行时的版本。编译器:用来将模板字符串编译成为 JavaScript 渲染函数的代码。运行时...

2019-06-04 10:50:25

全栈式开发,前端工程化,以nodejs,eggjs为服务器语言,mysql为数据库,vue,vuex,wangeditor,i18n,webpack前端架构服务器端渲染ssr支持seo的博客网站

前言下面介绍本人开发的个人博客,希望通过开源的方式一起学习和进步!1. 背景该项目为一个学习型的博客网站案例,毕竟每个it工程师都想有一个自己的博客嘛,适合初中级前端工程师;项目已经部署在阿里云上,已经比较完整了,本地下载代码和安装好对应的环境,运行即可以获得线上的效果。由于项目涉及到服务器端而且用了数据库作为存储工具,架构用了eggjs和easywebpack所以首次运行的步骤比较繁琐,还...

2019-05-29 19:35:20

详细理解重绘与回流/重排的过程

前言:重绘与回流是由于浏览器的再次渲染所引起的一个话题,所以我们需要先了解浏览器的渲染过程;一个前端页面无非就是有hmtl、css、JavaScript组成的。通常来说,渲染引擎会解析HTML文档来构建DOM树,与此同时,渲染引擎也会用CSS解析器解析CSS文档构建CSSOM树。接下来,DOM树和CSSOM树关联起来构成渲染树(RenderTree),这一过程称为Attachment。然后浏览...

2019-05-21 10:53:59

vue使用moment.js经webpack打包后超级大的原因和解决方案

Moment.js 是一个 JavaScript 日期处理类库,用于解析、检验、操作、以及显示日期,使用起来十分方便。但是它经过webpack打包之后会变得十分的大。我们做一下对比:测试版本:“moment”: “^2.17.1”,没import moment from 'moment';前webpack打出来的index.js包:js/chunk/index/index.eb9cbc...

2019-01-29 15:34:21

阿里云轻量应用服务器实例id找不到无法备案

阿里云轻量应用服务器实例id找不到无法备案最近买了一个轻量应用服务器,做了一个个人网站,感觉做得不错,所以想将域名备案了,增加百度排名。于是去备案:结果找不到实例id。谷歌、百度很久都找不到答案;最终只能打电话问客服了。阿里云客服给出来的答案是我买的是香港的服务器;想要备案只能是中国大陆的原来买的服务器不能转换地域,所以我只能重新买一个中国大陆的服务器了(mmp)。...

2019-01-06 10:33:22

linux移动文件到另一个文件夹

复制指定目录下的全部文件到另一个目录中1.文件及目录的复制是经常要用到的。linux下进行复制的命令为cp。假设复制源目录为dir1,目标目录为dir2。怎样才能将dir1下所有文件复制到dir2下了如果dir2目录不存在,则可以直接使用cp-rdir1dir2即可。如果dir2目录已存在,则需要使用cp-rdir1/.dir2例://没有publicData...

2018-12-25 17:30:12

支付宝小程序跳转到h5页面web-view

支付宝小程序跳转到h5页面web-view基础库1.6.0开始支持,低版本需做兼容组件是一个可以用来承载H5网页的组件,会自动铺满整个小程序页面。web-view要渲染的H5网页URL。H5网页URL需要登录小程序管理后台-小程序详细-设置中,进行H5域名白名单配置示例代码:<!--axml--><!--指向支付宝首页的web-view-->&...

2018-12-25 15:10:03

支付宝小程序复制到剪贴板

支付宝小程序复制到剪贴板my.getClipboard获取剪贴板数据。Page({ data: { text: '3.1415926', copy: '', }, handlePaste() { my.getClipboard({ success: ({ text }) => { this.setData({ cop...

2018-12-25 13:50:50

nodejs egg多静态文件入口配置

由于egg多静态资源入口在一开始的时候是没有的,是后来增加的;但是文档写得不是太清楚所以小白不容易弄懂。在config.default.js文件中增加这个,将项目根目录下的public、publicData这两个文件夹作为静态资源入口;运行的时候egg会将这两个文件夹的资源放到prefix: '/public/'配置的/public路径下。 exports.static = { pr...

2018-12-19 08:03:08

Mac上传文件到阿里云的Linux服务器,linux下载文件到Mac,unzip/zip压缩和解压文件

1.打开默认终端,左上角选择新建远程连接2.选择安全文件传输(sftp)2.1.点击右边服务器下的加号添加你要连接的远程服务器ip地址2.2.添加成功后右边服务器列表会出现你新加的这个ip地址,然后选中它;点击连接。3.首次连接一个服务器会让你确认(Are you sure you want to continute connecting(yes/no)),你输入yes然后回车就可以...

2018-12-17 15:47:16

阿里云部署nodejs,公网访问不了,域名不加端口号访问

背景:我买的阿里云服务器是香港的CentOS 7.3(便宜)已成功安装了nodejs操作:1.新建项目文件example.jscd ~touch example.js2.编辑example.js文件vi example.js2.1.输入i,进入编辑模式,将下面代码(简单的nodejs创建服务代码)粘贴到文件中。使用Esc按钮,退出编辑模式,输入:wq,回车,保存文件内容并退出...

2018-12-17 13:44:10

nodejs连接mysql报错:Client does not support authentication protocol requested by server; consider upgrad

由于本人是前端,mysql只是偶尔做一下小项目会用到,大概一年没有用了。 今天用mac通过brew下载了一个8.0.12版本的mysql;然后用egg进行连接,egg是阿里封装的一个nodejs框架。 下载到本地的mysql;初始密码我是留空的。所以在nodejs项目中配置mysql连接数据的时候我的password=’’;结果报错了:Client does not support authe...

2018-11-28 17:45:08

vue elementUi tree 懒加载使用详情

背景:vue下使用elementUI文档:http://element-cn.eleme.io/#/zh-CN/component/tree#tree-shu-xing-kong-jian需求:只保存二级节点中选中的数据;不保存一级节点选中的数据。效果:数据来源:后台提供两个接口分别用于取第一级节点和第二级节点的数据;思路:点击标签列表时,触发selectLabelList获...

2018-11-21 11:17:04

查看更多

CSDN身份
  • 博客专家
勋章 我的勋章
  • 专栏达人
    专栏达人
    授予成功创建个人博客专栏的用户。专栏中添加五篇以上博文即可点亮!撰写博客专栏浓缩技术精华,专栏达人就是你!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 1024勋章
    1024勋章
    #1024程序员节#活动勋章,当日发布原创博客即可获得
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。