白云随风飘-CSDN博客

原创 vue 组件制作并发布npm

一、书写一个vue组件不用脚手架，我们自己从头开始做起，因为脚手架会附带很多没用的东西。就做一个最简单的vue组件：就是传入用户名字，页面打印出‘hello,用户名’的组件。比如，我的预期目标是其他vue项目中，npm install本组件后，可以如此使用该组件：<template> <div class="index"> <di...

2019-07-31 20:58:14 448

原创 js深度拷贝和浅拷贝

1.Object.assign(target, obj1, obj2);var a = {a:1,b:2};var b = {};Object.assign(b, a);console.log(b); // {a:1,b:2}a.a=2;console.log(b); // {a:1,b:2}看着像深拷贝，其实不然不完全。再看如下：var a = {a:1,b:2, c: [...

2019-02-25 17:09:38 207 1

原创 Client does not support authentication protocol requested by server; consider upgrading MySQL client

在nodejs链接MySQL时，若出现Client does not support authentication protocol requested by server; consider upgrading MySQL client错误时，不妨试着下面操作USE mysql; ALTER USER 'root'@'localhost' IDENTIFIED WITH mysql_na...

2019-01-25 15:49:58 224

原创箭头函数使用点注意

箭头函数有几个使用注意点。（1）函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象。（2）不可以当作构造函数，也就是说，不可以使用new命令，否则会抛出一个错误。（3）不可以使用arguments对象，该对象在函数体内不存在。如果要用，可以用Rest参数代替。（4）不可以使用yield命令，因此箭头函数不能用作Generator函数。...

2018-11-30 14:31:44 750

原创 mac jdk版本降低方法

首先移除安装的jdk，命令如下：sudo rm -rf /Library/Java/*sudo rm -rf /Library/PreferencePanes/Java*sudo rm -rf /Library/Internet\ Plug-Ins/Java*然后在安装对应的jdk

2018-10-24 14:55:37 2980

原创 js获取光标位置

js获取光标位置1.概念和原理DOM中并没有直接获取光标位置的方法，那么我们只能间接来获取光标位置。DOM支持获取光标选中的范围，我们可以以此为切入点，来获取或定位光标的位置。当选取范围起始点和结束点一样时，就是光标插入的位置。1.1 术语anchor(瞄点)：选区起点。focus(焦点)：选区终点。range(范围)：选区范围，包含整个节点或节点的一部分。1.2 Selec...

2018-10-23 14:38:52 1999

转载从零搭建vue项目

前言：此样板面向大型，严肃的项目，并假定您对Webpack和vue-loader有些熟悉。请务必阅读vue-loader的常见工作流配方的文档。如果您只想尝试vue-loader或者鞭打一个快速原型，请改用webpack-simple模板。快速开始：要使用这个模板，可以用vue-cli来支持一个项目。建议使用npm 3+更高效的依赖关系树：$ npm ...

2018-10-07 20:38:05 157

原创 Mac下配置android环境变量

mac环境下的配置步骤：1、启动Terminal终端工具2、输入cd ~/ 进入当前用户的home目录创建：touch .bash_profile4、打开并编辑：open .bash_profile5、在文件中写入以下内容：export ANDROID_HOME=/Users/Android/sdkexport PATH=${PATH}:${ANDROID_HOME}/to...

2018-09-27 12:05:21 2547

转载 Mac 终端命令大全

目录操作命令名功能描述使用举例 mkdir 创建一个目录 mkdir dirname rmdir 删除一个目录 rmdir dirname mvdir 移动或重命名一个目录 mvdir dir1 dir2 cd 改变当前目录 cd dirname pwd 显示当前目录的路径名 pwd ...

2018-09-20 18:10:14 171

转载 gulp和webpack的区别

Gulp和Webpack对比时间 2016-10-18 11:38:08 前端小开发原文 http://chping.website/2016/10/18/gulp和webpack对比/主题 Webpack Gulp在现在的前端开发中，前后端分离、模块化开发、版本控制、文件合并与压缩、mock数据等等一些原本后端的思想开始逐渐渗透到“大前端”的开发中。前端开发过程越来越繁琐，当今...

2018-07-18 17:24:02 4382

原创 input range 滑块

实现自定义美化的音量加减input[type=range] { -webkit-appearance: none; width: 100px; border-radius: 1px; /*这个属性设置使填充进度条时的图形为圆角*/}input[type=range]::-webkit-slider-thumb { -webkit-appearance: none;}inpu...

