前端基础
关注
分享
扫一扫
文章平均质量分 68
帮窝消消黑眼圈
慢慢积累
Github: https://github.com/nopapername
个人主页：https://nopapername.github.io/
展开
-
Safari 点击事件 event.path 为 undefined不存在
场景：此处需要 获取触发事件元素冒泡过程的所有元素即使用event.path属性。然而在 Safari 的点击事件中，event.path 属性不存在。资料：在一些社区表示，IE11 和 Legacy Edge（v44 或更早版本，在从 v79 开始的 Chromium 更新之前）都不支持path或composedPath。火狐支持composedPath。Chrome 支持path（这是 Google 的最初想法）和composedPath。根据 MDN的composedPath描述，截至 202原创 2021-08-30 20:09:35 · 2376 阅读 · 0 评论 -
关于moment库format()参数am pm中文显示说明
关于moment库format()参数am pm中文显示说明moment(new Date()).format('ah:mm') // 在英文展示为12:00之前为am、24:00之前为pm但是在中文包环境下，am，pm展示时间段规则为：00:00:00 到 5:59:59 凌晨6:00:00 到 8:59:59 早上9:00:00 到 11:29:59 上午11:30:00 到 12:29:59 中午12:30:00 到 17:59:59 下午18:00:00 到 23:59:59 晚原创 2020-11-26 15:06:40 · 3235 阅读 · 1 评论 -
常见js手撕题及算法总结
设计一个lazyMan，实现以下功能：LazyMan(‘Tony’);// Hi I am TonyLazyMan(‘Tony’).sleep(10).eat(‘lunch’);// Hi I am Tony// 等待了10秒…// I am eating lunchLazyMan(‘Tony’).eat(‘lunch’).sleep(10).eat(‘dinner’);// H...原创 2019-10-20 10:51:04 · 2967 阅读 · 2 评论 -
javascript基础面试算法题总结
前言最近学习中发现自己算法部分相对薄弱，所以持续一段时间的练习来提高自己的算法能力，顺带熟悉js及es6的基础对象方法。题目部分如何实现顺序数组的随机排序？// 实现思路：通过每一轮循环将数组中随机的位置里的值和循环位置上的值交换来达到数组的随机排序 var arr = [1,2,3,4,5,6,7,8,9,10]; function randomArr(arr){ ...原创 2019-03-24 16:55:46 · 435 阅读 · 0 评论 -
前端实习问题总结及实习内容归档
前言近日在公司切身实习，总结一下遇到的一些问题供自己日后参阅。（ps：因没有上下文，问题可能比较突兀）总结因用的公司mac，自己配各种环境时遇到最多的问题就是 权限不够！1.// 安装npm 全局包时权限不够在安装命令前加上sudo，如$ sudo npm i -g npm或者直接更改权限sudo chown -R $USER /usr/local2.// 公司使用git...原创 2019-05-06 18:31:24 · 5895 阅读 · 0 评论 -
记学校一次javaweb小测试：使用 AJAX 技术开发一个购物网站购物车功能（ajax+nodejs）
题目：特别说明：因为是java web程序设计这门课，所以老师的要求不仅仅是会用ajax就完事儿，需要自己使用java来连接数据库写后台，然后前端ajax获取。（PS：因为自己java学的一般，又一直在搞纯前端的东西。所以自己鼓捣了一下用nodejs来实现后端，前端使用ajax获取来完成这个题目）样例后端sql.js// nodejs部分// 作用：实现连接数据库获取增加数据，开启...原创 2019-05-25 15:21:50 · 595 阅读 · 0 评论 -
Vue相关易忘点记录
前言最近发现 vue 某些用得少的知识点或者某些深入的理解方面 有时候会因为记忆不深刻而遗忘掉。所以特开此贴记录一下vue相关的易忘点及一些对vue的深入思考。记录...原创 2019-08-04 16:50:12 · 488 阅读 · 0 评论 -
初学nodejs——实现一个简易论坛（完成简单的登录、注册、发帖、评论功能）
前言前段时间临近期末，在学校上完最后的课程后得知有一些作业贴近于前端，其中包括javaWeb的一个大作业——完成一个简易论坛实现登录、注册、发帖、评论等功能。（PS：本来老师要求用java写后台，不过因为本菜鸡没有认真学习，只好改用nodejs写后台。）技术栈nodejs+express+mysql实现后台，前端页面只用了基础的html+css+jq编写，并且用了ajax的封装库axios...原创 2019-06-18 15:53:26 · 4182 阅读 · 2 评论 -
微信小程序——mhzqx点餐系统（包含前端，后台及数据库表）
小程序微信小程序-点餐系统（包含前端，后台及数据库表）小程序预览小程序页面点餐展示：后台管理部分：数据库改变：满汉子全席——点餐小程序本小弟参加实训使用微信开发者工具写的点餐小程序项目，同时使用nodejs编写后台部分来操作数据库，和我一样初学小程序或nodejs的可以在本项目中学习了解关于小程序代码结构组织，模块化，构建等内容，入门小程序及nodejs的好选择。（虽然实训要......原创 2019-07-21 15:54:52 · 20830 阅读 · 52 评论 -
简易仿跳一跳——微信小游戏
前言本简易版 跳一跳使用Cocos来完成编写。（使用js进行逻辑编写）预览工程代码工程代码：主要逻辑代码game_scene.js:cc.Class({ extends: cc.Component, properties: { // 获取玩家对象 在canvas 里面找到 player 属性然后添加节点 player:{ ...原创 2019-07-21 16:18:19 · 690 阅读 · 0 评论 -
牛客——剑指Offer编程题练习总结（js版）
题目描述在一个二维数组中（每个一维数组的长度相同），每一行都按照从左到右递增的顺序排序，每一列都按照从上到下递增的顺序排序。请完成一个函数，输入这样的一个二维数组和一个整数，判断数组中是否含有该整数。// 方式一（暴力循环）：// 解题思路：使用双重循环，外层表示当前第几行的数组，内层表示对每行的一维数组的遍历，直到找到需要查找的那个整数function Find(target, arra...原创 2019-09-20 17:46:16 · 1457 阅读 · 0 评论 -
基于vue技术栈-移动端外卖项目实战问题总结
前言为了深入学习vue全家桶及前后台交互技术，包括vuex，vue-router，ajax等，模仿某平台写一个简化版的移动端项目出来技术栈vue2 + vuex + vue-router + webpack + ES6/7 + axios + stylus项目链接点击进入我的github项目关于接口数据在github上找的别人做好的一个超大型外卖平台项目api文档里的其中几项引用大...原创 2019-03-11 17:52:52 · 2317 阅读 · 1 评论 -
一些前端基础知识点自我总结！！！（实习面试准备）
什么是前端的模块化，组件化，工程化？模块化：将某一复杂逻辑或功能的代码封装成一个文件以实现更规范化的管理、隔离及组织，以便在项目其他地方可以用到的时候引入，可以称之为模块化。js代码的模块化规范很多，有AMD/CommonJS/UMD/ES6 Module等等，css也可以采用模块化思想编写，而webpack则是一种模块打包工具。（具体的模块化编程请自行百度）组件化：将一个网站页面想象成一...原创 2019-03-02 14:19:20 · 719 阅读 · 0 评论 -
mjau-mjau.com页面仿写基础总结
前言一个很简单的网站，适合入门html+css的编写原网站：mjau-mjau.com仿写的网站项目文件：https://github.com/nopapername/Copy-write-mjau-mjau.com技术栈html5+css3+jq基础+bootstrap4+owl carousel页面效果预览几个注意小点页面全屏背景图随浏览器窗口大小变化，JS如下$(wi...原创 2019-02-20 19:45:21 · 384 阅读 · 0 评论 -
# 前端初学html+css+js+bootstrap4+jquery部分后的简单响应式静态网页编写（漫威主题个人博客）
关于学习自上次写博客已过了1个月左右时间。当时刚看完html继续学习css中。而现在也接触到了jquery的一些东西（虽然大佬们都说jquery已过时，不过拿来入手应该不错）。于是这一个月在学这些的同时跟着编写了一个漫威主题的静态网页，便于此拿出来分享。PS：静态网页还没完善且很多不足之处，请各位大佬指出。写此篇博只为记录学习之程。关于静态网页这里就不多做赘述，先上一些页面的图（理工男...原创 2018-12-08 22:36:13 · 3874 阅读 · 0 评论 -
# Html 基础（非语法，对初学者挺有用的一些总结）
总结一些看到的，学到的一些大佬们更深入的html理解，方便日后所用ps：对初学者挺有用的总结web标准web标准介绍：w3c：万维网联盟组织，用来制定web标准的机构（组织）web标准：制作网页要遵循的规范。web标准规范的分类：结构标准、表现标准、行为标准。结构：html。表现：css。行为：JavaScript。web标准总结：结构标准：html就是用来制作网页的。...原创 2018-12-13 13:42:51 · 179 阅读 · 0 评论 -
div+css+jquery仿写HTML京东首页的练习及一些关于oo css的总结
前言前几天看b站上极客学院的web前端开发第二部分时了解到OO CSS（面向对象的css）这个名词，当时不太懂，想着练习一遍基础来更深入的理解，便用了3天左右练习写了个京东首页的静态页面，实现了一些基本的结构和功能。（OO CSS大致是要注意一些规范或一些东西，截个图以便随时翻阅）OO CSS注意事项：效果PS：因为代码有些冗长就分一些部分来叙述PS：整个工程我在文章开头分...原创 2018-12-20 14:27:52 · 1691 阅读 · 1 评论 -
Html中列表元素ul的实例应用
大原创 2018-12-09 19:06:53 · 3773 阅读 · 0 评论 -
学生管理表单验证练手（正则表达式方式）
学习菜鸟的正则表达式时看到的，拿来练习做了些许修改话不多说，直接上图代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-原创 2018-12-16 11:48:23 · 647 阅读 · 0 评论 -
原生js实现简单图片轮播效果+用bootstrap4框架实现轮播图 对比
原生js实现图片轮播效果：代码：html+css：&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;&lt;meta charset="UTF-8"&gt;&lt;meta name="viewpo原创 2018-12-10 20:25:54 · 1420 阅读 · 0 评论 -
json学习-嵌套对象中数组的遍历
定义json对象var myObj={ &quot;name&quot;:&quot;OY&quot;, &quot;num&quot;:16110126, &quot;sites&quot;:[ {&quot;name&quot;:&quot;OY1&quot;,&a原创 2018-12-21 20:12:28 · 2751 阅读 · 0 评论 -
关于float:left及display:inline(display:inline-block)的不同及应用场景
问题CSS中用float:left和display:inline(display:inline-block)设置元素水平排列有什么不同？答案float:left会使元素脱离文档流（通俗讲就是 元素不占据原来的空间，后面的元素会当做它不存在一样占据他的位置。类似于绝对定位的效果）因此所有子元素设置浮动float后父级元素会被闭合（也就是父元素里没有内容不占据空间，宽高置为0，不过可以通过清除浮...原创 2018-12-21 22:16:54 · 1406 阅读 · 0 评论 -
基于vue练习demo：发表评论案例 (使用localStorage存储数据)
前言最近在学习 VUE的相关知识，之前学习html和css3和原生js及jq库时感觉还挺轻松，但是接触vue框架之后才发现需要了解的东西太多了(如 vue-router，vue-cli，webpack，npm等等都得接触到一些)，太庞杂了，因此因为这一个月以来看的东西太多了脑壳有点儿懵，想了想先巩固一下VUE的基础再往后面进行，所以练习写了这个 发表评论功能 的小玩意儿。（emmmmmmmm…...原创 2019-01-13 23:37:44 · 788 阅读 · 0 评论 -
基于vue技术栈制作自己的简历网站问题总结篇(入门vue基础项目)
前言目前在学习vue技术栈的同时接触到了很多以前没用过的各种工具(如webpack，npm，git等等)，配合着vue全家桶里的一些东西做了一个基于vue的个人简历网站(虽然用vue框架搭简历网站优势不大，但是用来入门及练习vue基础相信也是极好的)。此篇博便总结一下近期遇到的各种问题及解决方案！先贴上Github的项目地址：(相信此项目作为初学者入门vue基础，了解vue-cli结构是非常...原创 2019-01-25 17:42:55 · 3510 阅读 · 1 评论 -
使用inline设置水平导航栏有空白间距问题
问题现象博主学习css练习写导航栏时遇到使用inline来制作水平导航栏时发现其之间会有一小部分间距，而使用浮动来做水平导航栏则没有此问题。间距如下：所以就去搜寻了一下，发现原因是：标签之间的空格或者换行因为遵从代码规范书写时会有各种换行或空格的形式，如：所以，最原始的办法就是换成一行：不过似乎有些不妥。所以我又搜寻了一些资料，里面总结的很全面：http://www.zhang...原创 2018-11-22 17:01:32 · 860 阅读 · 0 评论