Node&大前端技术__入木三分
文章平均质量分 90
Node&大前端技术__入木三分
AlexGeek
这个作者很懒,什么都没留下…
展开
-
详解Vuex在Vue.js项目开发中的应用
Vue.js是国内当下十分流行的一个前端Web框架,具有丰富的组建和库支持,其中Vuex可以说是最为重要的一个了,但是,在一些项目中,我们甚至都不会用到Vuex,所有Vue开发者有时候就会忽略掉这样一个重要的组建,今天我就结合自己的学习过程,对Vuex做一个总结。一、什么是Vuex 用官网的话解释: Vuex是一个专门为Vue.js应用程序开发的状...原创 2018-09-26 17:04:05 · 1456 阅读 · 0 评论 -
vue+django跨域问题解决方案(前后端两种方案)
1.Vue前端设置代理(方案一)我们在使用vue-cli启动项目的时候npm run dev便可以启动我们的项目了,通常我们的请求地址是以localhost:8080来请求接口数据的,localhost是没有办法设置cookie的。 我们可以在vue-cli配置文件里面设置一个代理,跨域的方法有很多,通常需要后台来进行配置。我们可以直接通过node.js代理服务器来实现跨域请求。...原创 2018-11-25 19:36:38 · 18672 阅读 · 0 评论 -
Vue别名配置简录(alias配置)
配置文件的路径:项目名/build/webpack.base.conf.js相关函数:resolvefunction resolve (dir) { return path.join(__dirname, '..', dir)}字段配置:aliasalias: { 'vue$': 'vue/dist/vue.esm.js', 'src': resolve(...原创 2019-02-18 15:40:06 · 3089 阅读 · 0 评论 -
浅谈前后端分离及RESTful API
一、综述 前端、后端这两个名词无数次出现在专业应用当中。从最开始不懂得网站上的内容从何而来,到现在经手几个项目后对前后端和互联网有了专业上的粗浅认知,所学越多,需学越多。当专业课上还在讲解着基于C#的ASP.NET开发中,如何拖动Button按钮,如何“快速”构建出一个所谓的前端,如何点击进入相应的后端语句时,前后端分离技术早已横行于世。顾名思义,前后端分离,就是前端代码和后端代码...原创 2018-11-14 19:56:55 · 17261 阅读 · 2 评论 -
Vue.js源码目录及构建
1.Vue.js 目录结构下面是Github上Vue源码的目录结构其中src为源码部分,结构如下:src├── compiler # 编译相关 ├── core # 核心代码 ├── platforms # 不同平台的支持├── server # 服务端渲染├── sfc # ...原创 2018-12-03 15:20:54 · 4457 阅读 · 0 评论 -
Vue相关的学习视频分享
这是我的网盘里面收集的关于Vue的学习视频,分享出来:链接:https://pan.baidu.com/s/1dvdVdI9zqUNbPhIwQxX43Q 提取码:88gm 这里面包括下面的内容:原创 2018-11-26 21:49:31 · 621 阅读 · 2 评论 -
vue-lazyload 使用中关于动态图片加载的问题
小记:在这些天学习Node+Vue的前后端全栈项目时,为了进行系统的优化,使用了大量的插件,其中一个插件的使用出现了问题无法的到解决,这个就是vue-lazyload的动态图片加载问题比如说在上面的这种情况下,商品区做了懒加载,但通过商品区左边的动态切换按钮进行切换发现,商品信息可以发生改变,但是商品图片却不可以动态加载,这个主要是由于在v-lazy指令的使用中没有添加key,如下的使用是...原创 2018-09-12 13:29:06 · 2961 阅读 · 5 评论 -
三种node服务启动和调试方式
我们在学习Node.js的时候,经常会配合Vue等这样的框架进行工程化构建,但是在代码编写的阶段需要使用npm run dev 或者 cnpm run dev启动前端的试图,进行挂载,但是如果要进行前后端调试的话,必须启用node,才能进行本地数据库增删查改,而我们启用node服务的方式有很多种,其中有些方法非常方便:下面是我练习的一个项目,为了方便代码调试,把node和vue放在了...原创 2018-09-15 20:01:11 · 36770 阅读 · 1 评论 -
无头浏览器与Puppeteer中PDF生成应用指南
前言最近在做项目的时候,遇到了在后端生成PDF的需求,而且生成的页面较多,且样式管理相对复杂,还原度要求较高。通过一系列的社区调研后发现,Puppeteer这个Node库可以提供一个相对高级的API,以DevTools协议控制Chrome或者Chromium,其无头模式可以将HTML转为PDF。这是目前Node Server应用中最为主流的解决方案,但是在使用过程中还是会存在很多坑点和注意事项。因此本文围绕无头浏览器、Puppeteer、HTML转PDF等几个方面进行总结和介绍。一、无头浏览器1.原创 2021-08-25 16:41:52 · 4488 阅读 · 2 评论 -
CSS深入理解z-index(z-index相关知识总结)
一、z-index基础内容(入门级掌握)1.z-index含义:z-index属性指定了元素及其子元素的【z顺序】,而【z顺序】可以决定当元素发生覆盖的时候,哪个元素在上面。通常一个较大z-index值的元素会覆盖较低的那一个2.z-index支持的属性值:3.z-index的特性:4.特殊点:如果不考虑CSS3,只有标记了定位元素position的z-index才有作用,但在CSS3中有例外二、多个定位元素(应用级掌握)1. 如果定位元素z-in.原创 2020-11-30 20:32:27 · 5219 阅读 · 0 评论 -
CSS实现水平垂直居中的N种方法
划重点,这是一道面试必考题,很多面试官都喜欢问这个问题。要实现上图的效果看似很简单,实则暗藏玄机,本文总结了一下CSS实现水平垂直居中的方式大概有下面这些仅居中元素定宽高适用absolute + 负margin absolute + margin auto absolute + calc居中元素不定宽高absolute + transform lineheight w...原创 2018-09-16 15:40:11 · 264 阅读 · 0 评论