- 博客(39)
- 收藏
- 关注
RSS订阅原创 使用npm发布nodejs程序包
使用npm发布nodejs程序包npmnpm 是 Node.js 官方提供的包管理工具，他已经成了 Node.js 包的标准发布平台，用于 Node.js 包的发布、传播、依赖控制。npm 提供了命令行工具，使你可以方便地下载、安装、升级、删除包，也可以让你作为开发者发布并维护包。发布一个最简单的nodejs包准备好要发布的包。在文件夹下使用npm init生成package.j...
2019-07-05 01:35:04
459
原创 vue全家桶--自我介绍app
技术栈： vue2.0、vue-router、vuex、axios、sass在线预览二维码：https://suhuixiao.github.io/introduceApp-Preview/#/ 源码：https://github.com/suhuixiao/vue-introduceApp...
2019-07-04 23:31:39
621
原创 快应用开发流程
快应用介绍以及优势：1. 快应用是基于手机硬件平台的新型应用形态，标准是由主流手机厂商组成的快应用联盟联合制定。2. 快应用标准的诞生将在研发接口、能力接入、开发者服务等层面建设标准平台，以平台化的生态模式对个人开发者和企业开发者全品类开放。3. 快应用具备传统APP完整的应用体验，无需安装、即点即用。一、环境搭建1. 安装nodejs安装6.0以上版本的N...
2018-06-19 00:55:36
3091
原创 cordova打包apk流程
使用cordova打包的好处：Cordova是一个用基于HTML、CSS和JavaScript的，用于创建跨平台移动应用程序的快速开发平台。它使开发者能够利用iPhone、Android、等智能手机的核心功能——包括地理定位、加速器、联系人、声音和振动等，此外Cordova拥有丰富的插件，可以调用。准备工作：1. Android打包环境配置（百度一大堆）总的来说包括：jdk的...
2018-05-13 23:46:52
20584
转载 在git与tortoisegit中使用openSSH与PuTTY(转载)
问题在使用Git与tortoisegit的时候，指定远程版本库的地址有2种方式：使用https方式的git地址非常直接（https://xxx.oschina.net/xxx.git），基本上什么都不需要配置，不管是git bash还是tortoisegit都能完美使用，但是每次需要连接远程服务器时，都要提示我输入用户名与密码，非常不爽；使用ssh方式的git地址非常爽快（git@gi...
2018-05-01 01:06:44
1618
原创 call、apply、bind的用法以及区别
它们在功能上是没有区别的，都是改变this的指向，它们的区别主要是在于方法的实现形式和参数传递上的不同①call的用法：函数.call(对象, arg1, arg2....)②apply的用法：函数.apply(对象，[arg1, arg2,...])③bind的用法：var obj = 函数.bind(对象, arg1, arg2,....)通过代码可以看出区别：var name...
2018-03-07 10:06:10
466
原创 浅拷贝和深拷贝
浅拷贝浅拷贝即直接赋值，但是有个问题，我们只要更改其中的一个，然后其他的也会跟着改变。看以下在浏览器控制台输出的代码：数组浅拷贝对象浅拷贝深拷贝数组深拷贝方法一： concat()方法二： slice()对象深拷贝方法一： 用JSON.parse和 JSON.stringify转方法二： 递归拷贝方法三：Object.assi...
2018-02-26 00:11:32
248
原创 jsonp解决跨域问题
方法一： 创建具有src属性的元素（浏览器的script、img、iframe标签是不受同源策略限制）代码如下（以script元素为例）：//创建一个script元素var ele = document.reateElement('script');//声明类型ele.type='text/javascript';//添加src属性，引入跨域访问的urlele.src='h...
2018-02-25 00:37:13
354
转载 vue页面跳转
一、在template中的常见写法：<router-link to="/miniCard/statement/horizon"> <button class="btn btn-default">点击跳转</button></router-link>二、在js中设置跳转（在方法中跳转界面并传参，两种方式：params 与 quer...
2018-02-24 15:27:03
2446
原创 开发常见问题随记
1.<input type=”file”>不能放在<a>或<button>标签下，否则在火狐浏览器点击将没有效果2.标签的contenteditable设置为true，则可以在该标签输入文字3.window.scrollTo(xpos,ypos) 让内容滚动到指定的坐标4.当定义的css中有position属性值为absolu...
2018-02-24 00:02:19
176
原创 es6的fetch函数
GET请求写法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>fetch的GET请求</title></head><body> <script> var url = '/getMes...
2018-01-29 17:33:42
1700
原创 闭包的理解
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script> // 通常，我们需要获取一个函数的内部变量，有以下2种方法...
2018-01-26 17:38:35
271
原创 清除浮动的几种方式
效果图如下：清除浮动前：清除浮动后：以下方式中，浮动元素的父元素均没有设置宽高第一种方式：给浮动的元素的父元素加上overflow属性<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</...
2018-01-23 10:28:43
282
转载 js之事件冒泡和事件捕获详细介绍
（1）冒泡型事件：事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。 IE 5.5: div -> body -> document IE 6.0: div -> body -> html -> document Mozilla 1.0: div -> body -> html -> document -> window（2）捕获型事件(event c
2018-01-23 09:42:47
143
原创 jquery中height()、outerHeight()、outerHeight(true)和offset()的区别
height() 获取的是元素不包含padding、border、margin的高度outerHeight() 获取的是元素包含padding、border，不包含margin的高度outerHeight(true) 获取的是元素包含padding、border、margin的高度offset() 返回的是匹配元素相对于当前可视窗口的偏移坐标，返回的对象中包括...
2018-01-22 20:53:12
1462
转载 废弃的marquee标签
<marquee>标签 <marquee>标签是成对出现的标签，首标签<marquee>和尾标签</marquee>之间的内容就是滚动内容。 <marquee>标签的属性主要有behavior、bgcolor、direction、width、height、hspace、vspace、loop、scrollamount、scrolldelay等，它们都是可选的。一.
2017-12-27 15:12:11
2463
1
原创 模拟移动端上拉加载功能
代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>上拉加载</title> <style> html{ font-size: 18px; } .containter{ bac...
2017-11-27 00:00:04
749
原创 仿写添加标签栏
实现的功能：1.选择选项后，该选项作为标签显示在标签栏2.重复选择的标签不允许再添加3.点击标签栏某个标签的“x”，可以把该标签删除<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title&g...
2017-11-26 22:46:59
271
原创 sublime编辑器安装插件的方法
以安装插件 vue-syntax-highlight(作用：让vue后缀名的文件在sublime中显示高亮 )为例1.在github上搜索 vue-syntax-highlight点击 “Clone or download”下载该插件zip压缩包2.打开sublime的安装目录，进入 Data文件夹 —>Packages文件夹—>把刚才下载的压缩包解压到该目录...
2017-11-22 12:05:43
248
转载 IntelliJ IDEA导入Javax包（servlet-api.jar）
IntelliJ IDEA导入Javax包（servlet-api.jar）
2017-11-02 02:22:18
33173
5
转载 删除SVN缓存本地的账号
最近遇到一个问题——客户要更换机器，这个机器里面保存了SVN的用户（权限比较高），而领导只希望他只有对某个文件夹的操作，不希望他能动其他的文件，怕把SVN弄乱了，因此需要切换用户，我给他创建了一个比较低权限的用户，发现在使用的时候，默认的时候都是之前保留的admin权限，而且权限级别比较高 当时真的没有办法切换用户，在网上查询资料后解决方式如下： 1、如果安装了SVN客户端的方法 Set
2017-10-25 11:45:26
1252
原创 图片上传以及允许连续上传同一图片
实现的功能：1.限制上传的文件只能为图片2.限制上传图片的大小3.允许连续上传同一图片代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>上传图片</title> <style type="...
2017-10-23 23:46:39
1062
原创 封装自己的jquery
本次封装实现的功能：1.类名选择器 和 ID选择器，例 $( ' .class ')和$( ' #id ')2.给元素添加属性，例$( ' .class ') .click( function(){} )3.链式操作，例$( ' .class ') .css( ' attr ' ，' value ' ).click( function(){} )代码如下：...
2017-10-12 23:06:38
317
转载 javascript作用域和执行上下文的区别
光是从字面上的概念上来理解的话有点绕，其实很好区分。var a=1; //全局作用域function fn1(){ var a=2; //fn1作用域}1234如上代码，作用域代表着已声明变量或者函数的访问范围，在fn1作用域内使用变量a会先从当前作用域寻找，如果没有会往作用域上端寻找。this.a=1; //全局执行上下文function fn1(){
2017-10-11 18:18:24
852
原创 javascript中的继承
最常见的三种继承方式：1.构造函数继承//构造函数继承 function People(name){ //实例属性 this.name = name}function Student(school){ //实例属性 this.school = school; People.call(this,'小明') //构造函数继承}//实例方法People....
2017-10-11 17:48:12
546
原创 es6和es5中的this指向
先看一段代码：var name = "window";var obj = { name: 'obj', //普通函数 one: function(){ console.log(this.name) }, //箭头函数 two: ()=> { console.log(this.name) }, /...
2017-09-30 23:10:25
2995
原创 jquery使用总结
1.看到网上一些资料说$(document).on('click'，' '，function(){})和$().click(function(){})没区别，这说法是错误的，看以下代码$(document).on('click','.login',function(){ alert('1')})//不等价于$('.login').click(function(){ alert...
2017-09-20 14:52:48
171
原创 js代码实现tab选项卡效果
实现tab选项卡效果贴上代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <me...
2017-09-04 16:32:50
633
原创 flex布局基本属性用法示例以及常见布局
在线地址演示：https://suhuixiao.github.io/flex-layout/结合图形进行演示，觉得好的小伙伴可以收藏，需要派上用场的时候直接复制粘贴。页面部分截图：...
2017-09-04 15:49:43
426
原创 ajax中的同步异步问题
下面以jquery中的ajax解释一下同步和异步的区别：可以先运行下面两段代码：同步请求：$.ajax({ url: "http://jspang.com/DemoApi/typeGoods.php", type:'post', async:false, success: function(){ alert('2') }});alert(...
2017-09-02 12:46:25
663
原创 Git实用教程
Git实用教程这篇文章主要演示怎样使用git提交代码到远程仓库，以及在工作中经常遇到的问题，比如冲突、版本回退等。前提准备：git的下载以及安装官网：http://git-scm.com/下载好后就可以安装git了，具体的安装和配置过程就不展示了。先演示一下使用git提交代码到远程仓库的流程：第一步：首先，在github上面创建一个远程仓库...
2017-08-30 15:23:02
236
原创 在vue中封装可复用的组件
本次封装的组件以toast组件为例以前使用移动端ui插件时，通过一句代码比如 $.toast( ‘ 需要显示的内容 ’ )，从而在页面上展示这段文字，并在一定时间后消失。现在我们也尝试自己封装toast组件。准备工作：vue-cli脚手架工程先看一下涉及到的文件目录截图：这次的封装主要涉及的文件是Toast.vue toast.jsHello.vu...
2017-08-24 10:17:25
43208
4
原创 总结div水平居中的方法
第一种方法：margin: auto;第二种方法：position: absolute/relative/fixed;left: 50%;margin-left: 元素宽度的一半的负数;第三种方法：position:absolute/relative/fixed;left: 50%;transform: translate(-50%, 0);...
2017-08-23 23:16:39
376
原创 快速掌握vuex
vuex是一个专门为vue.js设计的集中式状态管理架构。什么是状态？可以把它理解为data中的属性需要共享给其他vue组件使用的部分，就叫做状态。简单的说就是data中需要共用的属性。vuex共有5个核心概念：state 、getters 、mutations 、actions 、modules先看一下vue-cli工程目录前提准备：①安装vue-cli + webpack ...
2017-08-22 16:54:43
533
原创 vue-cli工程下组件之间的通信
vue组件之间的通信包括三种：1.父组件向子组件通信2.子组件向父组件通信3.同级组件之间的通信首先，看一下vue-cli工程的部分目录：说明一下：App.vue是父组件，ZiZuJianOne.vue和ZiZuJianTwo.vue是子组件，两个子组件是在父组件App.vue里注册的。①父组件App.vue如何向子组件ZiZuJianOne.vue通信的父组...
2017-08-21 10:07:51
8229
原创 使用vue-cli搭建webpack模板项目
使用vue-cli搭建webpack模板项目第一步：nodejs下载、安装以及环境配置1．登录nodejs 官网：https://nodejs.org/en/ ，建议下载推荐版本（红色箭头所指）。2．安装nodejs下载下来的msi包一直点击下一步即可。3．环境配置新版本都会自动配置环境变量，如果输入node找不到，则可能是环境变量没有配置，需要把node的安装路...
2017-08-19 15:05:00
1099
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人