前言vue的基本语法很容易上手，但是有一些优化的写法我们在开发的时候不一定难能想到，本文列举了一些vue开发的技巧 1.require.context如果我们在一个组件中需要导入很多其他组件，我们通常会这么写：1234567import titleCom from '@/components/home/titleCom'import bannerCom from '@/components/home/bannerCom'import cellCom from '@/components/home/cellCom'export default{ components:{ ...

浅谈SSRSSR(server side render)简称为服务端渲染，简单的理解是服务端直接生成html字符串发送给客户端从而渲染网页；服务端渲染的主要优势有两点：利于SEO和加快首屏渲染速度； 更利于SEO。 不同爬虫工作原理类似，只会爬取源码，不会执行网站的任何脚本（Google除外，据说Googlebot可以运行javaScript）。使用了React或者其它MVVM框架之后，页面大多数DOM元素都是在客户端根据js动态生成，可供爬虫抓取分析的内容大大减少。另外，浏览器爬虫不会等待我们的数据完成之后再去抓取我们的页面数据。服务端渲染返回给客户端的是已经获取了异步数据并执行Java ...

1. 输出是什么？12345678function sayHi() { console.log(name) console.log(age) var name = 'Lydia' let age = 21}sayHi() A: Lydia 和 undefined B: Lydia 和 ReferenceError C: ReferenceError 和 21 D: undefined 和 ReferenceError 答案答案: D在函数内部，我们首先通过 var 关键字声明了 name 变量。这意味着变量被提升了（内存空间在创建阶段就被设置好了），直到程序运行 ...

什么是按需加载？按需加载是前端性能优化中的一项重要措施，按需加载是如何定义的呢？顾名思义，指的是当用户触发了动作时才加载对应的功能。触发的动作，是要看具体的业务场景而言，包括但不限于以下几个情况：鼠标点击、输入文字、拉动滚动条，鼠标移动、窗口大小更改等。加载的文件，可以是JS、图片、CSS、HTML等。react按需加载进化了好几个方式，目前最新的方式就是使用react-loadable这个组件. React LoadableLoadable 是一个高阶组件（简单来说，就是把组件作为输入的组件。高阶函数就是把函数作为输入的函数。在 React 里，函数和组件有时是一回事），一个可以构建组件的函 ...

最近在做一个新项目，其中运用了大量的图表，主要有折线图、柱状图、饼图、雷达图四种;在考虑可扩展性的情况下，优先选择了ECharts,ECharts是百度开源的一款图表插件,本文主要是记录在项目开发是所遇到的样式及功能配置上的问题，以方便以后查阅; 折线图-双轴坐标对齐折线图是最经常使用的图表之一，但是在样式上往往又不一样，经常需要按照设计需求定制，在本项目遇到的折线图问题主要是样式定制及双坐标轴不对齐的问题,以项目中的一个图表为例 上面的是设计图表 上面是Echart的官网基本图表 配置解析 1234567891011121314151617181920212223242526272829 ...

mpvue 是一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心，mpvue 修改了 Vue.js 的 runtime 和 compiler 实现，使其可以运行在小程序环境中，从而为小程序开发引入了整套 Vue.js 开发体验 开发这款小程序主要是为了体验mpvue框架的开发流程，所以在部分界面功能上借鉴了其他开源项目(mpvue-node)，对此表示非常感谢! 由于涉及个人小程序未允许内容：文娱-资讯（含有评论功能）,所有小程序没有发布成功，只能在本地浏览 本文主要是为了记录在使用mpvue开发时所遇到的一些地方 1. vuex 的使用123//在src/main ...

记录阅读的node模块 1. is-sorted 一个用于检查数组是否排序的库 github 123456789101112131415161718//默认排序函数 正序function defaultComparator (a, b) { return a - b}module.exports = function checksort (array, comparator) { //用于检查array是否为数组 if (!Array.isArray(array)) throw new TypeError('Expected Array, got ' ...

列表进入详情页的传参问题 商品列表页面前往详情页，需要传一个商品id; 1<router-link :to="{path: 'detail', query: {id: 1}}">前往detail页面</router-link> 此时详情页面的路径为http://localhost:8080/#/detail?id=1,就算刷新页面id依旧会存在,获取id的方式是this.$route.query.id 补充一下其他两种传参： 如果传参通过:to="{name: 'Detail', params: {i ...

利用Object.defineProperty属性模拟vue实现双向绑定 实现v-model、v-bind、vue-click效果 123456<!-- DOM格式 --><div id="app"> <input type="text" v-model="number"> <button v-click="add">增加</button> <h3 v-bind="number"></h3></div> 123456789101112//调用方法var test = new Vu ...

javaScript 变量 javaScript 数组 javaScript 流程语句 javaScript 字符串函数 javaScript 函数基础 javaScript DOM操作 javaScript 正则表达式