![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
大彪丶
这个作者很懒,什么都没留下…
展开
-
实现两个div自适应等高的两种方式
1.利用padding话不多说,直接上代码: .box{ overflow: hidden; } .left{ background-color: green; float: left; width: 20%; margin-bottom: -9999px; padding-bottom: 9999px; } .right{ background-color: hotpink;原创 2020-05-20 16:00:25 · 813 阅读 · 0 评论 -
Android&H5-js通过jsbridge调用安卓相机/相册/通讯录
引文是有这样一个需求 在vue里通过js可以直接调用安卓原生的照相机、相册和通讯录,并返回相应数据。当然前提是用webview来进行加载。Android端处理在build.gradle引入(moudule:app)dependencies { compile 'com.github.lzyzsd:jsbridge:1.0.4'}在build.gradle引入(moudu...原创 2020-04-16 17:51:14 · 3306 阅读 · 9 评论 -
JS基础-cookie/loacalStorage/SessionStorage区别
1.Cookie本身是用于浏览器和server的通讯,以前被借用来当本地存储,容量只有4k。http请求时会被发送到服务端。用document.cookie = “…” 来进行修改。2.localStorage/SessionStory存储大小有4m。http请求时不会被发送。api简易,setitem和getitem。localStorage永久存储,除非代码或手动删除。...原创 2020-04-09 14:24:59 · 310 阅读 · 0 评论 -
JS基础-用XMLHttpRequest实现一个ajax
//用promise进行封装function ajax(url) { return new Promise( (resolve, reject) => { const xhr = new XMLHttpRequest(); xhr.onreadystatechange = function () { ...原创 2020-04-08 14:05:22 · 147 阅读 · 0 评论 -
JS基础-跨域的理解和解决
1.什么是跨域(同源策略)跨域这个问题从工作至今遇到过很多次了,但是每次都是草草解决。要不就是喊后端加个*,要不就是前端弄个代理。现在回过头来真正的了解这个问题的本质发现其实特别简单。同源策略就是 ajax请求时,浏览器要求当前网页和server必须同源(安全)。同源:协议,端口,域名 三者必须一致。2.解决跨域的方案- JSONP实现原理因为script可以绕过跨域限制,且后...原创 2020-04-08 10:54:06 · 147 阅读 · 0 评论 -
JS基础篇-Promise
1.Promise基本使用//举一个加载图片的例子function loadImg(url){ return new Promise( (resolve,reject) =>{ const img = document.createElement("img"); img.onload = ()=>{ resolve(img) } img.one...原创 2020-04-07 17:55:30 · 132 阅读 · 0 评论 -
JS基础-webApi-DOM
DOM的本质dom的数据结构是树(dom树)DOM节点操作1.获取节点方法let num1 = document.getElementById("num1") //根据id来获取let pList = document.getElementsByTagName("p") //根据节点名来获取 集合let nameList = document.getElementsByNam...原创 2020-04-03 17:52:25 · 114 阅读 · 0 评论 -
JS基础篇-bind,call,apply
bind的具体使用bind方法主要是将函数绑定到某个对象,bind()会创建一个函数,函数体内的this会指向传入bind()的第一个参数的值。例如fn.bind(obj)其实和obj.fn()效果是一样的。直接上代码:function func(a,b){ console.log(`这里的this是${this};参数一是${a},参数二是${b},这是个${this.ace}`...原创 2020-04-03 15:10:49 · 287 阅读 · 0 评论 -
JS基础篇-闭包
什么是闭包?闭包是作用域应用的一种特殊情况,主要有两种表现1.函数作为返回值function create(){ let a = 1; return function(){ console.log(`函数作为返回值:${a}`) }}let a = 0;let getFunc = create();getFunc(); // 1输出...原创 2020-04-03 12:24:25 · 121 阅读 · 0 评论 -
JS基础篇-原型理解
预置代码(类和继承的表面语法,这里不做赘述)class Person{ constructor(name,sex){ this.name = name; this.sex = sex; } sayOk(){ console.log(`小朋友你是否有太多的问好${this.name}`); }}class...原创 2020-04-02 15:57:27 · 99 阅读 · 0 评论 -
JS基础篇-变量类型
在ECMAscript中变量可以存在两种类型的值,分别为基本类型和引用类型。值类型(基本类型):Number,String,Boolean,Null,Undefine在内存中占据固定的大小空间,用栈进行存储。复制值过程let num1 = 100;let num2 = num1;引用类型:Object,Function,Array,Date,RegExp...原创 2020-04-02 15:50:49 · 206 阅读 · 0 评论 -
VUE的路由跳转传值及以新页面跳转并携带参数
vue的路由传值有两种形式:第一种是带参数跳转(query)会在网址后面以?参数="***"的形式传参:this.$router.push( { path: '/detail', query:{shopid: item.id} });获取:this.$route.query.shopid第二种是不带参数跳转(par...原创 2020-01-06 17:05:15 · 1440 阅读 · 0 评论