- 博客(43)
- 收藏
- 关注
RSS订阅
原创 vue垂直导航二级导航
1，目前写vue项目用到手写导航 初步整理下<template id="side-menu"> <ul> <li v-for="item in items" > <h2 @click="showToggle(item,item.name)":class="{active:active==item.name}">{{ item.name ...
2019-05-27 18:00:54
1454
1
原创 js四舍五入一些操作函数
js只保留整数，向上取整，四舍五入，向下取整等函数1.丢弃小数部分,保留整数部分parseInt(5/3)2.向上取整,有小数就整数部分加1Math.ceil(5/3)3,四舍五入.Math.round5/3)4,向下取整Math.floor(5/3)Math 对象的方法方法 描述abs(x) 返回数的绝对值acos(x) 返回数的反余弦值asin(x) 返回数的反正弦值atan(x) 以介于 -PI/2 与 PI/2 弧度之间的数值来返回 x 的反正切值atan2(y,x)
2020-07-09 14:05:53
310
原创 uni-apph5 端获取当前位置坐标及地理位置逆解析
1、uni-app getLocation在浏览器端获取的地理位置坐标是你电脑里面ip地址位置的坐标，2、调用百度地图api逆解析地址对坐标解析详细地址代码如下： 经纬度 记得改成活的，测试用写死了uni.getLocation({type: ‘wgs84’,success (res) {let latitude,longitude;latitude = res.latitude.toString();longitude = res.longitude.toString();uni.re
2020-07-08 10:54:01
8483
1
原创 echarts表格圆环图配置
2020-06-17 16:31:37
920
原创 uni-app打包h5本地服务坑
uni-app 打包成h5 流程第一步；首先配置manifest.json里面配置设置好后配置然后点击发行到网站-h5版在huildX打开打包好的index.html浏览器可以直接看到项目了
2020-05-27 17:30:53
1729
原创 echarts表格配置坐标轴 指示线
ECharts var url = window.location.href.toString();if(url.indexOf(’?’)!=-1){const value = url.split(’?’)const number = value[1]const numberValue = number.split(’=’)const topValue = numberValue[1]}// ...
2020-05-11 18:11:13
2978
原创 nodejs爬虫
1、npm init -y2、在package.json3、创文件夹app.js script下 “start”: “nodemon app.js”4、下载nodemon npm i nodemon -S5、下载 npm i cheerio -S6、npmi request -Svar request = require(‘request’);var cheerio = requi...
2020-01-15 15:09:55
134
原创 取出两个数组不同的值
let arr =[1,2,3] let brr =[1,2,4] let err =[] var obj ={} let drr=[] for (let i = 0; i<arr.length;i++){ obj[arr[i]]=arr[i] } brr.map(item=>{ ...
2019-11-30 18:13:50
863
原创 对象合并的方法
1、Object.assign(目标对象，被合并对象)var obj ={“product”:“打人”}；var obj1={“name”:“小明”，”num“：”2“}Object.assign(obj,obj1)2、展开obj={…obj1,…obj}...
2019-11-04 11:16:48
426
原创 vue项目跨域代理
在config文件下 index.jsproxyTable: { '/api': { target: 'http://akx.dev.boogcloud.com/akx/bubu', //源地址 changeOrigin: true, //改变源 pathRewrite: { '^/api': '/' //路径重写 //这里可以写成空...
2019-08-06 18:40:02
128
原创 原生小程序踩坑
1、小程序、vue都不可以进行原生dom操作没要获取元素需要用自定义指令。data-XX指令可以，通过e.currentTagrget.dataset.xx来获取；2、小程序原生在data里面定义的属性，要通过this.data.属性名来调用3、小程序属性里面的值修改要通过 wx.setData({})4、存储到本地用同步wx.setStorageSync(“key”, 值)5、用哪try...
2019-08-06 09:40:11
302
原创 weex引入iconfont字体
1.下载unicode编码 放到 web/assets 文件下2.在style样式里面必写 iconfont ：font-family：iconfont <text class="icon iconfont bag"></text> <style>.iconfont { font-family:iconfont...
2019-08-01 14:48:53
860
原创 axios全局引入
1、下载 cnpm i axios --save2、在main.js引入 import axios from ’axios‘3、在Vue原型上注册，Vue,prototype.axios=axios4、页面调用 this.axios
2019-07-24 19:41:07
761
原创 vue中央bus主线传值
在vue项目中 传值有父子传值，子父传值，兄弟传值，vuex传值，还有中央bus主线第一步，在assets面创建一个bus.js文件，import vue from “vue”；export default new Vue()第二步 创建两个 vue文件 比如child1.vue用来发送值；<template> <div class="box"> &l...
2019-07-15 20:24:59
301
原创 cookie 与session区别
1、cookie是存在客户端的硬盘中，每次发请求cookie会被添加在正文中一起携带过去，返回时也会被返回来，慎用，会比较占内存影响用户体验，且cookie可以通过express设置过期时间，不设置的话，，默认时间是会话机制，通过path设置访问权限，在一个目录下创建cookie，只有这个目录的所有后代及兄弟文件有权访问，外面的文件没有权访问，cookie不管是数量还是体积都有上限，创建cook...
2019-07-14 08:45:05
96
原创 vue中动画封装
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <!--<style> /*不写name 默认是v*/ .v-enter{ opacity: 0; } .v-enter-ac...
2019-07-11 16:26:28
137
转载 Vue基础组件自动化全局注册
vue中有很多基础的组件可以自动化注册使用在src/components下面创建 baseComponents/BaseVue.vue// The Vue build version to load with the `import` command// (runtime-only or standalone) has been set in webpack.base.conf with ...
2019-07-08 18:23:20
373
原创 vue递归组件使用
之前vue项目中用到递归组件，写过了没来得及整理，递归组件就是组件调用本身，利用name属性注册，还有父子传值知识第一步：创建父组件<template> <div> //引用子组件 通过list 传值给子组件 <Diguichild :list="list"></Diguichild> </div></templat...
2019-07-08 16:26:06
132
原创 底部导航点击切换图片
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; padding: 0; } ul li{ margin:0; pad...
2019-07-08 09:49:23
1288
原创 封装按对象某一属性比较大小
function compaireObject(poxyname){ return function(object1,object2){ var value1 =object1[poxyname]; var value2 =object2[poxyname]; if(value1<value2){ return -1 }else if(va...
2019-07-07 21:41:35
201
原创 PC端页面上常见动画效果（一）
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; padding: 0; } .content { width: 1...
2019-07-07 13:12:50
2060
原创 pc端导航效果
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <style> a { text-decoration: none; } li { list-styl...
2019-07-06 20:27:00
601
原创 css导航布局PC端
1、利用a标签，写padding值撑开，然后划过有背景色，如果a标签没有浮动的话，要写dispaly：block转为块状元素，否则，鼠标划过背景色，不能撑开，则是文本撑开的区域...
2019-07-06 18:42:45
345
原创 企业站css样式布局
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; padding: 0; } li { list-style: no...
2019-07-06 16:57:49
384
原创 js数据类型
js数据类型分为基本数据类型（简单数据类型）：Number、String、Bollean、Null 、undefined;和引用数据类型是 Object（复杂数据类型）
2019-07-01 16:59:55
63
原创 js操作DOM的增删改查
1、获取查找DOM元素，getElementById(),document.getElementsByTagName;document.getElementsByClassName;document,querySelector();document.getElementSelectorAll();2、增加 元素.appedChild();3、改元素：元素。replaceChild（）；第一个...
2019-07-01 16:07:40
310
原创 js单例模式
1、只能创建一个对象得实例是单例模式2、function Father (){}var f1 = new Father();var f2 =new Father();alert （f1f2）//单例模式 f1f2 true;实现单例模式思路 ；定义一个变量保存对象；然后返回这个对象var ins =null;function Father (){if(ins){return i...
2019-06-29 22:37:36
81
原创 vue项目移动端滚动条
1、vue项目里面移动端滚动条 下载安装npm install better-scroll --save 接近原生的效果2、在页面里面引入 import Bascroll from "better-scroll”3、在mounted钩子函数里面调用 this.scroll = new Bascroll(this.$refs.wrapper, { mouseWheel: true, clic...
2019-06-21 14:19:32
2514
原创 vue基础知识小demo
1、用vue基础知识，做的一个小demo ，实现功能是，任务表的完成与删除；<template> <div id="box"> <input @keyup.enter="shuru" type="text" v-model="inputinfo" /> <div class="box-inner"> <ul>...
2019-06-18 15:46:05
248
原创 vue项目里面解决移动端点击事件300ms延迟问题
1、vue项目搭建好后，下载第三方库 cnpm install fastclick --save ;保存依赖包；2、在main.js里面引入 使用 import fastclick from"fastclick";3、fastclick.attach(document.body)简单好用！！！...
2019-06-18 10:53:44
2232
原创 封装运动js插件，宽度变长变短
(function() { var demo = function(options) { var box = document.getElementById("box"); var timer = ""; box.onmousemove = function() { clearInterval(timer) //清除定时器 var ta...
2019-06-18 09:57:38
183
原创 去掉字符串左右两边的空白字符和去掉字符串中所有的空白字符
1、在String的原型上实现去掉字符串左右两端的空白字符String.prototype.fntrim = function(){return this.trim();//去掉字符串左右两边的空白字符//用正则：return this.replace(/(^\s+)|(\s+$)/g,"")}2.在String的原型上实现去掉字符串的所有空白字符；String.prototype.f...
2019-06-16 21:24:01
1390
原创 函数传参
1、定义变量；var name=“小明”；var age =18；var sex =“男”；function getinfo （name，age，sex）{console.log（‘我的姓名是’+name+“我的年龄是”+age+“我的性别是”+sex）}2、调用 getinfo（name，age，sex）...
2019-06-16 12:46:37
59
原创 vue项目解决刷新后，导航菜单高亮显示的位置不对
1本人在学vue项目时遇到一个坑、在写vue项目头部导航时，比如点击第三个，刷新后，高亮状态显示在第一个：现在是点击第三个页面 刷新后，是第一个页面高亮显示，但是因为路由路径没有改变页面内容还是第三个页面内容，改变的是导航的状态；捯饬了好久才搞出来，伤的不轻，看控制导航状态的代码部分；在头部组件里面控制导航菜单高亮显示是checkindex,默认值是0，触发点击事件contact时候会...
2019-06-15 10:48:41
5345
1
原创 vue图片懒加载
1、项目中有页面图片较多，可以使用图片懒加载 优化性能，提高用户体验，当图片到达视图区域再加载；解决步骤：第一：下载第三方插件 cnpm i vue-lazyload --save-dev第二：再main.js里面引入import VueLazyload from ‘vue-lazyload’第三：Vue.use(VueLazyload)使用或者自定义：Vue.use(VueLazyl...
2019-06-14 11:15:14
186
原创 模拟数组栈
1、数组栈先进后出的原则；利用数组的 push .pop方法；代码：`<head> <meta charset="UTF-8"> <title></title> <style> .box { width: 200px; height: 200px; border: 1px solid gray; }...
2019-06-14 09:00:13
188
原创 闭包概念整理
1.在js函数里面有闭包，有的时候就是想访问函数内部的变量，因为存在变量作用域，全局变量 和局部变量；函数内部可以读取全局变量，函数外部无法读取函数内部变量；var n =99;function f1(){console.log(n)};f1();//99;function f1(){var n=7;};console.log(n) n is not defined;函数外部...
2019-06-13 20:48:44
153
原创 vue项目里面图片上传功能
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style> .uploadimg{ width:100px; ...
2019-06-13 12:01:49
956
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人