普通网友-优快云博客

转载 vue-class-component使用Mixins

vue-class-component提供了mixinshelper函数，以类样式的方式使用mixins。通过使用mixins帮助程序，TypeScript可以推断mixin类型并在组件类型上继承它们。声明mixin的示例：// mixin.jsimport Vue from 'vue'import Component from 'vue-class-componen...

2019-09-05 17:24:00 1194

转载微信小程序--获取用户地理位置名称(无须用户授权)的方法

准备1、在http://lbs.qq.com/网站申请key2、在微信小程序后台把apis.map.qq.com添加进request合法域名效果添加封装/** * 发起网络请求 * @param {string} url * @param {object} params * @return {Promise} ...

2019-09-03 17:14:00 1365

转载 Canvas制作天气预报走势图

要实现的效果如下图：HTML代码如下：<!DOCTYPE html><html><head> <title></title> <link rel="stylesheet" type="text/css" href="common.css"/></head>...

2019-09-03 11:29:00 461

转载在npm上发布自己的vue组件库（使用npm install 或者 CDN的方式引用）

一、npm publish发布包到npm库的命令是npm publishnpm publish发布包，需要先配置webpack.json文件，如果没有webpack.json文件，可以通过npm init命令初始化一个package.json的部分字段简介如下name：发布的包名，默认是上级文件夹名。不得与现在npm中的包名重复。包名不能有大写字母/空格/下滑线!ve...

2019-09-02 16:17:00 489

转载 angular7新特性

Angular 是最流行的 Web 应用程序开发框架之一。随着 Angular 7 的发布，它为 Web 开发人员带来了更多功能，包括核心框架、Angular Material、与主要版本保持同步的 CLI 和工具链，并且还有了几个主要合作伙伴。依赖更新TypeScript 3.1 在使用 Angular 7 时，必须使用 TypeScript 的最新版本。RxJ...

2019-08-29 18:45:00 275

转载 ES6基本语法入门

一、用let代替var声明变量ES5中，我们可以在代码中任意位置声明变量，甚至可以重写已经声明的变量，ES6引入了一个let关键字，它是新的var。let language = 'javascript';let language = 'zj'; //此处会报错console.log(language);因为同一作用域中let已经声...

2019-08-29 18:41:00 82

转载 uni-app 请求封装

