自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(180)
  • 收藏
  • 关注

转载 vue-cli3.0结合lib-flexible、px2rem实现pc端大屏适配,完美解决第三方ui库样式变小问题

一、项目中安装lib-flexible npm install lib-flexible --save二、在项目的入口main.js文件中引入lib-flexible import 'lib-flexible'第二部分:使用postcss-px2rem-exclude自动将css中的px转换成rem 安装postcss-px2rem-exclude npm install postcss-px2rem-exclude --save配置exclude选项配置位置是项..

2020-06-04 09:37:56 399

转载 java 基础篇 (搭建一个普通的java项目)

IntelliJ IDEA如何创建一个普通的java项目,及创建java文件并运行首先,确保idea软件正确安装完成,java开发工具包jdk安装完成。IntelliJ IDEA下载地址:https://www.jetbrains.com/idea/download/#section=windowsjdk下载地址:http://www.oracle.com/technetwork/java/javase/downloads/index.htmlIDEA的java项目(Project)则相当.

2020-05-12 09:40:32 80

原创 three.js 基础篇一

three.js 是对webgl的封装, 类似于javascripts 与 jquery 的关系。一: webgl的理解创建三维模型,需要有 数学基础和图形学相关的基础,

2020-05-11 09:48:15 73

原创 js 状态模式

// 不同状态显示不同内容function stateManage(action){ if(typeof action == 'number'){ if(action == 1){ console.log('success'); }else if(action == 2){ console.log('err...

2020-04-08 17:17:23 68

原创 js 对比 vue 装饰者模式

// 装饰者模式的特点(不改变源码方法,重写源码或新写方法里调用源码方法)如:源码:function a(){ console.log(1);}// 新的需求 打印1的同时 还能打印2, 现有源码方法不能满足现在需求解决方法: //新建方法b,c function b(){ console.log(2); } function...

2020-04-08 16:00:54 116

原创 js 元模式

