- 博客(118)
- 收藏
- 关注
RSS订阅原创 30分钟入门babel插件
快速学习什么是babel、babel的流程、通过AST可视化平台介绍babel ast、babel api等，快速入门Babel插件
2023-04-10 23:23:16
1157
原创 阿里前端面经（笔试+3轮技术面+HR面）
笔试（四题，一小时时间）实现一个Modal模态窗，位置始终在窗口中间，弹窗包含标题，内容，取消和确认按钮。不需要写HTML，编写主要CSS以及JS逻辑。编写render函数，实现简单模板引擎。例如，str=‘我是{{name}}，年龄{{age}}，性别{{sex}}’，data = {name: ‘姓名’, sex: '男‘, age: 18}，调用render(str, data)，输出"我是姓名，年龄18，性别男"。去除字符串两头空格，合并中间空格，并反转字符串，例如，原 " abc
2021-07-05 00:55:27
3186
2
原创 canvas的getImageData处理本地图片跨域问题解决方法
图片资源存储在本地时，默认是没有域名的，而canvas的getImageData受同源策略限制，使用getImageData处理本地图片浏览器会判定为跨域而报错。解决方法：使用FileReader对象的readAsDataURL读取指定的Blob中的内容，读取完成后，FileReader对象的result属性中将包含一个data: URL格式的Base64字符串以表示所读取文件的内容。将res...
2020-04-09 19:48:26
4894
1
原创 L. Digit sum (ICPC 2019 上海网络赛)
题目链接：https://nanti.jisuanke.com/t/41422思路：二维树状数组+区间求和AC代码#include<iostream>using namespace std;const int MAXN = 1000001;int c[11][MAXN];int calc(int n,int b){ int res=0; while(n)...
2019-09-15 18:08:42
539
原创 jQuery学习记录
主要内容 jQuery入口函数 什么是'$'? dom对象与jQuery对象相互转化 jQuery选择器 jQuery类操作 jQuery动画 jQuery部分方法 jQuery属性操作 jQuery节点操作 jQuery事件jQuery入口函数①方法一$(document).ready(function(){ ...});②方法二$(functi...
2019-08-09 21:58:38
342
原创 Linux计划任务
作用：指定时间点去执行指定指令语法：crontab 选项常用选项-l：list，列出指定用户的计划任务列表-e：edit，编辑指定用户的计划任务表-u：user，指定用户，默认为当前用户-r：remove，删除指定用户的计划任务列表①查看语法：crontab -l [-u 用户名]②编辑语法：crontab -e规则：以行为单位，一行一个计划格式：分 时 日 月 周...
2019-07-31 03:05:49
132
原创 Shell编程
编写shell脚本步骤1、创建脚本touch/vim 文件名.sh //必须以sh结尾2、编写代码 #!/bin/bash //第一行指定shell解释器，第二行开始写脚本3、添加文件可执行权限chmod +x 文件名4、执行脚本：①/bin/bash 文件②./文件注释：# 案例：输出Hello World！shell基础变量的定义和使用输入/输出流程控...
2019-07-31 02:18:57
237
原创 Linux文档权限管理
一、查看权限语法：ls -l 路径（ll 路径）十位字符含义第1位：文档类型第2-4位：文档所有者权限情况第5-7位：与所有者同一组的权限情况第8-10位：除了前两部分的用户之外的其他用户的权限情况二、权限设置（文档所有者或root）语法：chmod 选项 权限模式 文档路径常用选项-R：递归设置权限（文件夹）①字母形式语法：chmod [选项...
2019-07-29 16:23:50
116
原创 Linux用户和用户组管理
Debian和Ubuntu下的root用户普通用户提升为root用户：sudo -s //必须为第一个普通用户返回普通用户状态：exit/etc/passwd 存储用户的关键信息/etc/group 存储用户组的关键信息/etc/shadow 存储用户的密码信息 用户管理 ①添加用户语法：useradd [选项] 用户名常用选项-g：...
2019-07-28 15:00:36
102
原创 Linux指令
命令格式：指令主体 [选项] [操作对象]关机命令：shutdown -h now（正常关机）、halt（关闭内存）、init 0、poweroffls指令①ls //列出当前目录下所有文件和文件夹名称②ls 路径 //列出指定路径下的所有文件和文件夹名称③ls 选项 路径 //以指定格式显示指定路径下的所有文件和文件夹名称选项：-l（以详细列表形式显示）、-la（显示所有文件...
2019-07-28 00:33:15
245
原创 vim编辑器
vim打开文件 ①vim 文件路径 //打开指定文件②vim +n 文件路径 //打开指定文件并将光标移动到第n行③vim +/关键词 文件路径 //打开指定文件并高亮显示关键词④vim 文件路径1 文件路径2 文件路径3 ... //同上打开多个文件 模式切换 一、命令模式-->其他模式->末行模式：":"->编辑模式：i、a、o、I、A、O、S...
2019-07-27 22:48:19
189
原创 子查询
当一个查询是另一个查询的条件时称为子查询。标量子查询：子查询得到的结果是一个数据（一行一列）基本语法：select * from 数据源 where 条件判断 =/<> (select 字段名 from 数据源 where 条件判断);列子查询：子查询得到的结果是一列数据（一列多行）基本语法：select * from 数据源 where 条件判断 in (select...
2019-07-26 01:33:08
157
原创 联合/连接查询
联合查询 概念：将多个查询的结果合并在一起，字段数不变，多个查询的记录数合并。基本语法：select 语句 Union [distinct/all] select 语句;Order by的使用基本语法：(select 语句 order by 字段 [asc/desc] limit n,m) Union [distinct/all] (select 语句 order by 字段...
2019-07-25 01:20:46
192
原创 js实现网页自适应浏览器大小
function setScale(){ var heigth_screen = window.innerHeight/640; //根据设计的大小设置除数 var width_screen = window.innerWidth/360; //同上 document.body.style.transform = "scale("+width_screen+","+heigth_scr...
2019-07-25 00:23:40
1201
原创 数据操作（二）
插入数据 多数据插入基本语法：insert into 表名[(字段列表)] values(值列表) , (值列表), ...;主键冲突①主键冲突更新基本语法：insert into 表名[(字段列表)] values(值列表) on duplicate key update 字段 = 新值;②主键冲突替换基本语法：replace into 表名[(字段列表)] ...
2019-07-25 00:01:44
117
原创 数据库列属性
NULL属性 表示字段为空，如果对应的值为YES表示该字段数据可以为空（默认可以为空）设置字段数据不能为空 DEFAULT属性 默认值，字段设置该属性后，如果用户不进行数据插入则使用事先准备好的数据来填充，不设置默认为NULL。设置DEFAULT属性查看DEFAULT属性触发DEFAULT属性 COMMENT属性 列描述，给开发人...
2019-07-15 21:26:21
2049
原创 数据操作
插入操作向表中指定字段插入数据（值和字段对应就行，无关顺序）：insert into 表名[(字段列表)] values(对应字段列表);向表中所有字段插入数据（值列表必须和字段列表一致）：insert into 表名 values(对应表结构);查询操作(*表示匹配所有字段，字段列表使用逗号","隔开数据）查询表中所有数据：select * from 表名;查...
2019-07-13 23:15:41
161
原创 数据表操作
创建数据表：create table 表名（字段名 字段类型 [字段属性],字段名 字段类型 [字段属性],...）[表选项];数据表必须放到相应的数据库下，两种挂入指定数据库的方式:1、数据表前面加上数据库名，用"."连接:数据库.数据表2、在创建数据表前进入数据库:use 数据库名字表选项:engine:存储引擎 MySQL提供的具体存储方式charset:字符集，只对当前表有效（...
2019-07-13 22:39:36
182
原创 数据库操作
创建数据库:create datebase 数据库名字 [库选项]库选项，数据库相关属性字符集:charset 字符集校对集:collate 校对集显示数据库信息显示全部：show datebases;显示部分：show datebases like '匹配模式';_：匹配当前位置单个字符%:匹配指定位置多个字符显示数据库创建语句；show create date...
2019-07-13 21:51:11
198
原创 动画效果
（1）animation-name：指定动画名称（2）animation-duration：设置动画总耗时（3）animation-iteration-count：设置动画播放次数（4）animation-direction：alternate //设置交替动画（5）animation-delay：设置动画延迟（6）animation-fill-mode：forward|backward...
2019-06-20 22:41:40
130
原创 transform转换
transform转换：对元素实现移动、缩放、旋转、斜切等操作属性：2D转换（1）2d移动：translate(x)|translate(x,y);x：x轴移动的向量长度y：y轴移动的向量长度单方向：translateX(x)、translateY(y)（2）2d缩放：scale(xy)|scale(x,y);x：x轴方向缩放y：y轴方向缩放xy：两个方向缩放一样单...
2019-06-20 22:41:11
314
原创 过渡效果
transition-property：添加过渡效果的样式属性名称（all：所有样式）transition-duration：过渡时间的耗时（秒）transition-delay：延迟过渡效果transition-timing-function：设置时间函数，控制运动的速度属性值：linear：匀速ease：先慢后快再慢速结束ease-in：以慢速开始的过渡效果ease-out...
2019-06-20 22:40:23
308
原创 渐变效果
线性渐变 linear-gradient([point||angle],<color [startpos]>,<color [endpos]>[,<color pos>]*);ponit/angle参数值：（1）to left：设置渐变从右到左，相当于270deg（2）to right：设置渐变从左到右，相当于90deg（3）to top：...
2019-06-20 22:39:55
223
原创 阴影效果
文本阴影 text-shadow:offsetX offsetY blur color;offsetX：x轴偏移量offsetY：y轴偏移量blur：模糊值，值越大越模糊，不能为负数color：颜色演示代码<!DOCTYPE html><html> <head> <title>文本阴影</title>...
2019-06-20 22:39:25
104
原创 CSS3新增布局效果
盒模型：box-sizing（1）content-box：设置的width属性值仅仅是内容的宽度。（2）border-box：设置的width属性值就是盒子最终的宽度，包含了border、padding和内容。颜色：rgb(红,绿,蓝);//取值都在0~255hsl(颜色[0~360],饱和度[0%~100%],明度[0%~100%])opacity：透明度，取值0~1，子元素会继...
2019-06-20 22:38:58
302
原创 CSS3新增选择器
属性选择器：E[attr]：查找指定的拥有attr属性的E标签E[attr=value]：查找指定的拥有attr属性值为value的E标签E[attr*=value]：查找指定的拥有attr属性值中任意位置包含value的E标签E[attr^=value]：查找指定的拥有attr属性值以value开头的E标签E[attr$=value]：查找指定的拥有attr属性值以value结尾的E标...
2019-06-19 14:30:11
413
原创 Web存储
sessionStorage的使用：（1）数据存储到当前页面，存储容量5mb左右。（2）同一个浏览器不同页面无法共享数据。生命周期：关闭当前页面就清除。相关函数：setItem(key,value); //以键值对的方式存储数据getItem(key); //通过key获取对应的value值removeItem(key); //通过key删除对应的value...
2019-06-19 14:22:07
105
原创 拖拽事件
应用于被拖拽元素的事件ondrag：整个拖拽过程都会触发ondragstart：拖拽开始时触发ondragleave：鼠标离开拖拽目标时触发ondragend：拖拽结束时触发应用于目标元素的事件ondragenter：拖拽元素进入时触发ondragover：停留在目标元素上时触发ondrop：在目标上松开鼠标时触发ondragleave：鼠标离开拖拽目标时触发演示代码...
2019-06-19 14:20:26
849
4
原创 读取文件
FileReader对象readAsText()：读取文本文件，返回字符串，默认编码为UTF-8。readAsBinaryString()：读取任意文件，返回二进制字符串。readAsDataURL()：读取文件获取一段以data开头的字符串。abort()：中断读取 。相关事件：onabort：读取文件中断时触发onerror：读取错误时触发onload：文件读取成功完...
2019-06-19 14:18:57
807
原创 全屏接口
requestFullScreen();//开启全屏显示cancelFullScreen();//退出全屏显示fullScreenElement();//是否全屏状态<!DOCTYPE html><html> <head> <title></title> <meta charset="utf-8" />...
2019-06-19 14:17:23
185
原创 网络接口
ononline：网络连通时触发事件onoffline：网络断开时触发事件演示代码：<!DOCTYPE html><html> <head> <title>网络接口</title> <meta charset="utf-8" /> </head> <body></bod...
2019-06-19 14:15:40
112
原创 新增Dom操作
获取单个元素，如有多个满足条件的元素，将返回第一个：var Element = document.querySelector("选择器的名称");获取满足条件的所有元素（数组）var Elements = document.querySelectorAll("选择器的名称");类样式操作:classList：样式列表add：为元素添加指定名称的样式，一次只能添加一个docu...
2019-06-19 14:13:11
220
原创 H5新增标签
语义标签：<header></header><nav></nav><main></main><article></article><aside></aside><footer></footer>功能相当于div，但IE9会解析为行级元素。...
2019-06-19 14:11:57
136
原创 H5新增表单属性
表单新增type属性：邮箱：<input type="email"/>电话：<input type="tel"/>网址：<input type="url"/>数量：<input type="number" value="50" max="100" min="0"/>查找：<input type="search"/>范围：<...
2019-06-19 14:07:49
191
原创 Ajax
Ajax是XMLHTTPequest对象和JavaScript、XML、CSS、DOM等技术的组合。Ajax可以像桌面程序一样只同服务器进行数据层面的交换，而不用每次都刷新页面。发送请求的四个步骤：（1）初始化XMLHTTPRequest对象。（2）为XMLHTTPRequest对象指定一个回调函数，用于对返回结果进行处理。（3）创建一个与服务器的连接。（4）向服务器发送请求。XML...
2019-06-07 22:32:07
912
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人