5 开心大表哥

尚未进行身份认证

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

等级
博文 175
排名 3k+

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

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

2019-06-12 11:49:36

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

createElementVue.js利用createElement方法创建VNode,它定义在src/core/vdom/create-elemenet.js中://wrapperfunctionforprovidingamoreflexibleinterface//withoutgettingyelledatbyflowexportfuncti...

2019-06-10 16:18:22

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

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

2019-06-06 13:50:19

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

续vue源码分析系列一:newVue的初始化过程在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的初始化过程

importVuefrom‘vue’(作者用的vue-cli一键生成)node环境下importVuefrom'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”,没importmomentfrom'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.首次连接一个服务器会让你确认(Areyousureyouwanttocontinuteconnecting(yes/no)),你输入yes然后回车就可以...

2018-12-17 15:47:16

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

背景:我买的阿里云服务器是香港的CentOS7.3(便宜)已成功安装了nodejs操作:1.新建项目文件example.jscd~touchexample.js2.编辑example.js文件viexample.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=’’;结果报错了:Clientdoesnotsupportauthe...

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

MAC设置环境变量PATH和alias创建快捷键

Mac系统的环境变量,是由下面这几个个文件共同控制的,优先顺序为:/etc/profile/etc/paths~/.bash_profile~/.bash_login~/.profile~/.bashrc/etc/profile和/etc/paths是系统级别的,系统启动就会加载,后面几个是当前用户级的环境变量。后面3个按照从前往后的顺序读取,如果/.bash_profile文件存在...

2018-11-20 19:12:04

推荐一个十分实用的VUE瀑布流插件Masonry

Masonry是最流行的瀑布流插件之一,配置简单,功能强大,在Github上收获了1.3w+stars。如果你想使用瀑布流提升网站体验,Masonry将是不错的选择。啥是瀑布流:是比较流行的一种网站页面布局,视觉表现为参差不齐的多栏布局,随着页面滚动条向下滚动,这种布局还会不断加载数据块并附加至当前尾部。最早采用此布局的网站是Pinterest,逐渐在国内流行开来。国内大多数清新站基本为这...

2018-11-08 11:53:08

快应用快速开发攻略和踩坑讲解

快应用是什么:快应用是基于手机硬件平台的新型应用形态;标准是由主流手机厂商组成的快应用联盟联合制定;快应用标准的诞生将在研发接口、能力接入、开发者服务等层面建设标准平台;以平台化的生态模式对个人开发者和企业开发者全品类开放。优势:无需安装即点即用-流畅;能添加到桌面;区别于原生App和WebApp;超6亿流量扶持;大势所趋。存在问题:需要申请九大厂商开发者账号,每个账号需要...

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