- 博客(15)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 canvas原生JavaScript实现刮刮乐
原理鼠标按住移动的时候，实现刮刮乐的效果，那就是鼠标按下的同时鼠标移动，那就清除画布。松开鼠标，鼠标移动不再清除画布了，那就得清除事件。canvas画布获取画布元素var canvas = document.getElementById('canvas');获取绘图对象getContextvar ctx = canvas.getContext('2d');画线ctx.lineWidth = 3;//线宽ctx.strokeStyle = 'red';//线条颜色//开始的
2020-09-28 11:04:16
396
原创 原生JavaScript实现拖动校验
滑动验证思路思路页面布局采用定位,背景颜色变化bg的宽度为0，其宽度会随着滑块的移动而移动。页面结构<!--验证--><div class="box"> <!--滑块--> <div class="btn"></div> <!--文字--> <p class="text">请滑动滑块</p> <!--背景--> <div class=
2020-09-28 09:38:33
288
原创 JavaScript正则表达式
正则表达式定义字面量var r1 = /foo*/构造函数var r2 = new RegExp(‘foo*’)test();//方法可以正确的匹配r2.test(‘foo7878’);//true正则表达式的规则/foo/;//表示是输入的内容有foo，那么就都能匹配/\bfoo\B/;// 只匹配foo,\b表示字符的边界不能拥有字符，但是空格是可以的。\B表示字符边界必须有字符值，空格不算/\d\D/;//\d必须是纯数字。\D匹配的是非数字字符/\w\W/;//\w数字字母下
2020-09-26 20:32:13
102
原创 3.3ES5作用域
ES5作用域靠function分割。没有块级作用域。全局作用域和局部作用域同名，使用就近原则（优先用的是局部作用域的），该预解析就解析。var a = 10;function f1(){ var b=2*a; var a = 20; var c = a+1; console.log(b); console.log(c); //解析过程 var b; var a; var c; b = 2*a; a = 20;
2020-09-25 20:53:41
151
原创 3.2预解析
ES5预解析把函数或者变量预先解析到他们被使用的环境中function --> function(){} 赋值的是整个函数块var --> undefined解析过程,变量和函数同名，优先留下函数的值（函数的优先级更高）console.log(a);//undefinedvar a = 1;// 解析过程var a;console.log(a);//undefineda = 1;console.log(a,b,c,d,e);var a = 10;var b;.
2020-09-25 20:47:39
108
原创 3.1拷贝
深拷贝封装深拷贝针对多级assign合并对象，也只是浅拷贝var a = { id:1, name: 'a', obj: { id: 999 }}function fun(obj) { var o = {}; Object.assign(o, obj); return o;}var a2 = fun(a);//赋值的新对象a2.name = 'a2';a2.obj.id = 888;console.log(a);
2020-09-25 20:43:53
87
原创 2.对象属性查询，对象方法，深浅拷贝的理解
数组定义构造函数var arr = new Array();//使用构造函数定义，只有一个参数的时候，表示数组的长度，多个参数表示数组元素字面量var arr1 = [];//字面量遍历数组forfor(var i=0;i<arr.length;i++){ arr[i]}forEach，没有终止，没有返回值arr.forEach((item,index)=>{ item//是数组的元素 index//数组下标 return//。没有用})
2020-09-25 19:08:49
198
原创 事件冒泡应用——事件委托
<ul> <li>11</li> <li>22</li> <li>33</li> <li>44</li></ul>document.getElementsByTagName('ul')[0].onclick = function (e) { // this指向了父元素，因为父元素就是事件源 var lis = this.children
2020-09-16 20:24:44
140
原创 webpack——nrm使用
webpack入门——nrmnrmnrm安装nrm提供很多包的镜像地址，淘宝镜像，cnpm镜像等。nrm安装命令：npm install nrm -g安装好后，可以用nrm ls //ls是list的缩写，查看nrm的列表，默认是npm的镜像地址，此时npm install包的时候就从registry.npmjs.org上下载切换nrm use edunpm；再次查看镜像地址，此时使用的是edunpm镜像地址，此时npm install包的时候就从registry.enpmjs.org上
2020-09-06 11:06:08
123
原创 面经--深信服
上周六面试了深信服，感觉贵公司很看重数据结构和算法，这是程序员永远都绕不开的难题啊。前端也每天例外面经题目盒模型Css三角形Css圆形说说vue数据双向绑定Ajax交互的过程说说BFC cookie，localStorage和sessonStorage区别sessionStrorage如果在同一个浏览器开两个窗口，数据可以用吗行内元素，块级元素闭包事件捕获和事件冒泡HTTP状态码有哪些？编程题let data = [{ date: '2020-05-01', .
2020-06-03 16:39:21
445
原创 简单实现nodejs数据交互
Node 是一个让 JavaScript 运行在服务端的开发平台，它让 JavaScript 成为与PHP、Python、Perl、Ruby 等服务端语言平起平坐的脚本语言——百度百科数据交互数据交互过程：前端页面提交数据（例如表单，注册登录）；数据的传送格式JSON最为常见；发送请求服务器，后台从服务器中取数据，对数据进行处理，存入数据库。反过来，后台从数据库取出数据处理，在发送到前端，前端拿到数据进行渲染。即完成一次数据请求响应。此次实现就不涉及数据库了，我自己准备一个数据文件。目录结构是
2020-06-02 08:33:08
1641
原创 Web标准+HTML结构
HTML结构解析前端Web标准HTML文档类型字符集HTML标签语义化前端前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5，CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，完美的动效设计，给用户带来极高的用户体验---百度百科Web标准由W3C和其他标准化组织制定的一系列标准的集合。主要包括结构、表现和行为三个方面。结构标准：结构用于对网页元素进行整理和分类，主要包括XML和XHTML两个部分。样式标准：表现用于设置
2020-06-01 08:35:01
773
转载 1013 数素数 (20 分)
题目：令Pi表示第i个素数。现任给两个正整数M≤N≤104，请输出PM到PN的所有素数。输入格式：输入在一行中给出M和N，其间以空格分隔。输出格式：输出从PM到PN的所有素数，每 10 个数字占 1 行，其间以空格分隔，但行末不得有多余空格。输入样例：5 27输出样例：11 13 17 1...
2019-08-14 17:34:38
97
原创 1004 成绩排名（通过）
这篇文章算是借鉴的比较少的了哈哈哈。以前刷PTA的时候都是没有通过，大多是提交的别人的代码。看到自己的进步是非常开心的。 首先看题 读入n（>0）名学生的姓名、学号、成绩，分别输出成绩最高和成绩最低学生的姓名和学号。输入格式：每个测试输入包含 1 个测试用例，格式为第 1 行：正整数 n第 2 行：第 1 个学生的姓名 学号 成绩第 3 行：第 2 个学生的姓名...
2019-08-08 21:49:35
163
转载 1002 写出这个数
1002 写出这个数原始代码，没有通过借鉴的代码原始代码，没有通过#include <iostream>#include<stdio.h>#include<string>using namespace std;//递归函数void Pr(int n){ int x; //正序输出每一位数字 if (n <...
2019-07-29 14:46:39
106
《数据库原理与应用》课程设计报告.zip
2020-01-05
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人