![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javaScript
garyHoH
这个作者很懒,什么都没留下…
展开
-
vue中watch和computed属性作用及区别
watch 作用 :监听值,可监听所有的值,监听指的是只要我所监听的的值发生了改变,就会触发特定的方法,官方案例及写法:var vm = new Vue({ el: '#demo', data: { firstName: 'Foo', lastName: 'Bar', fullName: 'Foo Bar' }, watch: { //监听了firstNa原创 2017-08-16 23:44:26 · 7372 阅读 · 2 评论 -
获取dom元素相关参数
clientHeight 获取对象的高度,不计算任何边距、边框、滚动条,但包括该对象的补白。 clientLeft 获取 offsetLeft 属性和客户区域的实际左边之间的距离。 clientTop 获取 offsetTop 属性和客户区域的实际顶端之间的距离。 clientWidth 获取对象的宽度,不计算任何边距、边框、...原创 2019-08-21 12:02:20 · 490 阅读 · 0 评论 -
js根据字节判断字符串长度
一个汉字是两个字节, 一个字母是一个字节处理代码/*参数说明:str: 需要处理的字符串L: 需要限制的长度*/cutStr(str, L) { var result = '', strlen = str.length, // 字符串长度 chrlen = str.replace(/[^\x00-\xff]/g, '...原创 2019-08-01 11:39:38 · 3217 阅读 · 0 评论 -
axios基本封装-基于vue
安装、引用npm install axios --save-dev // 安装到生成环境import Axios from 'axios'本次封装运用class类进行封装当new class类时, 默认执行class类中constructor()方法;class Http { constructor() { // new Http() 默认执行该方法 }}export d...原创 2019-07-24 15:02:45 · 399 阅读 · 0 评论 -
lodash -- javascript原生库
数组去重// 传入一个数组_.uniq(array)// 根据属性值来去重, 传入一个数组,一个属性值_.uniq(array, goodsId)原创 2019-02-25 11:21:12 · 306 阅读 · 0 评论 -
js原生,鼠标离开事件
mouseout: 鼠标离开事件mouseleave: 鼠标离开事件区别: 不论鼠标指针离开被选元素还是任何子元素,都会触发 mouseout 事件。只有在鼠标指针离开被选元素时,才会触发 mouseleave 事件。mouseover: 鼠标移入事件mouseenter: 鼠标移入事件不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件。对应mouseout只有在鼠标指针穿过被...原创 2018-02-23 23:07:40 · 32024 阅读 · 0 评论 -
vue获取元素宽、高、距离左边距离,右,上距离等还有XY坐标轴
this.$refs['通过设置ref获取到的dom元素'].getBoundingClientRect();//示例: 获取元素距离顶部的距离this.$refs.journalUpward.getBoundingClientRect().top// 获取组件高度this.$refs.top.$el.offsetHeight// 设置元素样式th...原创 2018-02-10 22:40:31 · 41243 阅读 · 0 评论 -
vue中动态添加class类名
vue 动态添加class类名,灵活得让你发狂,下面示例几个<template> <div> <h2>动态添加类名</h2> <!-- 第一种方式:对象的形式 --> <!-- 第一个参数 类名, 第二个参数:boolean值 --> <...原创 2017-08-19 16:03:59 · 122238 阅读 · 9 评论 -
前端构建工具- gulp - 安装及简单CSS,JS文件合并压缩
gulp基于流(streaming)的方式构建,首先读取文件,编译压缩文件(流的方式),最终将结果生成到配置的文件目录下。安装gulp假设已经安装了node 和npm (淘宝的cnpm很适合国内使用)。1、首页全局安装gulp。1 npm install --global gulp 2、其次局部安装gulp。(注:局部安装是安装到你项目的根目录,这是很多教程没有清晰表明)npm install g...转载 2018-01-11 11:59:05 · 2469 阅读 · 1 评论 -
js对象之深浅拷贝
前述: js分位简单类型和复杂类型, (简单、复杂类型有哪些可自行google)简单类型拷贝方式 可以直接用 = :let a = 5; let b = a;即可将 a 拷贝(复制)给 b, 并且,a、b 都有独立的内存,改变b的值也不会影响 a而复杂类型(例如: 对象object );let a = {name: 'xx'}; let b = a;复杂类型如果用简原创 2017-11-08 09:57:07 · 1198 阅读 · 0 评论 -
vue-表单操作
简单操作,与官网相同<template> <div> <h2>vue form表单</h2> <!-- 复选框 --> <input type="checkbox" id="dis" v-model="dis">原创 2017-08-22 23:15:20 · 3523 阅读 · 0 评论 -
前端代码规范
使用两个空格进行缩进。eslint: indentfunction hello (name) { console.log('hi', name)}除需要转义的情况外,字符串统一使用单引号。eslint: quotesconsole.log('hello there')$("")不要定义未使用的变量。eslint: no-unused-va转载 2017-08-15 10:14:54 · 7142 阅读 · 0 评论 -
原生input 方法
input自带方法select(); 选中内容input.select();selectionStart // 光标结束选中的位置input.selectionStartselectionEnd // 光标结束选中位置input.selectionEnd = 0;setSelectionRange(start, end); // 选中指定区域的内容input.set...原创 2019-09-02 15:47:56 · 3159 阅读 · 0 评论