- 博客(24)
- 收藏
- 关注
RSS订阅原创 viewport移动端图片不清楚的处理方式，二倍图
原理就是利用，图片放到手机端像素会放大两倍,手动设置图片给他设置缩小一半，然后放到移动端就很清楚了，效果在pc端看的不明显，在手机上特别明显<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title
2021-03-25 19:32:18
344
原创 v-model(双向绑定)底层原理实现
当在输入框输入值的时候，h2标签内会出现输出框所出现的值，v-model的过程是怎么实现的呢，下面请看源码展示<div id="app" v-cloak> <input type="text" v-model="message"> <h2>{{message}}</h2> </div> <script>
2021-03-24 19:55:25
359
1
原创 如何禁止虚拟dom重复使用
<div id="app" v-cloak> <span v-if="mybool">用户账号<input type="text" placeholder="请输入你的账号" :key="zh"></span> <span v-else>用户邮箱<input type="email" placeholder="请输入你的邮箱" :key="yh"></span>
2021-03-24 01:40:45
276
1
原创 vue(v-cloak)怎样明显的看出变化
当new Vue()还没有被创建的时候 ，一直刷新浏览器会若隐若现的显示div里面会显示框框，因为还没有解析，或者有些电脑就完全不显示边框(我的就是这种),如何解决才能看到 v-cloak的功能 <style> [v-cloak]{ display: none; } </style> <div id="app" v-cloak > {{message}}
2021-03-23 07:19:48
146
1
原创 jsonp跨域请求
利用js的src属性去访问<body> <script> function fn1(data){ console.log(data); } function fn2(data){ console.log(data); } </script> <script src="http://127.0.0.1/ajax/jsonp.php?
2021-03-19 03:14:20
161
原创 选项栏切换，jq一行代码
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *{ margi
2021-03-18 19:34:15
66
原创 按键全选反选
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> </style>
2021-03-18 19:08:51
89
原创 如何从数据库导入数据到js里面成为json格式
先用php代码连接数据库，然后从js里面发送ajax请请求php，具体代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title><
2021-03-18 16:33:38
415
原创 利用cookie实现免登录ajax发送请求post
必须在注册页面注册以后，cookie里面才有记录，就可以直接进入购物车，直接点击购物车页面会，当页面检查到cookie没记录的时候，会自动跳转去注册页面html：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2021-03-18 14:13:09
202
原创 百度inp框关键词查询，复制代码，直接用
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> * { ma
2021-03-18 00:54:48
195
2
原创 php连接数据库sql语句
从服务器打开php文件，如何处理中文乱码问题header('content-type:text/html;charset=utf-8;');与数据库建立连接四步在这里插入代码片
2021-03-17 23:27:30
210
原创 js预解析(最容易的方法)
首先：js运行js代码之前，会进行一个预解析的过程，会把 var变量和函数都会提到最上方，js代码是从上往下执行的案例代码： var a =10 f1() function f1(){ var b =9 console.log(a); console.log(b); var a = '123' }预解析完后的代码： var a function f1(
2021-03-16 17:02:38
66
原创 js链式作用域
链式作用域的特点：函数里面的的小函数，调用离小函数最近的变量，一级一级的往上找 // var num = 100//先定义一个全局变量 // function hs(){ // var num = 200//局部变量 // function aa(){//函数里面的小函数使用大函数的变量 // console.log(num); // } // aa()//调用小函数，输出结果
2021-03-16 16:09:57
101
原创 逻辑运算符(短路中断)
<script> // 当使用逻辑运算符的时候&&，一般两边都是写要判断的条件,&&当两边都为true的时候，结果返回true // console.log(10>7&&10<20);true // 如果$$两边直接输出值的话，会出现什么情况 // 当第一个值为true的时候，结果会输出第二个值 // 当第一个值为false的时候，结果直接输出第一个值，什么情况下第一.
2021-03-16 12:23:06
167
原创 对变量的理解（交换两个值的变量）
// 对变量的理解：// 1、声明变量的本质就是去内存中申请一个存数据的空间// 2、变量的主要功能用来储存数据，相当于一个容器// 3、变量的使用，一定是先声明，再赋值 /* 交换两个变量的值 var red_apple = '红苹果' var blue_apple = '蓝苹果' var basket basket = red_apple red_apple = blue_apple blue_apple = basket co
2021-03-16 10:08:40
128
原创 如何巧妙运用margin-left去掉两个盒子的粗中线
像电商网站的商品信息栏，每个商品都会被每一个盒子套起来，为什么盒子与盒子重叠，边框看起来却没有变粗呢，原因是使用margin-left的负值，具体看代码 <style> *{ margin: 0; padding: 0; } div{ width: 100px; height: 100px; border: 1px solid red;
2021-03-14 12:43:41
150
1
原创 如何用htmlcss制作三角形
<style> *{ margin: 0; padding: 0; } .box{ width: 0; height: 0; border-top: 10px solid red; border-left: 10px solid orange; border-bottom: 10p.
2021-03-14 11:54:19
128
1
原创 如何让固定定位的小盒子一直贴着版心(算法)
不管版心多大，不管浏览器如何缩放，都不会影响小盒子在版心的旁边具体使用方法，例如就像电商网站旁边的楼层跳转，还有一些二维码的小提示 *{ margin: 0; padding: 0; } .bx{ width: 1000px; height: 1150px; background-color: orange; margin: 0 a
2021-03-14 02:32:23
391
原创 css三大性质
层叠性：在最先body里面设置的样式，会被后面设置的p样式所覆盖，先前设置的失效 <style> *{ margin: 0; padding: 0; } body{ font-size: 12px; color: red; } p{ font-size: 20px; col
2021-03-14 01:20:52
119
原创 margin-top(bug)最好用的解决办法
当一个父元素的盒子，有一个子元素盒子，给子元素盒子设置margin-top的时候，会出先margin的bug，这个margin-top会设置在父元素盒子上,怎么才能设置在子元素的盒子上解决办法：父元素盒子前加上一个伪类::before{content="";display=“table”}就能完美的解决问题的所在 <style> *{ margin: 0; padding: 0; } .fathe
2021-03-13 17:13:48
416
原创 表单属性 pointer-events的使用
表单的一些属性：datalist配合list使用当鼠标滑动到input输入框右边会出现一个倒三角，获取输入框的焦点，datalist写好的数据就会出现 <input type="text" list="bd"> <datalist id="bd"> <option value="1">1</option> <option value="2">2</option> <op
2021-03-13 11:36:27
303
原创 margin常出现的bug
问题1：在不浮动的情况下，当一个子盒子在一个父盒子当中，给子盒子设置margin-top，浏览器会错放在父盒子身上<style> *{ margin: 0; padding: 0; } .father{ width: 200px; height: 200px; background-color: red; }
2021-03-13 01:21:04
504
4
原创 a-table-input标签属性
a标签内 target的属性值，点击跳转： <a href="http://www.baidu.com" target="_self">原窗口打开链接的网站</a> <a href="http://www.baidu.com" target="_blank">重新生成一个新窗口打开</a>table标签内 cellspacing cellpadding的属性值区别使用功能：cellspacing 指的是td标签内的内容相对于边框以外的距离，就像模型盒
2021-03-12 17:08:00
1190
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人