- 博客(31)
- 收藏
- 关注
RSS订阅原创 node-sass 安装失败报错的原因及解决办法(整理)
解决方法：创建.npmrc文件在项目根目录创建.npmrc文件，复制下面代码到该文件。phantomjs_cdnurl=http://cnpmjs.org/downloadssass_binary_site=https://npm.taobao.org/mirrors/node-sass/registry=https://registry.npm.taobao.org删除文件夹node_modules重新安装npm install...
2022-02-08 16:39:58
705
转载 Vue.extend构造器的延伸 Vue.set全局操作
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script type="text/javascript" src="../assets/js/vue.js"></script>
2018-07-07 23:58:27
350
转载 Vue.directive自定义指令创建
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script type="text/javascript" src="../assets/js/vue.js"></script>
2018-07-07 23:44:07
212
原创 vue的一些实用的东西和介绍
parseInt() 字符串转换为数字，通常用于输入框转化v-on:keyup.enter="" 键盘enter绑定一个方法修饰符.lazy：取代 imput 监听 change 事件。.number：输入字符串转为数字。.trim：输入去掉首尾空格。v-bind 缩写 //绑定的标签属性1234<!-- 完整语法 --><a v-bind:href="url">...
2018-07-07 23:34:44
425
原创 数组排序方法
array 为传入的数组对象，key需要更具排序的内容45678//数组对象方法排序:function sortByKey(array,key){ return array.sort(function(a,b){ var x=a[key]; var y=b[key]; return ((x<y)?-1:((x>y)?1:0)); });}4567...
2018-07-07 23:12:13
203
转载 Vue实例的生命周期结构图
Vue实例暴露的接口而Vue提供了几个暴露的接口：接口（假设实例为vm）效果vm.$data是vm的data属性vm.$el是vm的el属性所指向的dom结点vm.$watch示例：vm.$watch(“a”,function(newVal, oldVal){})当data里的a变化时，会触发回调函数更多的可以查看http://cn.vuejs.org/api/搜索 $ 作为关键词来查看。$mou...
2018-07-07 21:42:57
306
原创 vue一个简单的计算器
<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Page Title</
2018-07-07 14:47:33
789
原创 input 关于不显示上下箭头
<style> input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } input[type="number"] { -moz-appearance: textfield; }</sty...
2018-07-07 14:45:45
2532
转载 获取地址链接的各个参数
var url = 'https://www.google.com.hk/search?safe=strict&ei=M_u5WvLZO4bzUrfpn_AJ&q=js%9F%&oq=js%E7%BB&gs_l=psy-ab';var search = url.substring(url.indexOf('?')+1); var tmpArr = sear...
2018-07-06 14:31:48
519
转载 数组去重
1. 遍历数组法var arr = ['2', 1, 5, 4, 7, '9', 4, 1, '2', 6, 8, 2];for (var i = 0, len = arr.length, newArr = []; i < len; i++) { for (var j = i + 1; j < len; j++) { if (arr[i] === arr[j]...
2018-07-06 10:02:27
142
转载 js排序方法
1. 冒泡排序var arr = [0, 4, 2, 1, 3];var i = j = 0;for(i; i<arr.length-1; i++){ for(j; j<=arr.length-i; j++){ var temp = 0; // ">" 从小到大排序 // "<" 从大到小排序 if...
2018-07-06 09:55:31
154
转载 Vue- 对象语法 v-bind:class与对象语法的使用
我们可以传给 v-bind:class 一个对象，以动态地切换 class 。<div v-bind:class="{ active: isActive }"></div>//对象语法也就是在v-bind:class绑定一个对象的时候，里面的值将影响最终取值，//比如如果 这里isActive的值为true 则会被渲染成class='active' 如果为false , 则...
2018-06-12 12:11:07
877
转载 百度地图使用实例
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta h
2018-06-11 10:00:18
1079
转载 百度地图 地图级别 是什么意思
point.lat这个是经度 。用经纬度定位时候用到，map.centerAndZoom("南京市", 13);里的13是地图缩放级别， 数字越大， 搜索的范围越大，
2018-06-11 09:53:37
11234
1
转载 CSS text-transform 属性
提示和注释注释：不同的用户代理可能会用不同的方法来确定单词从哪里开始，相应地确定哪些字母要大写。例如，文本 "w3-school" 可以用两种方式显示："W3-school" 和 "W3-School"。CSS 并没有规定哪一种是正确的，所以这两种都是可以的。可能的值值描述none默认。定义带有小写字母和大写字母的标准的文本。capitalize文本中的每个单词以大写字母开头。uppercase定...
2018-06-08 13:42:50
664
转载 使用CSS3制作倒影 box-reflect
此属性并不是W3C标准属性，在具体使用之时，还是需要添加浏览器的私有属性，根据浏览器的兼容性，使用box-reflect时需要添加-webkit和前缀：-webkit-box-reflect：none | <direction> <offset>? <mask-box-image>?box-reflect：none | <direction> &l...
2018-06-08 13:41:13
998
转载 用localStorage来存储数据的一些经验
localStorage：是一种你不主动清除它，它会一直将存储数据存储在客户端的存储方式，即使你关闭了客户端（浏览器)，属于本地持久层储存sessionStorage：用于本地存储一个会话（session）中的数据，一旦会话关闭，那么数据会消失，比如刷新。 localStorage与sessionStorage具有相同的API，以下方法都可以用于sessionStorage localStorag...
2018-06-08 11:47:45
433
原创 换肤，带有本地储存功能
<!DOCTYPE HTML><html><head> <meta charset="utf-8"> <title>CSS主题切换</title> <!-- <link rel="stylesheet" type="text/css" h
2018-06-08 11:46:03
289
转载 vue 生命周期和钩子函数
每一个vue实例在创建之前都需要一系列的初始化过程，如实例需要数据观测（data observer），编译模板，挂载实例到DOM上，以及数据更新和DOM渲染。 create（创建）： beforeCreate 创建前 ； created 创建结束 mount（挂载）： beforeMount ；mounted update(更新)： beforeUpdate；Updated destory（销毁）...
2018-06-07 10:43:24
174
原创 handsontable下拉自动叠加数字
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript" src="js/jquery-3.3.1/jquery-3.3.1.js
2018-06-06 09:06:30
1922
转载 阻止事件冒泡
一、冒泡事件简介当我们点击一个控件的时候，如果包括这个控件的父控件也有click事件，则会继续执行。方法一：event.stopPropagation( );例如：<div> <p>段落文本内容 <input type="button" value="点击" /> </p></div>html代码
2018-05-18 11:48:52
140
转载 滚动条样式控制
overflow属性: 检索或设置当对象的内容超过其指定高度及宽度时如何显示内容，其用到的表现形式和值有以下几种 overflow: auto; 在需要时内容会自动添加滚动条 overflow: scroll; 总是显示滚动条 overflow-x: hidden; 禁止横向的滚动条 overflow-y: scroll; 总是显示纵向滚动条 以上三个属性设置的值为visible、scroll、h...
2018-05-07 16:58:14
379
原创 拖动内容实现滚动条的拖动
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="bootstrap/css/
2018-05-07 16:38:39
8643
1
转载 可拖动的进度条和放大的图片
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>进度条</title> <link rel="stylesheet" type="text/css" href="bootstrap/c
2018-05-07 14:38:08
890
原创 关于背景全屏展示
background: url(../../zoneImage/school.png)fixed center center no-repeat;display: none;background-size: cover;background-attachment: fixed; width: 100%;height: 100%；
2017-09-05 11:00:48
270
转载 label里面的for有什么意义
for 属性规定 label 与哪个表单元素绑定。作用是 在点击label 时 会自动将焦点移动到绑定的 元素上比如boy girl 特别是使用 checkbox 时 如果没有绑定 的话 需要鼠标点中小方框 才可以选中 或不选, 绑定以后 点击 label 就可以改变checkbox 的值了
2017-08-30 21:28:27
770
转载 解决如何去掉手机版HTML页面滚动条
经过测试，默认的HTML5页面在手机浏览器测试中发现 横向，纵向滚动条都有，尽管页面没有内容也是照常出现。开始不知道什么原因，原来是没有加一句手机的META代码。content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"name="viewport" />width
2017-08-15 16:24:40
3083
1
转载 html中想要将背景颜色渐变怎么弄？
通过使用 css3 渐变可以让背景两个或多个指定的颜色之间显示平稳的过渡由于用到css3所以需要考虑下浏览器兼容问题，例如：从左到右的线性渐变，且带有透明度的样式：#red { background: -webkit-linear-gradient(left,rgba(255,0,0,0),rgba(255,0,0,1)); /* Safari 5.1 - 6 */ backgroun
2017-08-15 13:44:00
4877
转载 关于iphone手机上点击事件不起作用
今天调试手机端H5页面的时候，发现一个很坑的问题，绑定的点击事件不起效果，安卓上都没问题，事件能正确触发，但是在iPhone没反应。 开始觉得是写法问题，后来发现，是由于iPhone上，点击的对象，必须加上一个样式，拥有cursor:pointer这个样式，就没问题了。 兼容性的问题，比较坑，需要慢慢积累，以后遇到解决起来就快了。成功，唯有积累，没有奇迹！
2017-08-15 09:33:41
2468
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人