- 博客(25)
- 收藏
- 关注
RSS订阅
原创 git使用的笔记
记录一些自己开发中常用的git命令1、git status可查看本地文件变更。2、git add demo.html可将工作区修改或者新创建的文件添加到本地暂存区。(eg: 将demo.html的添加到本地)3、git commit -m "新增修改了demo.html文件"可将本地暂存区添加的代码提交到本地分支。(eg: 将已 git add 操作过的demo.html文件提交到本地分支)4、git diff demo.html可查看变更文件修改了什么内容。(eg: 查看demo.html
2020-11-23 22:55:47
185
原创 js事件的对象属性和方法。事件冒泡，捕获及委托。
一、事件的Event对象和属性首先来看一段代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>event_bubble</title></head>
2020-12-14 23:28:38
646
原创 分享一道面试题：10ml试管10ml的水，一个7ml，一个3ml，将10ml分成两个5ml的
分享一道面试题：一个10ml的试管里面装满10ml的水，另外还有一个7ml，一个3ml，将10ml的水分成两个5ml的水。先上过程：10ml > 7ml, 7ml > 3ml, 3ml > 10ml, 7ml > 3ml, 3ml > 10ml, 7ml > 3ml, 10ml > 7ml, 7ml > 3ml, 3ml > 10ml简易图解：...
2020-12-09 22:22:42
2749
原创 js类型和判断类型
js是一种弱类型语言，拥有动态数据动态，相同的变量可用作不同的类型。基本数据类型：Number，string，Boolean，Symbol(es6)特殊类型：undefined，null以上类型为原始数据类型引用类型：Object， Array，function，Date判断类型1、使用 typeoftypeof 可以检测Number，String，Boolean，undefined，null，function类型。但是检测 Object 和 Array 时，返回的都是对象型 Object。
2020-12-08 23:05:16
197
原创 arguments函数的类数组-参数对象
arguments是一个对应传递给函数的参数的类数组对象；eg:function show_nums(){ console.log(arguments)};show_nums(1,2);show_nums(1);show_nums(1,2,3);// 直接在vscode里run code结果为：[Arguments] { '0': 1, '1': 2 }[Arguments] { '0': 1 }[Arguments] { '0': 1, '1': 2, '2': 3 }
2020-12-07 23:23:46
342
原创 HTML特殊符号对照表
也是直接上代码<p>显示结果 描述 实体名称 实体编号 ￠ 分 ¢ ¢ £ 镑 £ £ ¥ 日圆 ¥ ¥ § 节 § § © 版权 © © ® 注册商标 ® ® × 乘号 × × ÷ 除号 &div
2020-12-07 22:43:06
296
原创 jquery实现鼠标拖拽div改变位置
废话不多说，直接上代码<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8" /> <title>jquery实现鼠标拖拽div改变位置</title> <script src="./http_ajax/js/jquery.js">&l
2020-12-07 22:12:32
1378
原创 js中的math函数
Math.LN10Math.LN10就是loge10，即10的自然对数，其值近似于 2.3025850929940459011。Math.PIMath.PI属性就是π，即圆的周长和它的直径之比。Math.SQRT1_2Math.SQRT1_2属性返回2的平方根的倒数，这个值近似为0.7071067811865476。Math.SQRT2Math.SQRT2属性返回2的平方根，此值近似为 1.4142135623730951。/以下高能***/Math.abs()此方法可返回数值的绝对值。
2020-12-07 21:54:16
449
原创 js脚本小笔记
整理一些自己写过的js笔记1. js基本语句js 定义变量基本规则：不能用数组开头；不能用 js 的关键字和保留字命名；可用 _ (下划线) 和 $ 开头是允许的；变量命名要有意义；变量名严格区别大小写；<script>// 获取 dom 元素var box = document.getElementById("box"); // 通过 id ,获取的是页面上 id 为 box 的元素。var box = document.getElementsByClassName
2020-11-16 23:09:54
153
原创 css样式2
整理一些自己写过的css样式，记录。1. css翻牌效果html部分：<div class="card_rotate"> <div class="card card1"> <img class="font" src="images/card6.png"> <img class="back" src="images/card6-back.png"> </div> <div class="card back2">
2020-11-11 23:41:11
132
转载 jQuery 图像 360 度旋转插件
13 款最热门的 jQuery 图像 360 度旋转插件推荐时间：02月07日 在 web 页面上使用 jQuery 图像 360 度旋转插件是最美也是最方便的显示图像的方式。这些超级棒的 360° 图像选择插件允许用户更详细的分析产品或者文章。jQuery 图像旋转插件可以让用户从各种角度进行 360 度的图像展示，经常在电子商务网站上使用，帮助消费者更好的了解产品，从任意的一个角度观察欣赏...
2019-08-05 14:43:30
491
原创 整理一些有趣的页面效果
一.鼠标倾斜效果在jquery插件库 http://www.jq22.com/daiseo?seo=鼠标&PageNo=12看到的 鼠标倾斜效果三维倾斜 http://www.jq22.com/code1086背景的变化 http://www.jq22.com/code1382按钮倾斜 http://www.jq22.com/code1984二.鼠标悬停效果在jquer...
2019-07-23 10:44:17
1413
原创 css中的flex（弹性）布局
flex 弹性布局一. flex 解释1、flex 布局 为 flexible BOX 的缩写 ，意思为 弹性布局。2、块级元素和行内块级元素都可以使用flex布局3、Webkit内核的浏览器，需要加上-webkit前缀。二. flex 容器 属性1、flex-direction此属性决定主轴的方向.flex{ flex-direction: row; // (默认值) 主轴水平...
2019-07-08 18:02:00
33611
5
原创 原生js代码编写钟表
原生js代码编写钟表利用js中的定时器编写；直接上代码：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>表</title> <style type="text/css"> * { margin: 0; paddin...
2019-04-25 11:50:13
1065
2
原创 html中的mata标签的作用
标签介绍首先是页面最上方的<!DOCTYPE html>标签。 <!DOCTYPE html>标签不属于html标签，是一种对web浏览器声明。作用是指示web浏览器页面使用了哪个html版本<html lang="en"> or <html lang="zh-CN"> html标签中的lang表示页面使用的...
2019-04-23 17:35:11
1500
原创 Vue(2.0)生命周期理解
根据vue官方给出的结构图vue总共有8个生命周期：beforeCreate：组件实例化在创建之前，属性绑定之前，只是一个空壳，无法访问到数据和真实的dom和data。created：组件实例创建完成，属性绑定完成，但是dom未绑定。可以获取到初始数据，可以使用数据，也可以更改数据，但是不会触发updated函数。beforeMount：模块编译，事件挂载之前，变异模块将虚拟dom放在...
2019-04-22 15:55:23
325
原创 数组去重，并显示出每个元素的次数
淡出的数组去重 // 单纯的数组去重 var a = [1, 2, 3, 3, 3, 2, 1, 4, 5, 3, 6]; var b =[]; for (var j = 0; j < a.length; j++) { if (b.indexOf(a[j]) === -1) { b.p...
2019-04-18 16:41:46
617
原创 vue脚手架项目真机测试
webpack创建vue脚手架真机测试真机测试的前提是 手机和电脑必须处于同一局域网下 (连接 同一wifi即可) ！！！！！1.在项目中打开package.json文件在 dev属性后加入 --host 0.0.0.0方法："dev": "webpack-dev-server --host 0.0.0.0 --inline --progress --config build/webpac...
2019-04-11 16:54:39
449
原创 css样式
1. css文字超出宽度显示成….txt{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}2. 弹性布局垂直居中.div{ display:flex; flex-direction:column; justify-content:center;}...
2019-04-09 11:27:28
176
原创 webpack 创建 vue脚手架项目
1.安装 node 安装地址： https://nodejs.org/zh-cn/ node -v 查看nodeJS是否安装成功及版本号 npm -v 查看npm版本号2.安装GIT 安装地址：https://git-scm.com/ git -versi...
2019-03-21 18:07:03
549
原创 jQuery下的ajax请求html文件
jQuery下的ajax请求html文件var mainUrl = ‘./aaa.html'$.ajax({ type: 'GET', //提交数据的类型 POST GET url: mainUrl, //提交的网址// 此处mainUrl为本人定义 dataType: "html", //"xml", "html", "...
2019-02-20 16:25:34
3030
原创 用JS语言编写计算机
本周因为要考试，所以博客写的有些迟。上周我们JS没有学习新的内容，对之前学的知识进行了总结复习。喜欢搞事情的我们做出来了一个本人感觉很有趣的东西，简易计算器。 下面是代码部分：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>计算机</title> <style type=
2017-06-22 20:33:21
3318
原创 用js语句实现网页中的选项卡（两种方法）
用js语句实现网页中的选项卡方法一：以下是全部的代码；<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>选项卡</title> <style type="text/css"> *{margin: 0;padding: 0;} #
2017-06-15 19:47:03
1372
原创 我的第一个ｗｅｂ前端博客
今天第一次写博客，刚注册了号。作为一个前端菜鸡，港真的我也不知道都要写些什么，设置头像上传了半年也没成功，想想还是先写博客吧，毕竟今天是高考第一天。要是有写的不好的地方还请含蓄表达，因为我喜欢听好话。 用JavaScript实现对文字段落中的字进行查找或替换。<!DOCTYPE html><html> <head> <meta charset="UTF-8">
2017-06-07 20:59:55
1960
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人