- 博客(22)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 JS中数据类型的判断
JS中数据类型的判断typeof能返回的数据类型number var num = 1; console.log(typeof num);//返回的是numberstringvar str = 'jack';console.log(typeof str);//返回的是stringbooleanvar boo =true;console.log(typeof boo);//返回的是booleanundefinedvar und ;console.log(typeo
2021-06-20 13:15:03
144
原创 position:fixed； 在 android 下无效怎么处理？
position:fixed; 在 android 下无效怎么处理？这个是因为移动端浏览器默认的 viewport 是 layoutviewport，它的宽度大于移动端屏幕，所以页面会出现左右滚动条，fixed 是相对 layoutviewport 来固定的，而不是屏幕，所以会感觉出现 fixed 无效;处理方法：改变 viewport 的大小为 idealviewport...
2021-06-20 11:46:31
546
原创 Swagger3/thinkphp6教程
Swagger-PHP v3.x/thinkphp6教程网上搜了很多关于swagger-PHP的教程,要么就是写的很乱,我完全看不懂,要么就是版本太旧,所以决定自己摸索一遍,顺便写一篇教程,日后好记!!!准备工作(要有一点PHP基础,起码要能搭建PHP环境,让PHP程序跑起来):安装Composer,windows下载,如果遇到任何问题或者想更深入地学习 Composer，请参考Composer 文档（英文文档，中文文档）安装thinkphp6,确保能正常运行(不懂得可看 ThinkPHP6.0
2021-04-30 13:49:55
1233
转载 CSS 的两种盒模型
概念CSS 盒模型本质上是一个盒子，盒子包裹着HTML 元素，盒子由四个属性组成，从内到外分别是：content 内容、padding 内填充、border 边框、外边距 margin盒模型的分类W3C 盒子模型(标准盒模型)IE 盒子模型(怪异盒模型)两种盒模型的区别宽度和高度的计算方式不同标准盒模型：width = content-widthheight = content-height 怪异盒模型:width = content-width + padding-wi
2020-09-09 17:07:51
618
原创 vue 修饰符sync
vue 修饰符sync初学vue,学习到修饰符sync,说这个很重要,遂花一天时间搞懂它,安排!在vue 1.x 中的 .sync 修饰符所提供的功能。当一个子组件改变了一个带 .sync 的prop的值时，这个变化也会同步到父组件中所绑定的值。这很方便，但也会导致问题，因为它破坏了单向数据流。（数据自上而下流，事件自下而上走）由于子组件改变 prop 的代码和普通的状体改动代码毫无区别，所以当你光看子组件的代码时，你完全不知道它合适悄悄地改变了父组件的状态。这在 debug 复杂结构的应用时会
2020-08-11 21:42:03
430
转载 Vue中的 computed 和 watch的区别
Vue中的 computed 和 watch的区别computedcomputed看上去是方法，但是实际上是计算属性，它会根据你所依赖的数据动态显示新的计算结果。计算结果会被缓存，computed的值在getter执行后是会缓存的，只有在它依赖的属性值改变之后，下一次获取computed的值时才会重新调用对应的getter来计算1）下面是一个比较经典简单的案例<template> <div class="hello"> {{fullName}} <
2020-08-10 20:39:45
138
原创 初识Vue
初识Vue今天开始学习Vue,这里主要介绍Vue的两个不同的版本;完整版完整版直接在HTML中引用 vue.js(CDN直达 ), 有compiler(编译器),视图可以写在HTML里或template选项,具体的用法可参考 vue.js官方文档使用webpack引入需要配置 alias , @vue/cli引入也需要进行额外的配置.非完整版非完整版直接在HTML中引用 vue.runtime.js,相对于完整版区别就是没有compiler(编译器), 视图写在render函数里,用"h"来创
2020-08-10 00:40:55
69
原创 简单理解MVC
简单理解MVCM是modal(数据模型)的简称，它是用于操作所有数据的增删改查V是view(视图)的简称，它是用于负责所有UI界面C是controller（控制器）的简称，负责根据用户从"视图层"输入的指令，选取"数据层"中的数据，然后对其进行相应的操作，产生最终结果MVC的用途作为一个初学者阶段来说,所写的代码基本都是面条式的,所谓的面条式代码：一团糟、代码重复率高。久而久之,就发明了一种"架构模式",即MVC。例一般我们在进行页面开发都是在文件SRC下面建立index.html、mai
2020-08-07 17:09:40
240
原创 闭包的用途及缺点是什么？
闭包的用途及缺点是什么？闭包:如果一个函数用到了它作用域外面的变量，那么这个变量和这个函数之间的环境就是闭包例1:<script type="text/javascript"> let a = 5; function fn(){ a++; console.log(a); } fn();//6 fn();//7</script>**闭包的用途:闭包可以用在许多地方。它的最大用处有两个，一个是可以读取函数
2020-08-05 13:43:23
758
转载 事件委托
自定义事件浏览器自带事件 查看 MDN事件参考列表开发者可以再浏览器自带事件之外,自定义事件:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>JS Bin</title></head><body> <div id=div1> <button id=button1>点击触发 frank 事件
2020-08-01 19:05:25
180
原创 DOM事件机制,事件捕获与事件冒泡先后执行顺序
DOM事件机制,事件捕获与事件冒泡先后执行顺序DOM事件流的三个阶段流的概念，在现今的JavaScript中随处可见。比如说React中的单向数据流，Node中的流，又或是今天本文所讲的DOM事件流，都是流的一种生动体现。用术语说流是对输入输出设备的抽象。以程序的角度说，流是具有方向的数据。事件流所描述的就是从页面中接受事件的顺序。事件流也有两种，分别是事件冒泡和事件捕获。在所有的现代浏览器当中——除了IE9之前的版本——都实现了DOM2标准事件模型，即事件处理过程的三个阶段：捕获，目标，冒泡；
2020-08-01 19:03:33
1557
转载 jQuery的简单应用
jQuery的简单应用选择元素jQuery的基本设计思想和主要用法，就是"选择某个网页元素，然后对其进行某种操作"。这是它区别于其他javascript库的根本特点使用jQuery的第一步，往往就是将一个选择表达式，放进构造函数jQuery()(简写为$)，然后得到被选中的元素【模拟CSS选择元素】$(document) //选择整个文档对象$('#myId') //选择ID为myId的网页元素$('div.myClass') // 选择class为myClass的div元素$('input
2020-07-31 18:18:05
298
原创 JS 函数的执行时机(for,let和setTimeout()的结合使用)
JS 函数的执行时机(for,let和setTimeout()的结合使用)执行如下代码段A:let i = 0for(i = 0; i<6; i++){ setTimeout(()=>{ console.log(i) },0)}//依次打印输出 6个6for循环代码,满足循环条件下执行6次,没有问题,而在setTimeout()函数里面,为什么打印输出了6,而不是0,1,2,3,4,5呢?可以先看关于setTimeout()你所不知道的地方,详解setTimeou
2020-07-26 02:42:58
830
转载 JS数据类型
JS数据类型7种数据类型（大小写无所谓)数字 number字符串 string布尔 bool符号 symbol空 undefined空 null对象object总结:四基 两空 一对象数字 number整数和浮点数JavaScript 内部，所有数字都是以64位浮点数形式储存，即使整数也是如此。所以，1与1.0是相同的，是同一个数。1 === 1.0 // true这就是说，JavaScript 语言的底层根本没有整数，所有数字都是小数（64位浮
2020-07-23 18:09:41
182
转载 JS 的基本语法
JS 的基本语法表达式和语句JavaScript 程序的执行单位为行（line），也就是一行一行地执行。一般情况下，每一行就是一个语句。语句（statement）是为了完成某种任务而进行的操作，比如下面就是一行赋值语句。var a = 1 + 3;这条语句先用var命令，声明了变量a，然后将1 + 3的运算结果赋值给变量a。1 + 3叫做表达式（expression），指一个为了得到返回值的计算式。语句和表达式的区别在于，前者主要为了进行某种操作，一般情况下不需要返回值；后者则是为了得到返回值
2020-07-12 22:37:37
225
原创 JavaScript 的诞生
JavaScript 的诞生诞生由来JavaScript因为互联网而生，紧随着浏览器的出现而问世。回顾它的历史，就要从浏览器的历史讲起。1990年底，欧洲核能研究组织（CERN）科学家Tim Berners-Lee，在全世界最大的电脑网络——互联网的基础上，发明了万维网（World Wide Web），从此可以在网上浏览网页文件。最早的网页只能在操作系统的终端里浏览，也就是说只能使用命令行操作，网页都是在字符窗口中显示，这当然非常不方便。1992年底，美国国家超级电脑应用中心（NCSA）开始开发一.
2020-07-12 00:55:48
218
转载 PHP保存远程文件
PHP保存远程文件 /**功能：php完美实现下载远程图片保存到本地*参数：文件url,保存文件目录,保存文件名称，使用的下载方式*当保存文件名称为空时则使用远程文件原来的名称*/ function getImage($url,$save_dir='',$filename='',$type=0){ if(trim($url)==''){ return array('file_name'=>'','save_path'=>'','error
2020-07-11 13:51:29
410
原创 浅析 URL
浅析 URLURL组成（Uniform Resource Locator,统一资源定位符）协议+域名或IP+端口号+路径+查询字符串+锚点(例如:https://developer.mozilla.org/zh-CN/docs/Web/HTML#参考)协议(https):指定使用的传输协议,通过安全的 HTTPS 访问该资源,最常用的是http协议域名或IP(developer.mozilla.org):指存放资源的服务器的域名系统(DNS) 主机名或 IP 地址端口号:各种传输协议都有默认的端
2020-07-05 15:04:20
120
原创 CSS知识总结
CSS知识总结(动画)浏览器渲染原理基本流程: 解析html以构建dom树 -> 构建render树 -> 布局render树 -> 绘制render树,如下图:名称解释:DOM Tree：浏览器将HTML解析成树形的数据结构。CSS Rule Tree：浏览器将CSS解析成树形的数据结构。Render Tree: DOM和CSSOM合并后生成Render Tree。layout: 有了Render Tree，浏览器已经能知道网页中有哪些节点、各个节点的CS
2020-07-04 23:55:48
80
原创 HTML重难点标签(笔记)
HTML重难点标签(笔记)a标签(常用)href 超链接地址网址//baidu.com—自动选择http 或 https路径 (相对路径或绝对路径)伪协议JavaScript:JS代码;—javascript:;点击之后没有动作的伪协议<a href="javascript:;">点击之后没有动作的伪协议</a>mailto:邮箱<a href="mailto:[email protected]">发邮件</a>
2020-06-27 20:57:53
291
原创 前端HTML全解(基础笔记)
前端HTML全解(基础笔记)1.HTML起手式<!DOCTYPE html><html lang="zh-CN"> <head> <!-- 文件字符编码 --> <meta charset="utf-8"> <!-- 兼容手机,禁止缩放 --> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,
2020-06-21 22:28:30
138
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人