- 博客(179)
- 收藏
- 关注
RSS订阅转载 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
2635
2
转载 java 基础篇 (搭建一个普通的java项目)
IntelliJ IDEA如何创建一个普通的java项目，及创建java文件并运行 首先，确保idea软件正确安装完成，java开发工具包jdk安装完成。 IntelliJ IDEA下载地址：https://www.jetbrains.com/idea/download/#section=windows jdk下载地址：http://www.oracle.com/technetwork/java/javase/downloads/index.html IDEA的java项目(Project)则相当.
2020-05-12 09:40:32
1975
原创 three.js 基础篇一
three.js 是对webgl的封装， 类似于javascripts 与 jquery 的关系。 一： webgl的理解 创建三维模型，需要有 数学基础和图形学相关的基础，
2020-05-11 09:48:15
537
原创 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
371
原创 js 对比 vue 装饰者模式
// 装饰者模式的特点（不改变源码方法，重写源码或新写方法里调用源码方法） 如： 源码： function a(){ console.log(1); } // 新的需求 打印1的同时 还能打印2， 现有源码方法不能满足现在需求 解决方法： //新建方法b,c function b(){ console.log(2); } function...
2020-04-08 16:00:54
430
原创 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
272
1
原创 vue 分页功能。翻页记忆搜索
1: template里 引入组件 <el-table ref='multipleTable' :data="tableData"></el-table> 2: 设置分页用的参数 data(){ return{ tableData:[], multipleSelectionAll:[],//所有选中的数据包含跨页数据...
2020-03-31 16:28:06
1056
原创 this 指向详细解析（箭头函数）
1、全局环境下，无论是否严格模式，this始终指向全局对象（windows） 2、普通函数的this,分两种情况，即严格模式和非严格模式 非严格模式下this指向全局对象（windows） 严格模式下 this指向undefined 3、对象中的this 对象内部方法的this指向调用这些方法的对象 4、原型链中的this 原型链中的this指向调用它的对象 5、构造函数中的thi...
2020-03-31 16:11:52
523
原创 dart ?? 运算符
??=，如果变量没有赋值才进行赋值，否则不进行赋值 //??=，如果变量没有赋值才进行赋值，否则不进行赋值 b ??= 10; print(b);
2020-02-15 16:42:35
6373
1
转载 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
1585
转载 前端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
1465
原创 数组对象的拷贝
数组对象的拷贝 错误方式： 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
348
转载 函数添加自定义属性
常规函数： 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
1331
转载 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
364
转载 js es6 class类
## 静态方法 类相当于实例的原型，所有在类中定义的方法，都会被实例继承。如果在一个方法前，加上`static`关键字，就表示该方法不会被实例继承，而是直接通过类来调用，这就称为“静态方法”。 ```javascript class Foo { static classMethod() { r...
2019-06-18 10:11:05
874
转载 js 进阶基础
1.在 JavaScript 中，所有对象的 keys 都是字符串（除非对象是 Symbol）。尽管我们可能不会定义它们为字符串，但它们在底层总会被转换为字符串。 2.当我们使用括号语法时（[]），JavaScript 会解释（或者 unboxes）语句。它首先看到第一个开始括号[并继续前进直到找到结束括号]。只有这样，它才会计算语句的值。 例题： 哪一个是无效的？ const...
2019-06-18 09:18:09
395
转载 提示Unused default export错误，如何解决
问题描述如下： 这个错误提示其实是webstorm的变量语法检查提示，修改一下它的配置就好了。 1.点击Webstorm右下角的小人，点击Configure inspections 2.在搜索框中输入javascript general unused,取消勾选Unused global symbol,记得保存修改 作者：木子Ru 连接：https://www.cnblogs...
2019-06-17 14:49:34
6328
2
转载 常规函数&箭头函数
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
989
转载 webstorm 配置 git
景描述：新建的工程，想上载到gitlab进行版本能控制。 1、安装git 借用大神git安装教程：https://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000/00137396287703354d8c6c01c904c7d9ff056ae23da865a000 2、webstorm配...
2019-06-11 09:46:21
2719
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
227
原创 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
8407
原创 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
650
转载 es 模块化导出的两种方式及区别
ES中的模块导出导入 export 和 export default 两个导出，下面我们讲讲它们的区别 export与export default均可用于导出常量、函数、文件、模块等 在一个文件或模块中，export、import可以有多个，export default仅有一个 通过export方式导出，在导入时要加{ }，export default则不需要 export能直接导出变...
2019-05-27 10:13:08
960
转载 浏览器上使用原生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
1617
转载 前段开发工具VS code 安装Vetur插件后会报错，检测语法template
转载于：weixin_40551482 https://blog.youkuaiyun.com/weixin_40551482/article/details/83045854
2019-04-26 10:01:29
2419
转载 Vue项目报错：Uncaught SyntaxError: Unexpected token <
今天做一个 VUE 的项目，在引入第三方依赖的 JS 文件时，遇到了一个问题： 控制台的提示：Uncaught SyntaxError: Unexpected token < 按照提示进入文件，再看如下图： 仔细看了看 index.html 文件,发现原本我的 JS 文件是放在 /src/utils 文件夹下的，但引入 /src 和 /static 的文件是有区别的。 解决方案...
2019-04-16 15:56:49
3207
转载 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
266
原创 vscode 采用 scss预编译器总报语法错误
VS Code vue项目使用scss显示语法错误 在vs code的设置中添加："files.associations": { "*.vue": "vue" } 具体位置如下：
2019-04-12 17:09:25
6070
1
原创 如何侦听一个对象的变化
有两种方法： 1.使用Object.defineProperty 2.es6的Proxy 现在vue.js使用的还是Object.defineProperty，因为es6在浏览器的支持并不是全都适用
2019-04-12 09:51:14
198
转载 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
1504
转载 { 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
2944
原创 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
3184
转载 数组去重
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
163
转载 vue ui 组件库的创建 发布
本文提供的方式是将组件直接引入，不需要使用Vue.use()，即没有给组件添加install方法。 步骤一 注册npm账号，用于发布组件。 // 注册后 npm adduser // 添加用户（填写注册的用户名，密码，邮箱） npm whoami // 查看当前注册的用户 附： 注册npm需要确认邮箱，邮箱确认后需要重新登录npm，否则会一直提示邮箱未确认。 步骤二 构建一个vue项目 ...
2019-03-25 15:12:17
328
转载 koa2从搭建项目到实现API
搭建环境 安装node 这个不用想也不用考虑，koa项目是基于node的，上来什么都别说，先安装node。但这里有个细节需要注意，node需要最低版本为7.6.0，主要是为了一些es6的语法支持。 brew install node 我这里是在mac环境上安装的node，由于本人习惯使用homebrew安装，如果不是mac环境的同学，也可以直接到官网下载安装包安装。这个步骤比较简单，一...
2019-03-20 17:02:48
1753
转载 vue如何定义全局变量 全局函数
定义全局变量 原理： 设置一个专用的的全局变量模块文件，模块里面定义一些变量初始状态，用export default 暴露出去，在main.js里面使用Vue.prototype挂载到vue实例上面或者在其它地方需要使用时，引入该模块便可。 全局变量模块文件： Global.vue文件： <script> const serverSrc='www.baidu.com'; const...
2019-03-20 15:03:13
687
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人