2018-05-31 17:09:26 1181

CommonJS是在浏览器环境之外构建JavaScript生态系统为目标产生的项目，比如服务器和桌面环境中。CommonJS规范是为了解决JavaScript的作用域问题而定义的模块形式，可以使每个模块在它自身的命名空间中执行。该规范的主要内容是：模块必须通过 module.exports导出对外的变量或接口，通过require()来导入其他模块的输出到当前模块。module.exports =...

2018-04-24 09:31:50 129

原创获取给定日期的周末等日期

var Utils = { /** * 传入毫秒，格式化时间 * @param second 毫秒数 * @param fmt 格式，常见：'yyyy-MM-dd hh:mm:ss.S'、'yyyy-M-d h:m:s.S' * @returns {*} */ formateDate(second, fmt) { i...

2018-04-15 09:12:11 629

原创支持Android webview修改meta

webview.setVerticalScrollbarOverlay(true); //指定的垂直滚动条有叠加样式WebSettings settings = webview.getSettings();settings.setUseWideViewPort(true); //设定支持viewportsettings.setLoadWithOverviewMode(true);settings....

2018-03-22 11:50:23 1792

转载 Vue 插件开发与发布

原文链接：www.jianshu.com本次演示的是开发一个 vue手机虚拟支付键盘插件主要讲解的是如何快速开发一个vue插件并发布到npm上源码地址所有代码都可以在我的GitHub vue-pay-keyboard 上查看,demo演示地址请用手机或者电脑仿真查看 vuepayboard关于vue插件插件一般都有如下几种形式导入ES6import

2018-01-20 17:54:19 4521

原创 vue环境搭建

一、根据vux文档直接安装，无需手动配置npm install vue-cli -g // 如果还没安装vue init airyland/vux2 my-project // 创建名为 my-project 的模板cd my-project // 进入项目npm install --registry=https://registry.npm.taobao.

2017-12-01 09:52:38 215

转载实用的 CSS — 贝塞尔曲线(cubic-bezier)

前言在了解 cubic-bezier 之前，你需要对 CSS3 中的动画效果有所认识，它是 animation-timing-function 和 transition-timing-function 中一个重要的内容。本体简介cubic-bezier 又称三次贝塞尔，主要是为 animation 生成速度曲线的函数，规定是 cubic-bezier(, , , )。我们可以从下图中简要

2017-11-24 11:33:22 989

原创 npm镜像下载

npm全称Node Package Manager，是node.js的模块依赖管理工具。由于npm的源在国外，所以国内用户使用起来各种不方便。下面整理出了一部分国内优秀的npm镜像资源，国内用户可以选择使用。淘宝npm镜像搜索地址：http://npm.taobao.org/registry地址：http://registry.npm.taobao.org/cnpm

2017-11-16 11:28:57 1173

原创 vue ref scrollTop不起作用

工作小结：当我们在vue中使用ref，来多列控制设置scrollTop或者scrollTo时，若无效，不妨试试 this.$nextTick(() => {this.$refs.viewBox[key].scrollTo(0,34 * index);})多数原因是加在顺序问题导致设置无效

2017-11-03 15:14:17 18171

转载互联网公司Android面试题汇总

转眼离2018就剩下几个月了，很多人估计正在跳槽的路上，整理一份Android高级开发工程师面试集锦，对照这些问题进行复习，将会事半功倍。废话不多说，直接上干货，由于是整理于网络，就不标明原创，希望大家多多分享和转发给有需要的同学。阿里巴巴LRUCache原理图片加载原理模块化实现（好处，原因）JVM视频加密传输

2017-10-12 08:19:40 944

转载 CSS 布局经典问题初步整理

本文主要对 CSS 布局中常见的经典问题进行简单说明，并提供相关解决方案的参考链接，涉及到三栏式布局，负 margin，清除浮动，居中布局，响应式设计，Flexbox 布局，等等。CSS 基础知识下面几个入门教程不错：幕课网 - HTML+CSS基础课程：偏基础，可以在线练习和预览MDN - CSS入门教程: MDN 的官方文档学习 CSS 布局：排版和配色特别舒服，简短但不深

2017-10-02 17:33:27 223

翻译 Meta标签用法大全

meta是html文档在head标签里定义的一个对文档进行描述的功能性标签meta标签有下面的作用：　　1.搜索引擎优化（SEO）　　2.定义页面使用语言　　3.自动刷新并指向新的页面　　4.实现网页转换时的动态效果　　5.控制页面缓冲　　6.网页定级评价　　7.控制网页显示的窗口meta标签的组成：meta标签共有两个属性，

2017-10-02 17:13:31 806

转载 Git常用命令

查看、添加、提交、删除、找回，重置修改文件git help # 显示command的helpgit show # 显示某次提交的内容 git show $idgit co -- # 抛弃工作区修改git co . # 抛弃工作区修改git add # 将工作文件修改提交到本地暂存区git add . # 将所有修改过的工

2017-09-14 14:32:56 149

转载 67 个拯救前端开发者的工具、库和资源

这个列表包含许多种类的资源，所以这里我将它们分组整理。Javascript 库Particles.js — 一个用来在 web 中创建炫酷的浮动粒子的库Three.js — 一个用来在 web 中创建 3d 物体和 3d 空间的库Fullpage.js— 快速实现全屏滚动特性Typed.js — 打字机效果Waypoints.js — 滚动到某个元素

2017-09-09 08:48:32 1813

原创 vue 数据传递

1.父子组件件数据传递:props组件实例的作用域是孤立的。这意味着不能 (也不应该) 在子组件的模板内直接引用父组件的数据。要让子组件使用父组件的数据，我们需要通过子组件的 props 选项。子组件要显式地用 props 选项声明它期待获得的数据：Vue.component('child', { // 声明 props props: ['message

2017-08-17 11:24:14 347

原创 vux2代码解析

最近在学习vue，后面看移动端vux组件库，自己从简单的搭建没问题，后面查看提供的https://vux.li/demos/v2/?x-page=v2-doc-home#/代码，遇到了一个难点。我们普通页面渲染都需要放入到id=‘xxx’的div或者router-view中。看官方提供的demo时没有，查看到路由配置这块。后面通过研究发现，他这块是分开的，也就是说他把需要加载的路由跟我们普通写法分

2017-08-14 14:31:47 1334

转载 webpack进阶——DllPlugin优化打包性能（基于vue-cli）

介绍：打包会输出一个类dll包（dll包源于windows的动态链接库），这些代码本身不会执行，主要是提供给我们的业务代码引用。（比如dll中有一个工具方法为时间格式化，这个方法本身并不会执行，但是当我们的业务中需要执行时间格式化时，就会引用这个方法在我们的业务中执行时间格式化）。简言之：将静态资源文件（运行依赖包）与源文件分开打包，先使用DllPlugin给静态资源打包，再使用Dll

2017-08-11 08:33:11 8567 8

原创开发时解决跨域常用的一种方法

开发时解决跨域，最简单直白的方法是通过Google开发在Google，右键--属性--快捷方式中，目标那一栏添加 --disable-web-security --user-data-dir=D:\MyChromeDevUserData。注意 --disable前有一个空格

2017-08-09 08:39:35 462

转载 mapGetters工具函数

来自https://vuefe.cn/vuex/getters.html#mapGetters-工具函数mapGetters工具函数会将store中的getter映射到局部计算属性中。import {mapGetters} from ‘vuex’export default{computed：{...mapGetters([//使用对象扩展操作符把getter混入到comp

2017-08-07 17:47:56 3330

转载 vue2整个项目中，数据请求显示loading图

一般项目中，有时候会要求，你在数据请求的时候显示一张gif图片，然后数据加载完后，消失。这个，一般只需要在封装的axios中写入js事件即可。当然，我们首先需要在app.vue中，加入此图片。如下：template> div id="app"> loading v-show="fetchLoading">loading> router-view>router-view>

2017-08-07 17:46:31 1489

转载 webpack基础+webpack配置文件常用配置项介绍+webpack-dev-server

一.webpack基础　　1.在项目中生成package.json：在项目根目录中输入npm init，根据提示输入相应信息。（也可以不生成package.json文件，但是package.json是很有用的，所有建议生成）　　2.安装webpaack　　　　a.在全局中安装webpack：npm install webpack -g　　　　b.将webpack

2017-08-05 22:06:02 868

转载 webpack+vue+vueRouter模块化构建完整项目实例超详细步骤（代码、入门篇）

开始（确认已经安装node环境和npm包管理工具）1、新建项目文件名为vuedemo2、npm init -y 初始化项目>安装项目依赖3、npm install --save vue 默认安装最新版vue4、npm install --save-dev webpack webpack-dev-server 安装webpack，webpack-dev

2017-08-04 17:59:28 4428

转载 Javascript中的高阶函数介绍

高阶函数高阶看上去就像是一种先进的编程技术的一个深奥术语，一开始我看到的时候我也这样认为的。Javascript的高阶函数然而，高阶函数只是将函数作为参数或返回值的函数。以上面的Hello,World作为一个简单的例子。复制代码代码如下:var Moqi = function(p1){ this.add = function (p2){ r

2017-08-02 17:53:21 207

转载 WeakSet

WeakSet § ⇧含义WeakSet 结构与 Set 类似，也是不重复的值的集合。但是，它与 Set 有两个区别。首先，WeakSet 的成员只能是对象，而不能是其他类型的值。const ws = new WeakSet();ws.add(1)// TypeError: Invalid value used in weak setws.add(Symbol()

2017-08-01 22:12:49 375

转载 Symbol

概述ES5 的对象属性名都是字符串，这容易造成属性名的冲突。比如，你使用了一个他人提供的对象，但又想为这个对象添加新的方法（mixin 模式），新方法的名字就有可能与现有方法产生冲突。如果有一种机制，保证每个属性的名字都是独一无二的就好了，这样就从根本上防止属性名的冲突。这就是 ES6 引入Symbol的原因。ES6 引入了一种新的原始数据类型Symbol，表示独一无二的值。它是

2017-08-01 22:06:22 260

转载 es6 Set

Set基本用法ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。Set 本身是一个构造函数，用来生成 Set 数据结构。const s = new Set();[2, 3, 5, 4, 5, 2, 2].forEach(x => s.add(x));for (let i of s) { console.log(i);}

2017-08-01 22:00:07 210

转载 10个JavaScript难点

译者按：能够读懂这篇博客的JavaScript开发者，运气不会太差...原文: 10 JavaScript concepts every Node.js programmer must master译者: Fundebug为了保证可读性，本文采用意译而非直译，并且对示例代码进行了大量修改。另外，本文版权归原作者所有，翻译仅用于学习。1. 立即执行函数立即

2017-08-01 18:10:20 196

原创 java配置环境变量

配置 JAVA_HOME和CLASSPATH,以及path3项，新增JAVA_HOME和CLASSPATHJAVA_HOME: 是jdk安装的路径比如C:\Java\jdk1.8.0_111；CLASSPATH：是.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;找到path：在原来的后面加 ;%JAVA_HOME%\b

2017-07-31 17:00:07 139

转载移动click消除300毫秒及摇一摇

从移动端 click 到摇一摇以前听到前辈们说移动端尽量不要使用click，click会比较迟钝，能用touchstart还是用touchstart。但是用touchstart会有一个问题，用户在滑动页面的时候要是不小心碰到了相关元素也会触发touchstart，所以两者都有缺点。那怎么办呢？首先为什么移动端的click会迟钝呢？从谷歌的开发者文档《300ms tap de

2017-07-25 09:37:19 1551