- 博客(43)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 vue.config.js配置解析
const path = require('path')module.exports = { publicPath: './', //部署应用包时的基本 URL outputDir: 'zjjc', //输出文件目录 assetsDir: 'assets', //放置生成的静态资源 lintOnSave: false, //eslint-loader 是否在保存的时候检查 安装@vue/cli-plugin-eslint有效 runtimeCo.
2021-12-03 20:33:10
2592
1
原创 vuecli-babel.config.js-polyfills配置
module.exports = { presets: [[ ['@babel/preset-env', { "useBuiltIns": "entry" //1.usage自动监测是否需要plolyfill 会根据@vue/babel-presset-app，通过@babel/preset-env(node-modle下@vue)和browserslist（package.js）监测项目是否需要 //2.entry强制...
2021-12-03 20:14:07
1160
1
原创 js事件委托及冒泡
1.什么是事件流？事件流描页面中接收事件的顺序，简单来说就是事件从捕获-->处理-->冒泡的一个过程。事件冒泡触发顺序是从下至上，事件捕获的触发顺序是从上至下。2.什么是事件委托？事件委托是利用事件冒泡的特性，将本应该注册在子元素上的处理事件注册在父元素上，触发子元素时发现其本身没有相应事件就转而触发父元素的事件。优点：减少DOM操作，提高性能。 添加的子元素会自动有相应的处理事件。缺点：事件委托基于冒泡（部分浏览器不支持）。 层级过多,冒泡过程中可能被中间层阻止.
2021-05-11 17:23:39
365
6
原创 CSS预处理语言Less总结
概览Less （Leaner Style Sheets 的缩写） 是一门向后兼容的 CSS 扩展语言。这里呈现的是 Less 的官方文档（中文版），包含了 Less 语言以及利用 JavaScript 开发的用于将 Less 样式转换成 CSS 样式的 Less.js 工具。官网地址：https://less.bootcss.com/。我这边会总结整理，急着快速上手的可以继续看下去有时间的可以去官网看看。1、变量（Variables）@width: 10px;@height: @wi
2021-04-29 10:50:39
220
原创 D3学习总结(2)
简单dome1<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script src="js/d3.js" charset="utf-8"><...
2021-04-28 11:33:50
145
原创 node代码断点调试
运行node先要安装node环境。这里我就不说了可以百度下node环境安装高版本不需要再安装npm，低版本的需要还是需要自己手动安装下npm。下面就直接进入正题node断点调试。1.node debug create-component-index.js。这种调试可阅读性很差。http://nodejs.cn/api/debugger.html这个node官方文档又需要的可以自学查询。我下面又将一种相对简单的方法.2.使用Chrome调试Chrome路径栏输入chrome://inspe..
2021-04-16 20:44:08
354
原创 vue $listeners用法记录
有了这个$listenersproperty，你就可以配合v-on="$listeners"将所有的事件监听器指向这个组件的某个特定的子元素。下面直接上代码,$listeners就是多级子组件emit传递偷懒写法（还有一个attr）<template> <div>这是子组件1-1</div></template><script> export default { mounted: function(...
2021-02-24 10:28:55
11223
原创 es6学习理解及整理
es6也出来好几年了只是会用其中的一些方法属性并没有对其做过全面的理解和学习，这次讲个人学习记录下。如果有理解上有问题的麻烦大家留意私信
2020-11-23 20:13:17
207
原创 js 设计模式 Observer 观察者模式
<html><head> <meta charset="UTF-8" /></head><body> <button id='addNewObserver'>Add new Observer checkbox</button> <input id='mainCheckbox' type="checkbox"/> <div id='observersContainer'></.
2020-07-13 20:53:31
1025
原创 js继承方式
js不像java没有完善的继承方式(es6 新属性 class 才勉强算上有继承)，这边说的继承方式无非就是使用各种方式调用这父类的方法和属性,类似有种分装设计模式的感觉。js继承方式原型链继承 (修改prototype会影响父类prototype属性) function f1(){ this.color='red'}function f2(){ this.width=2}f2.prototype = new f1();var ff = new f2();ff..
2020-06-17 21:36:17
150
原创 prototype __proto__ constructor关系
首先 __proto__ constructor 是只有对象才有的属性,__proto__ constructor prototype 属于 函数的属性(函数也是对象的一种). _proto_ 指向对象属性,若对象没有属性则指向上级prototype属性,依次若不存在最后指向对象Object.prototype.constructor将对象指向函数(也就是new)prototype函数原型对象,让函数可以访问实例化对象属性,简单说就是new方法调用并共享(函数创建会自动添加p...
2020-06-15 20:57:23
196
原创 html2canvas + jsPdf 实现导出pdf(及部分问题解决方案)
再做项目中遇到了需要导出pdf的功能,遇到很多问题包括html2canvas截屏不全,jsPdf导出文字图片不展示-内容错位-背景黑色-jsPdf超过一页被分割等问题,就是把我的解决方案写在这给大家点思路和便利。1.html2canvas和jsPdf简单介绍一.html2canvas html2canvas官网 npm引入方式 npm insatll --s...
2019-11-19 21:06:21
10220
4
原创 apply,call,bind个人总结
直接开始,不多说了,你们能点到这个博客里来也不会是来看我扯蛋的-如果有朋友觉得我写的有问题或哪里些错的麻烦留言指点1.什么是apply,call,bind 首先他们是用来改变调用方法中this的指向的,而且他们都是Function的prototype。分别为Function.prototype.apply() Function.prototype.call() Functi...
2019-10-18 11:08:48
369
原创 VueX总结(一)
1.介绍首先Vuex是Vue的核心插件(还没了解vue的可以到vue官网学习下),所以使用VueX之前必须有Vue,是用来集中存储组件状态(也就是数据).我们需要搞清楚一点项目中是不是真的需要用vuex,不要为了使用vuex而使用vuex2.基础使用及注册vuex.js下载地址<script src="/path/to/vue.js"></script>...
2019-05-24 10:14:04
219
原创 对于低版本浏览器video不兼容处理方法
<object height="100%" width="100%"> <param name="movie" value="../vedio/Video1.swf"> <embed src="../vedio/Video1.swf" type="application/x-shockwave-flash" width="100%...
2019-04-04 11:05:11
1425
原创 D3学习总结(1)
d3.select("#a") --下方源码d3.selectAll('p') 同上绑定多个元素 --下方源码并使用原型链便于方便调用/** * 定义d3生效元素,返回d3对象,原型链(只返回第一个对象) * @selector 元素选择器和jquery语法相同 * 传入document.body时父节点就为空 */function select(selector...
2019-03-14 14:16:29
414
原创 css 修改input chekbox样式
input[type="checkbox"]{ -webkit-appearance: none; vertical-align:middle; margin-top:0; background:#fff; border:#999 solid 1px; border-radius: 4px; min-height: 15px; mi...
2019-02-26 14:48:11
223
原创 html2canvas不可见区域截取不到问题解决---自己项目中出现问题(有效 个人记录)
download: function() { var _this = this; var targetDom = $("#demo"); var copyDom = targetDom.clone(); copyDom.width(targetDom.width...
2019-02-14 11:04:56
5206
6
原创 JsPlumb使用心得(2)
如果没看过JsPlumb使用心得(1)的可先查看初始教程 JsPlumb(1)7.事件// 请单点击一下连接线, jsPlumb.bind('click', function (conn, originalEvent) { alert('点击了线')})jsPlumb Events列表 官方事件文件connection connectionDetached conne...
2019-01-30 14:13:11
2114
原创 JsPlumb使用心得(1)
1.初始化方法(必须要)jsPlumb.bind('ready',function(){)) //类似window.onload 2.连接方法 connect()jsPlumb.connect({ source:'d1', //开始位置(id) target:'js2', //结束位置(id) endpoint:[ "Rectangle", { //点样式 cs...
2019-01-28 15:17:33
3170
原创 css实现勾号 √
.check { position: relative; display: inline-block; width: 25px; height: 25px; background: red; border-radius: 25px;}.check::after { content: ""; position: absolute;...
2019-01-08 18:11:33
13283
原创 echarts map地图数据Json制作教程
首先来一个echarts map地图使用的教程(对应地图的数据包我的下载里有 echarts地图离线数据包有需要的可以自行下载或在博客下留言我会单独发你)<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> &
2019-01-03 14:21:37
10885
14
原创 Performance性能测试工具
F12-Performance1.功能条2.overview总览图 fps也就是绿色的进度条越高说明每秒展示的帧数越多,越流畅,相对用户体验就越好.3.火焰图JS Heap，js堆，documents文档，Nodes文档节点数，Listeners监听，GPU Meory GPU内存4.点击后会在详细面板中展示 如果没有选具体方法则会根据时间段展示全部...
2018-12-26 19:30:04
2585
1
原创 Android混淆案例
我转做前端了,昨天一年前的Android项目加新需求了,但老项目运行不起来了,重新过了一遍项目,看到了忽略混淆的,发出来给大家参考下忽略信息写在 proguard-rules.pro 文件里#-------------------------------------------定制化区域----------------------------------------------#-...
2018-12-18 09:50:53
132
原创 Js 事件传递
preventDefault()、stopPropagation()、return false 之间的区别“return false”之所以被误用的如此厉害，是因为它看起来像是完成了我们交给它的工作，浏览器不会再将我们重定向到href中的链接，表单也不会被继续提交，但这么做到底有什么不对呢？ 可能在你刚开始学习关于jQuery事件处理时，看到的第一个例子就是关于如何阻止浏览器执行默认...
2018-12-07 00:40:16
3274
原创 JS闭包
闭包(closure)是Javacript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。js code:var n = 999;function f1(){ ...
2018-11-30 10:13:30
83
原创 Jquery同级样式移除添加
$('#classification span').click(function(){ $(this).addClass('now').siblings().removeClass('now');});点击 全部 会添加工作区2 的样式并且工作区2样式会移除
2018-11-29 15:29:34
2696
原创 css滚动条样式(目前只google支持)
#eachart_f::-webkit-scrollbar,.left_top_pm::-webkit-scrollbar { width: 5px; height: 10px;}#eachart_f::-webkit-scrollbar-button,.left_top_pm::-webkit-scrollbar-button { height: 0; wid...
2018-11-14 11:41:01
390
原创 Vue自定义组件 Vue.component
Vue.component Vue自定义组件（1） 如果有朋友对Vue基础还不够了解的可以先看下官方的教程http://doc.vue-js.com/v2/guide/ 这个是官方的网址，官方的教程还是写的简单易懂的。Component是Vue.js最核心的功能，个人认为component(组件)和directive(指令)撑起了Vue的半壁江山。使用组件主要是提高代码的复...
2018-09-16 23:32:35
9273
9
原创 jquery 类型选择器
$(":button") 选择所有按钮(包括input type="button")$(":checbox") 选择所有复选框$(":file") 选择所有文件上传输入框$(":header") 选择所有标题元素$(":header") 选择所有隐藏元素$(":image") 选择所有图片元素$(":input") 选择所有input$
2018-05-15 11:38:14
2167
原创 flex布局flex-grow问题
width: 100%;flex-grow: 1;-webkit-flex-grow: 1;flexflex-grow等分需要设置子控件宽度 否则内容会影响等分
2018-03-27 15:08:53
890
原创 WebService+Rxjava
最近公司有了个新项目,是之前有个项目需要迭代.由于这个项目比较老.所以用的是WebService的接口.我之前都是写的是restful的接口.没有接触过WebServiece.看到之前的代码我也有点闷逼,于是就花了几天去研究了下WebServiceWebSerivce 比 restful出现的早.所以像像我这这种工作两三年的有点都可能没有接触过WebService. WebServic
2017-08-02 10:09:17
1040
2
原创 Android全局异常捕捉
在Android开发中有些异常是开发和测试中不可遇见的,会在上线后给用户使用的时候才产生.有写是小Exception和一些可能会让App奔溃的问题,这样问题出来App莫名奇妙的就卡住死掉了.用户体验就不好.在App崩溃之前主动讲App杀死,然后给用户一些友好的提示.我们还需要把令App奔溃的Excepion记入在文件上.等到下次app开启的时候在推送到service.以便我们后期修复Bug.下
2017-07-06 10:11:51
319
原创 Kotlin 引入Android项目
闲话少说直接开始1.File -- Settings -- Plugins 导入Kotlin 插件2.在项目的build.gradle中配置 版本号 写在上面方便管理3.Modle 的build.gradle中配置4.Code --Convert java file to Kotlin File 快捷键 Ctrl+Alt+Shif
2017-06-14 18:03:17
441
原创 Android Studio 快捷键
Crtl+ Alt+V 成员变量Alt+回车 导入包,自动修正Crtl+X 剪贴 删除本行 ，之前用Eclipse Ctrl+D 就是删除，在AndroidStudio 中是复制本行到下一行Ctrl+N 查找类Ctrl+Shift+N 查找文件Ctrl+Alt+L 格式化代码Ctrl+Alt+O 优化导入的类和包
2017-06-05 12:50:58
242
原创 Android之屏幕适配
把之前的工作辞了,在杭州找了一份工作.大概找了一周的样子.之前又忙着把项目和之后接手的人交接.所以好长一段时间没有写了.找了个完全我自己主导项目的工作,虽然之前都是独立开发的,但都是老大说我去实现.现在这次是对我工作能力的一种很大的提升.今天来和大家讲一下Android中最恶心的问题之一的----------屏幕适配目前Android手机的屏幕尺寸种类大概有1000多种大概就是这个
2017-05-22 08:41:20
348
原创 导入ShareSDK遇到的一个坑,和导入解析
之前写的三篇博客有点水,主要是我比较懒,没事去代码截图,就只打字说了下,这个我会慢慢改的,刚写博客,请大家见谅,以后慢慢改这次我要写Share分享是因为,我上一次做分享功能的时候是eclipse 的时候,现在用的是AS 在写代码的时候没有仔细注意 遇到了一些坑和大家分享下,希望大家不要和我条同一个坑1.先进入Share的官网 http://www.mob.com/
2017-04-30 12:32:01
635
nvm-setup安装包,解决webstrom svn提交问题
2018-09-05
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人