- 博客(44)
- 收藏
- 关注
RSS订阅转载 vue构造器注册UI组件
1 import ConfirmComponent from '../../components/confirm/index' 2 import { mergeOptions } from '../pluginHelper' 3 4 function plugin (Vue) { 5 if (plugin.install) { 6 return...
2019-09-18 12:37:00
133
转载 input复制文本
<input type="text" readonly="readonly" @click="cloneWe($event)"/> 1 cloneWe (event) { 2 let e = event || (event = window.event) 3 let input = e.target || e.srcElemen...
2019-09-18 12:32:00
147
转载 模拟双击事件以及图片放大基点问题
1 <template> 2 <div> 3 <transition name="maskTransition"> 4 <div class="alert" v-show="showValue" @click="handleShowValue()"> 5 <spa...
2019-09-18 12:29:00
141
转载 禁止橡皮筋效果
1 (function (global) { 2 let startY = 0 3 let enabled = false 4 let supportsPassiveOption = false 5 try { 6 let opts = Object.defineProperty({}, 'passive', { 7 ge...
2019-09-18 12:22:00
337
转载 cross-env
cross-env跨平台设置环境变量安装npm install --save-dev cross-envconfig文件下新建环境对应文件新建编译命令修改build/webpack.prod.cong.js页面使用KO 美美哒！转载于:https://www.cnblogs.com/QQPrincekin/p/11308907.html...
2019-08-06 14:53:00
85
转载 Vue 风格
必要：1.组件名为多个单词，避免冲突2.Prop 定义语义化3.v-for 设置key值4.私有属性用$_ ， 避免冲突5.只使用一次的组件以 The前缀 ，基础组件名 应该以特定前缀开头6.子组件应该以父组件名作为前缀7.把每个组件分成文件， 方便查找，复用 ，组件名 PascalCase8.组件名应该是完整单词9.props 的键始终是camelC...
2019-08-05 11:46:00
89
转载 我们都是阴沟的虫子，但总要有人想仰望星空！
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><style> body { height:...
2019-06-24 11:41:00
270
转载 Vue.use
不管是对象还是函数install 是Vue.use()必须要有的方法 否则无法使用（Vue.use(MintUI)）但axios 不需要Vue.use(axios) 可以直接使用 因为axios没有installVue.use() 为全局注册一个组件 典型案例Vue.use(Router) this.$routerinstall 方法也就是说，如果传入的是对象，...
2019-06-11 14:27:00
85
转载 函数式注释、文件头部注释
代码注释的魅力所在标准函数式注释/*方法说明 *@method 方法名 *@for 所属类名 *@param{参数类型}参数名 参数说明 *@return {返回值类型} 返回值说明*/文件头部注释/** @Description: In User Settings Edit* @Author: your name*...
2019-06-05 16:19:00
284
转载 js async await
既然有了promise 为什么还要有async await ？ 当然是promise 也不是完美的异步解决方案，而 async await 的写法看起来更加简单且容易理解。async function test() { return "SpongeBob";}const result = test();console.log(result);// 得到P...
2019-05-20 18:09:00
84
转载 js try{}catch(e){}的理解
程序开发中，编程人员经常要面对的是如何编写代码来响应错误事件的发生，即例外处理（exception handlers）。如果例外处理代码设计得周全，那么最终呈现给用户的就将是一个友好的界面。否则，就会让访问者对莫名的现象感到真正的“意外”。例外处理：当JavaScript程序在运行中发生了诸如数组索引越界、类型不匹配或者语法错误时，JavaScript解释器就会引发例外处理。ECMA...
2019-05-20 17:34:00
769
转载 VUE mixins（混入）
mixins是在引入组件之后 将组件内部的内容如data等方法、method等属性与父组件相应内容进行合并 相当于在引入后 父组件的各种属性方法都被扩充了。单纯组件引用： 父组件 + 子组件 >>> 父组件 + 子组件mixins： 父组件 + 子组件 >>> new父组件意在重用其功...
2019-05-20 11:20:00
127
转载 .eslintrc.js相关配置
module.exports = { root: true, //此项是用来指定javaScript语言类型和风格，sourceType用来指定js导入的方式，默认是script，此处设置为module，指某块导入方式 "parserOptions": { "parser": "babel-eslint", "ecma...
2019-05-17 17:03:00
186
转载 准确获取URL地址参数
http://localhost:8080/?state=app&code=021axrkH0Il7Df2bEQkH0DMjkH0axrkP准确获取code的值getQueryString(name) { let reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');...
2019-05-09 17:56:00
164
转载 vue上传图片 base64+canvas压缩图片
这是先将图片 base64转码 在拿canvas压缩的转载于:https://www.cnblogs.com/QQPrincekin/p/10791026.html
2019-04-29 16:14:00
320
转载 你不知道的CSS
white-space: pre-line;//P标签自动换行position: sticky;//粘性定位pointer-events:none;//点击穿透转载于:https://www.cnblogs.com/QQPrincekin/p/10643687.html
2019-04-02 16:55:00
78
转载 Mint-ui 脱坑日记
Field表单组件这个组件真是大坑特坑 带默认背景边框 找了半天才找到原生属性 :attr="{ maxlength:10 }" 是可以设置原生属性的注意此处限制的输入长度 并不是真实的 失焦后会多出一位来如果需要限制输入长度建议 拿input 自己写顺便提一下 input框 是带默认宽度的 如果给input的父级加弹性盒子 input flex:1 缩小到默认宽度就...
2019-04-02 16:14:00
125
转载 vue H5 input失焦事件
@blur.native.capture转载于:https://www.cnblogs.com/QQPrincekin/p/10634725.html
2019-04-01 09:52:00
1990
转载 router
(function() { var util = { //获取路由的路径和详细参数 getParamsUrl:function(){ var hashDeatail = location.hash.split("?"), hashName = hashDeatail[0].s...
2019-03-24 14:38:00
51
转载 axios拦截http拦截
一，判断登录页面const routes = [ { path: '/', name: '/', component: Index }, { path: '/repository', name: 'repository', meta: { ...
2019-03-22 23:53:00
171
转载 H5键盘事件处理
if (/Android/gi.test(navigator.userAgent)) { const innerHeight = window.innerHeight; window.addEventListener('resize', () => { const newInnerHeight = window.innerHeight; if (...
2019-03-19 12:42:00
1268
转载 获取页面高度等信息
网页可见区域宽： document.body.clientWidth; 网页可见区域高： document.body.clientHeight; 网页可见区域宽： document.body.offsetWidth (包括边线的宽); 网页可见区域高： document.body.offsetHeight (包括边线的宽); 网页正文全文宽： document.body.scrollWi...
2019-03-19 11:27:00
81
转载 微信网页分享
在微信中分享某个网页，如果不调用微信的接口，分享的网页会默认显示。默认的标题是网页的title，图片会默认选取网页中大于300*300的图片，如果图片小，取不到图片，在微信中会显示默认的灰色图案。网页的简介部分会默认为网页的链接。调用微信的接口以后，分享的标题、图片、简介都可以自定义设置。下面结合在项目中的开发实践，简要总结一下如何进行微信接口的调用，实现自定义网页分享。调用微信接口...
2019-03-19 09:54:00
469
转载 h5手机查看
1.装个node；2.全局装个anywhere的npm包。（npm i -g anywhere）3.大功告成，现在到任意目录下用命令行执行anywhere就可以；(-p 参数可以设置启动端口)补充：启动后为一个ip+端口的地址，这个ip就是你的网络环境下的ip，你现在就可以用手机访问这个ip+端口，记得手机和电脑是同个网络环境才可以（同个内网）。草料二维码也可以扫码浏览。。...
2019-03-18 09:54:00
129
转载 wepy项目创建
全局安装wepynpm install wepy-cli -g创建项目wepy init standard mywepy安装依赖npm install实时编译wepy build --watch打开开发者工具上扬的嘴角藏不住内心的喜悦转载于:https://www.cnblogs.c...
2019-03-12 15:58:00
165
转载 Webgl
<html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>MyCanvas</title> <s...
2019-03-08 21:33:00
134
转载 工具类封装
javascript 总结（常用工具类的封装）JavaScriptajaxfunction ajax(e){(e=e||{}).type=e.type.toUpperCase()||"GET",e.url=e.url||"",e.async=e.async||!0,e.data=e.data||null,e.success=e.success||function(){...
2019-03-04 21:28:00
99
转载 JavaScript实用的工具/类库
Moment.js//JavaScript日期处理类库。Lodash.js//非常实用的工具库。MD5//加密。Numeral.js//格式化和数字四则运算。Pure.css//CSS模块。转载于:https://www.cnblogs.com/QQPrincekin/p/10473227.html...
2019-03-04 21:10:00
213
转载 VUE实例方法添加、COOKIE、Token
创建COOKIEconst COOKIE = { KEY_TOKEN: 'access_token', KEY_USER: 'nbuser', KEY_PERMISSION: 'nb-permission', KEY_OSS: 'upload', KEY_MENU: 'menuData', MAX_AGE: 1000 * 60 * 60 * 2...
2019-03-04 21:06:00
440
转载 DOM
梳理一下脉络，重新认识一下JavaScript这门语言。DOM 是Document、Object、Model（文档对象模型）JavaScript通过ECMAScript编写程序让浏览器来解析，利用ECMAScript通过BOM(Browser Object Model)即浏览器对象模型，来操作浏览器窗口、浏览器导航对象、屏幕分辨率、浏览器历史、cookie等等。通过DOM操作HT...
2019-03-01 21:21:00
55
转载 vue服务器端渲染
Vue.js 是构建客户端应用程序的框架。默认情况下，可以在浏览器中输出 Vue 组件，进行生成 DOM 和操作 DOM。然而，也可以将同一个组件渲染为服务器端的 HTML 字符串，将它们直接发送到浏览器，最后将这些静态标记"激活"为客户端上完全可交互的应用程序。服务器渲染的 Vue.js 应用程序也可以被认为是"同构"或"通用"，因为应用程序的大部分代码都可以在服务器和客户端上运行...
2019-02-28 22:16:00
193
转载 TypeScript
typescript相对于ES5有五大改善：类型类注解模块导入语言工具包（比如，结构）typescript相对于ES6,TypeScript最大的改善是增加了类型系统。1.支持ES6规范2.强大的IDE支持 （WebStorm等自动编译）3.Angular2的开发语言由微软开发 JavaScript的超集 遵循ES6 扩展了ES6语法 ...
2019-02-28 17:58:00
63
转载 Vue.Draggable
Vue.Draggable拖动效果下载包：npm install vue-draggable --save组件中引进依赖：import draggable from 'vuedraggable'注册：draggable这个组件components: { draggable},<draggable :options="{...
2019-02-26 18:23:00
155
转载 原型原型链
function Pro(){}Pro.prototype.name="name";Pro.prototype.age="age"; var p = new Pro(); console.log(p.__proto__ == Pro.prototype)//trueconsole.log(Pro.prototype.__prot...
2019-02-19 22:45:00
71
转载 移动端Web界面滚动touch事件
vue移动端touch的开始事件是@touchstart，移动过程是@touchmove,结束事件是@touchend解决办法一:elem.addEventListener( 'touchstart', fn, { passive: false });解决办法二:* { touch-action: pan-y; } 使用...
2019-02-18 09:48:00
93
转载 fastclick的介绍和使用
移动端点击延迟事件1.移动端浏览器在派发点击事件的时候，通常会出现300ms左右的延迟2.原因: 移动端的双击会缩放导致click判断延迟解决方式1. 禁用缩放 `<meta name = "viewport" content="user-scalable=no" > ` 缺点: 网页无法缩放2.更改默...
2019-02-15 11:34:00
236
转载 Object.defineProperties()与Proxy对象代理
Object.defineProperties()了不起啊。。vue.js通过它实现双向绑定的Object.defineProperties(obj，props)方法直接在一个对象上定义新的属性或修改现有属性 并返回该对象参数obj在其上定义或修改属性的对象props要定义其可枚举属性或修改的属性描述符的对象。对象中存在的属性描述符主要有两种：数据描述符和访问器...
2019-02-10 17:21:00
415
转载 我和我的小伙伴们都惊呆了！基于Canvas的第三方库Three.js
What is Three.jsthree + js 表示运行在浏览器上的3D程序javascript的计算能力因为google的V8引擎得到了迅猛提升 做服务器都没问题了 更别说3D了 哈哈 //参考nodejs一言以蔽之 它能写出在浏览器上流畅运行的3D程序提示：好的3D应用 在腾讯开放平台上 会有一个不错的收入Three.js入门 ...
2019-02-03 14:20:00
549
转载 Canvas动画
玩Canvas玩了有一个礼拜了 平面的东西玩来玩去也就那样所以就开始折腾动画和3D了什么是动画？就像思考哲学问题无法回避思维和存在的关系一样 制作动画同样无法逃避的问题是动画的原理是什么？图像序列的变化运动给我们最为直观的感受就是图像仿佛真实的在运动一般 由此产生动画效果我尼玛 Canvas实现物体运动呢？好了话不多说先上代码线性运动物体朝特定方...
2019-02-02 16:40:00
52
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人