1.创建一个http.jsconst baseUrl = 'http://192.168.1.188:8080'; const httpRequest = (opts, data) => {let httpDefaultOpts = {url: baseUrl+opts.url,data: data,method: opts.method,h...

2019-08-29 18:36:00 140

转载 Node.js- Express框架

一、Express简介1.Express是一个简洁而灵活的node.jsWeb应用框架，提供了一系列强大特性帮助你创建各种web应用，和丰富的http工具。2.使用Express可以快速搭建一个完整功能的网站。3.Express框架核心特性1.1 可以设置中间件来响应HTTP请求1.2 定义来路由表用于执行不同的HTTP请求动作1.3 可以通过向模版传递参数来动态...

2019-08-29 18:31:00 64

转载 webpack知识分享

webpack 4webpack 四大核心概念：入口(entry) // 打包入口输出(output) : 打包后输出的位置配置loader :loader让 webpack 能够去处理那些非 JavaScript 文件（webpack 自身只理解 JavaScript）。loader 可以将所有类型的文件转换为 webpack 能够处理的有效模块插件(p...

2019-08-29 18:27:00 135

转载【JS】深入理解JS原型和继承

前言在学习JS中的原型，原型链，继承这些知识之前，我们先学习下基础知识：函数和对象的关系。我们一直都知道，函数也是对象的一种，因为通过instanceof就可以判断出来。但是函数和对象的关系并不是简单的包含和被包含的关系，这两者之间的关系还是有点复杂的。接下来我们就来捋一捋。首先，阐述一点，对象都是通过函数创建的对于下面这种类型的代码，一般叫做“语法糖”var obj...

2019-08-29 18:24:00 179

转载 JavaScript 变量作用域和声明提升

一、变量作用域说到这个概念，不有自主的想到this,scope 这两个关键字。JavaScript的this总是指向一个明确的对象，这个对象是在执行的时候动态绑定的。通俗的说就是谁调用我，我的this就是谁。除去不常用的with和eval，具体的实际应用中，this的指向分为以下四种情况：·作为对象的调用；·作为普通函数的调用；·构造器的调用；·Functio...

2019-08-29 18:14:00 75

转载在元素上写事件和addEventListent()的区别

在元素上写事件和addEventListent()的区别1. onclick添加事件不能绑定多个事件，后面绑定的会覆盖前面的。而addEventListener能添加多个事件绑定，按顺序执行。2. addEventListener方式，不支持低版本的IE。（attachEvent 支持IE）。3. 普通方式绑定事件后，不可以取消。addEventListener绑定后则可以用 remov...

2019-08-29 17:59:00 396

转载 webStrom快捷键快速创建React组件

1. rcc + tab键 - - 用ES6模块系统创建一个React组件类2. rccp + tab键 - - 创建一个带有PropTypes和ES6模块系统的React组件类3. rcfc + tab键 - - 创建一个带有PropTypes和所有生命周期方法以及ES6模块系统的React组件类4. rcjc + tab键 ...

2019-08-29 17:56:00 482

转载 vue移动端实现手机左右滑动入场动画

app.vue<template><div id="app"><transition :name="transitionName"><keep-alive ><router-view v-if="$route.meta.keepAlive" class="Router"></router-view&...

2019-08-29 17:53:00 722

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。本文链接：https://blog.youkuaiyun.com/weixin_43606158/article/details/89300534前端移动端开发的时候肯定是会面对不同型号的手机的页面展示问题的，今天给大家推出另外一种自适应不同移动端的方法，使用vw，vh单位。vw和vh单位的大...

2019-08-29 17:47:00 61

转载前端对接钉钉的步骤以及代码

2019-08-29 17:43:00 500

转载深入理解JavaScript中的作用域、作用域链和闭包

2019-08-29 16:40:00 66

转载前端常见跨域解决方案

什么是跨域？跨域是指的一个域名下的文档或者脚本试图去请求另一个域名下的资源，这里跨域是广义的。广义的跨域1）资源跳转：A链接、重定向、表单提交2）资源嵌入：<link> 、<script> 、<img> 、<frame>等dom标签，还有样式中background：url()、@font-face()等文件外链3）脚...

2019-08-29 16:34:00 493

转载 react - 组件间的值传递

父组件向子组件传值父组件通过属性进行传递，子组件通过props获取//父组件class CommentList extends Component{ render(){ return( <div> <Comment comment={information}...

2019-08-29 16:20:00 74

转载 react高阶组件

组件间抽象在React组件的构建过程中，常常有这样的场景，有一类功能需要被不同的组件公用，此时，就涉及抽象的话题，在不同设计理念下，有许多的抽象方法，而针对React，我们重点讨论两种：mixin和高阶组件。mixinmixin的特性一直广泛存在于各种面向对象语言中。比如在Ruby中，include关键词即是mixin。是将一个模块混入到一个另一个模块中，或是一个类中...

2019-08-29 16:17:00 153

转载 React + MobX 状态管理入门及实例

前言现在最热门的前端框架，毫无疑问是React。React是一个状态机，由开始的初始状态，通过与用户的互动，导致状态变化，从而重新渲染UI。对于小型应用，引入状态管理库是"奢侈的"。但对于复杂的中大型应用，引入状态管理库是"必要的"。现在热门的状态管理解决方案Redux，MobX相继进入开发者的视野。正如爱因斯坦所说的 “ 让一切事物尽可能的简单，但不要简单”...

2019-08-29 16:13:00 89

转载在react项目中使用redux or mobx？

主要比较参数：库体积，打包项目体积开发体验性能对比在对比参数前首先分析一下redux和mobx的设计模式，redux和mobx都没有使用传统的mvc/mvvm形式，而且他们使用flux结构也略有不同，这个也是造成redux和mobx各项参数不同的缘由之一。mvc/mvvm和flux的对比mvc设计图...

2019-08-29 16:06:00 277

转载 vue-property-decorator用法

vue-property-decorator这个库完全依赖于vue-class-component，所以在使用这个库之前请先阅读它, 不管啥反正都是装饰器而已vue-property-decorator这个组件完全依赖于vue-class-component.它具备以下几个属性:@Component (完全继承于vue-class-component)@...

2019-08-29 15:51:00 1010

转载小程序生成海报分享朋友圈

https://github.com/livelyPeng/wepy-boss-project/blob/master/src/pages/homeModule/activityDetail.wpy#L216转载于:https://www.cnblogs.com/plBlog/p/11429972.html

2019-08-29 15:31:00 226

转载 js检测页面上一个元素是否已经滚动到了屏幕的可视区域内

应用场景：只要页面加载了，其中在页面中出现的li就向控制台输出第几个发送请求；在本次加载的页面中，再将滚动条滚回前边的li，不再向控制台输出东西，也就是说已经显示过的li，不再向控制台输出东西。<body><ul><li onclick="jumpOther()">0001</li><li>0002</li>&l...

2019-08-29 15:30:00 1511

转载微信小程序和微信小程序之间的跳转和传参示例代码附讲解

一：微信小程序跳转使用限制需要用户触发跳转从 2.3.0 版本开始，若用户未点击小程序页面任意位置，则开发者将无法调用此接口自动跳转至其他小程序。需要用户确认跳转从 2.3.0 版本开始，在跳转至其他小程序前，将统一增加弹窗，询问是否跳转，用户确认后才可以跳转其他小程序。如果用户点击取消，则回调fail cancel。每个小程序可跳转的其他小程序数量限制为不超过...

2019-08-29 15:29:00 213

转载 vue-cli3.0之vue.config.js的配置项（注解）

module.exports = {// 部署应用时的基本 URLbaseUrl: process.env.NODE_ENV === 'production' ? '192.168.60.110:8080' : '192.168.60.110:8080',// build时构建文件的目录构建时传入 --no-clean 可关闭该行为outputDir: 'dist',// bu...

2019-08-29 15:28:00 88

转载 Vue优化：常见会导致内存泄漏问题及优化

1. 监听在window/body等事件没有解绑2. 绑在EventBus的事件没有解绑3. 模块形成的闭包内部变量使用完后没有置成null4. 使用第三方库创建，没有调用正确的销毁函数5 . echarts问题：不要把chart实例赋值在this上。（this对象一直存在不会被回收）析构掉生成的echarts对象。//-dom 不存在时不画if (!this.$refs.barcha...

2019-08-29 15:26:00 1404

转载一维数组转二维数组

使用场景举例：接口返回一个数组对象，展示时每行固定显示n个，则可将返回的数组转成二维数组[[...n], [...n]...]的形式循环展示。a.数组元素为基本类型：let baseArray = [1, 2, 3, 4, 5, 6, 7, 8];len len = baseArray.length;let n = 4; //假设每行显示4个let lineNu...

2019-08-29 10:28:00 331

转载解决html连续字符或数字换行的问题

word-break: break-all; word-wrap:break-word; 强制换行转载于:https://www.cnblogs.com/plBlog/p/11428177.html

2019-08-29 10:23:00 301

转载 nuxt.js部署vue应用到服务端过程

由于seo的需要，最近将项目移植道nuxt.js下采用ssr渲染移植完成后，一路顺畅，但是到了要部署到服务器端上时候，还是个头疼的问题，但最终还是顺利完成。现在记录一下部署中的过程。注：部署时候过程中，参考了下：https://segmentfault.com/a/11...一：搭建nginx+node+npm+pm2环境我们的nginx版本是 1.12node版本是v8...

2019-08-29 10:17:00 108

转载 Webpack打包css后z-index被重新计算的解决方法

发现问题最近在使用 Webpack 打包 css 文件时，发现了一个问题，发现打包后的 z-index 值跟源文件 z-index 不一致。如下图，左侧是源文件，右侧是打包后的文件：即使加上 !important，经过 OptimizeCssAssetsPlugin 调用 cssProcessor cssnano 处理之后也是 z-index: 2。因此，很...

2019-08-29 09:58:00 951

转载微信小程序实现watch属性监听数据变化

/*** 设置监听器*/export function setWatcher(page) {let data = page.data;let watch = page.watch;Object.keys(watch).forEach(v => {let key = v.split('.'); // 将watch中的属性以'.'切分成数组let n...

2019-08-29 09:52:00 279

转载 Class constructor FileManager cannot be invoked without 'new'

bug：今天项目重新安装依赖打包的时候出现错误：Class constructor FileManager cannot be invoked without 'new'解决：尝试了很多种解决方案，锁定有效解决方案1. 修改package.json 里面的："less": "^3.9.0"为"less": "~3.9.0"2. 删除node_modules，然后重新安装打包，成功...

2019-08-29 09:42:00 443

转载 javascript深入理解js闭包

一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。Js代码　　var n=999;　　function f1(){　　　　alert(n);　　}　　f1(); // 999另一方面，在函数外部自然无法读取函数...

2019-08-29 09:38:00 79

转载 vue,element列表大数据卡顿问题,vue列表渲染慢

https://github.com/livelyPeng...一个表格组件（完美解决万级数据渲染卡顿问题），流畅渲染万级数据并不会影响到el-table的原有功能分析：前端UI框架使用的是ElementUI,项目要求数据不分页一个表格至少要1000条数据，这时点击其他DOM操作，会出现卡顿的现象。如点击复选框。减少对DOM节点的渲染，通过滚动函数节流实现...

2019-08-29 09:17:00 6759