var test1, test2, test3;test1.onmouseover = function(){ console.log('this is test1'); this.style.color = 'red';};test2.onmouseover = function(){ console.log('this is test2'); this....

2020-04-08 15:18:00 43

原创 vue 分页功能。翻页记忆搜索

1: template里 引入组件<el-table ref='multipleTable' :data="tableData"></el-table>2: 设置分页用的参数data(){return{tableData:[],multipleSelectionAll:[],//所有选中的数据包含跨页数据...

2020-03-31 16:28:06 203

原创 this 指向详细解析(箭头函数)

1、全局环境下,无论是否严格模式,this始终指向全局对象(windows)2、普通函数的this,分两种情况,即严格模式和非严格模式非严格模式下this指向全局对象(windows)严格模式下 this指向undefined3、对象中的this对象内部方法的this指向调用这些方法的对象4、原型链中的this原型链中的this指向调用它的对象5、构造函数中的thi...

2020-03-31 16:11:52 108

原创 dart ?? 运算符

??=,如果变量没有赋值才进行赋值,否则不进行赋值//??=,如果变量没有赋值才进行赋值,否则不进行赋值b ??= 10;print(b);

2020-02-15 16:42:35 394 1

原创 dart 基本用法

const final 的区别

2020-02-13 18:01:49 59

原创 dart 运行在vscode配置

1 vscode 安装 dart2 vscode 安装 code runner 目的:运行文件

2020-02-13 16:01:57 780

原创 dart sdk 安装

下载网址:https://gekorm.com/dart-windows/

2020-02-13 15:37:24 723

原创 Chrome添加JSON-Handle插件

官网:http://jsonhandle.sinaapp.com/

2020-02-13 09:11:23 115

转载 videojs 使用设置

1.对于Video.js 5.x及更低版本,Flash技术是Video.js核心存储库的一部分。对于Video.js 6.x及更高版本,Flash技术位于单独的存储库中。videojs-flash.js插件只与Video.js> = 6.0.0一起使用,因为之前的flash技术已构建到版本中!video.js不能直接播放rtmp流,需要videojs-flash.js 这个插件。...

2020-01-21 10:00:45 594

转载 前端Request Payload 和 Form Data提交方式

前端传参方式及格式:Request Payload的请求正文格式是json格式的字符串:{ “name” : “admin”, “password” : “12” }Form Data的请求正文格式是用name=value&key1=value2格式:name=admin&password=12后台处理:对于 Request Payload 请求, 必...

2019-08-21 09:05:21 166

原创 数组对象的拷贝

数组对象的拷贝错误方式:let arr1 = [{isShow: true,value:testValue}];let arr2 = [...arr1];// 采用es6解构赋值的方式let listItems = [];arr2.foreach( (item)=> {if (item.isShow == true) {let reg = RegExp(/Val...

2019-08-14 17:07:58 57

转载 函数添加自定义属性

常规函数:function test() { console.log("ccc");}test.arr = ["1"];console.log(test.arr);答案是 ["1"];构造函数:function Person(firstName, lastName) { this.firstName = firstName; this.lastName = la...

2019-06-26 09:39:51 667

转载 js 函数&对象

函数是一个拥有属性的对象,并且属性也可被调用。例如:function bark() { console.log('Woof!')}bark.animal = 'dog'A: Nothing, this is totally fine! B:SyntaxError. You cannot add properties to a function this way. C...

2019-06-18 10:20:57 60

转载 js es6 class类

## 静态方法 类相当于实例的原型,所有在类中定义的方法,都会被实例继承。如果在一个方法前,加上`static`关键字,就表示该方法不会被实例继承,而是直接通过类来调用,这就称为“静态方法”。 ```javascript class Foo { static classMethod() { r...

2019-06-18 10:11:05 536

转载 js 进阶基础

1.在 JavaScript 中,所有对象的 keys 都是字符串(除非对象是 Symbol)。尽管我们可能不会定义它们为字符串,但它们在底层总会被转换为字符串。2.当我们使用括号语法时([]),JavaScript 会解释(或者 unboxes)语句。它首先看到第一个开始括号[并继续前进直到找到结束括号]。只有这样,它才会计算语句的值。例题:哪一个是无效的?const...

2019-06-18 09:18:09 63

转载 提示Unused default export错误,如何解决

问题描述如下:这个错误提示其实是webstorm的变量语法检查提示,修改一下它的配置就好了。1.点击Webstorm右下角的小人,点击Configure inspections2.在搜索框中输入javascript general unused,取消勾选Unused global symbol,记得保存修改作者:木子Ru连接:https://www.cnblogs...

2019-06-17 14:49:34 3062

转载 常规函数&箭头函数

const shape = { radius: 10, diameter() { return this.radius * 2 }, perimeter: () => 2 * Math.PI * this.radius}shape.diameter()shape.perimeter()A:20and62.83185307179586 B:20...

2019-06-17 10:40:40 278

转载 webstorm 配置 git

景描述:新建的工程,想上载到gitlab进行版本能控制。1、安装git  借用大神git安装教程:https://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000/00137396287703354d8c6c01c904c7d9ff056ae23da865a0002、webstorm配...

2019-06-11 09:46:21 1692 4

转载 ES7前端异步玩法:async/await理解

在最新的ES7(ES2017)中提出的前端异步特性:async、await。什么是async、await?async顾名思义是“异步”的意思,async用于声明一个函数是异步的。而await从字面意思上是“等待”的意思,就是用于等待异步完成。并且await只能在async函数中使用通常async、await都是跟随Promise一起使用的。为什么这么说呢?因为async返回的都是一个P...

2019-06-05 10:18:44 48

原创 echarts 环形图 不同区域背景色自定义

app.title = '环形图';option = { tooltip: { trigger: 'item', formatter: "{a} <br/>{b}: {c} ({d}%)" }, legend: { orient: 'vertical', x: 'left', d...

2019-05-29 14:55:40 4502

原创 eventEmitter

编写事件派发器可以监听xxx事件 触发xxx事件function eventEmmitter() {this.listeners = {};}eventEmmitter.prototype = {// 监听on: function(eventName, fn) {console.log("监听事件");let arrs = (this.listeners[eve...

2019-05-29 10:55:21 360

转载 es 模块化导出的两种方式及区别

ES中的模块导出导入export 和 export default两个导出,下面我们讲讲它们的区别export与export default均可用于导出常量、函数、文件、模块等在一个文件或模块中,export、import可以有多个,export default仅有一个通过export方式导出,在导入时要加{ },export default则不需要export能直接导出变...

2019-05-27 10:13:08 491

转载 浏览器上使用原生ES模块方案

来浏览器上使用原生模块需要在script标签上添加type=module属性例如:es.html<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, i...

2019-05-27 10:02:05 500

转载 前段开发工具VS code 安装Vetur插件后会报错,检测语法template

转载于:weixin_40551482https://blog.csdn.net/weixin_40551482/article/details/83045854

2019-04-26 10:01:29 1395

转载 Vue项目报错:Uncaught SyntaxError: Unexpected token <

今天做一个 VUE 的项目,在引入第三方依赖的 JS 文件时,遇到了一个问题:控制台的提示:Uncaught SyntaxError: Unexpected token <按照提示进入文件,再看如下图:仔细看了看 index.html 文件,发现原本我的 JS 文件是放在 /src/utils 文件夹下的,但引入 /src 和 /static 的文件是有区别的。解决方案...

2019-04-16 15:56:49 809

转载 node-webkit 创建桌面程序

node-webkit是一个Chromium和node.js上的结合体,通过它我们可以把建立在chrome浏览器和node.js上的web应用打包成桌面应用,而且还可以跨平台的哦。很显然比起传统的桌面应用,在某些特定领域用html5+css3+js开发的web应用更加简单和高效,而且还可以使用node.js的功能,所以node-webkit还是很有用处的。下面我通过一个简单的demo来介绍怎么...

2019-04-15 10:20:08 80

原创 vscode 采用 scss预编译器总报语法错误

VS Code vue项目使用scss显示语法错误在vs code的设置中添加:"files.associations": { "*.vue": "vue" }具体位置如下:

2019-04-12 17:09:25 3281 1

原创 如何侦听一个对象的变化

有两种方法:1.使用Object.defineProperty2.es6的Proxy现在vue.js使用的还是Object.defineProperty,因为es6在浏览器的支持并不是全都适用

2019-04-12 09:51:14 51

转载 Error: watching ./scss/*.scss: watch task has to be a function (optionally generated by using gulp.p

var gulp = require('gulp');var sass = require('gulp-sass');gulp.task('default', () => {return new Promise(function (resolve, reject) {console.log("HTTP Server Started");resolve();});...

2019-04-01 10:13:47 714

转载 { parser: "babylon" } is deprecated; we now treat it as { parser: "babel" }.

npm run dev 错误提示:{ parser: "babylon" } is deprecated; we now treat it as { parser: "babel" }.解决方法:找到你的工程文件夹里的 YourProName\node_modules\vue-loader\lib\template-compiler\index.js//将以下代码if (!...

2019-03-26 13:44:16 2135

原创 vue-cli 中 eslint 语法错误警告解决

报错信息./src/main.js error eol-last Newline required at end of file but not found /Users/xxx/site/xxx/src/main.js:24:2 router.start(require('./app.vue'), '#app') ^✖ 1 problem (1 err...

2019-03-26 13:42:36 1890

转载 数组去重

es5 的方法[1,3,"a","a"].filter(function(ele,index,array){return index===array.indexOf(ele)})es6[...new Set([1,2,4,1,"a",3,"a"])]

2019-03-26 08:59:27 24

转载 vue ui 组件库的创建 发布

本文提供的方式是将组件直接引入,不需要使用Vue.use(),即没有给组件添加install方法。步骤一注册npm账号,用于发布组件。// 注册后npm adduser // 添加用户(填写注册的用户名,密码,邮箱)npm whoami // 查看当前注册的用户附:注册npm需要确认邮箱,邮箱确认后需要重新登录npm,否则会一直提示邮箱未确认。步骤二构建一个vue项目...

2019-03-25 15:12:17 177

转载 koa2从搭建项目到实现API

搭建环境安装node 这个不用想也不用考虑,koa项目是基于node的,上来什么都别说,先安装node。但这里有个细节需要注意,node需要最低版本为7.6.0,主要是为了一些es6的语法支持。brew install node我这里是在mac环境上安装的node,由于本人习惯使用homebrew安装,如果不是mac环境的同学,也可以直接到官网下载安装包安装。这个步骤比较简单,一...

2019-03-20 17:02:48 841

转载 vue如何定义全局变量 全局函数

定义全局变量原理:设置一个专用的的全局变量模块文件,模块里面定义一些变量初始状态,用export default 暴露出去,在main.js里面使用Vue.prototype挂载到vue实例上面或者在其它地方需要使用时,引入该模块便可。全局变量模块文件:Global.vue文件:<script>const serverSrc='www.baidu.com';const...

2019-03-20 15:03:13 363

空空如也

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除