SF
前端修炼之路
前端修炼之路
注册登录
关注博客
注册登录
主页
关于
RSS
web3小白入门:区块链的了解
magic_xiang
2023-02-01
阅读 3 分钟
1.3k
记录web3学习的过程,从小白开始所有的web3相关的学习内容都会更新在github,github地址这篇文章主要说明区块链的一些概念为什么要了解区块链?Web3 是以区块链技术为核心,构建新一代的去中心化互联网组件,再基于它们来构建我们想要提供的服务、应用。虽然在实际开发中不太可能写区块链,但是了解区块链对我们的Web3开发...
开源:uni-app和express搭建的前后端分离项目
magic_xiang
2020-02-03
阅读 1 分钟
4.7k
速客优鲜 一个完整的前后端 JS 栈项目,前端基于 uni-app 实现,后端基于 express 实现 github地址:[链接] 项目说明 本项目为前后端分离项目: 前端采用基于 vue 的跨端框架 uni-app 实现,语法和vue大同小异,写过vue项目的同学能很快上手 后端基于 node.js 采用 express 搭建,数据库采用 mysql,ORM 框架 sequelize ...
9102,转眼已毕业半年,而我仍稚气未脱
magic_xiang
2019-12-31
阅读 1 分钟
1.9k
最近在折腾基于Vue的项目,React也搞了一点,平时也喜欢玩下Python,因为wxpy和pyautogui太吸引我了,我就喜欢搞些这种能装逼的玩意哈哈
用node玩一些有趣的东西好不
magic_xiang
2019-09-09
阅读 1 分钟
2.6k
作为前端开发者,我们最常用的语言就是JavaScript了,而用JS来开发页面似乎让我们觉得无聊,听说node可以玩一些后端的东西,于是乎学习了node,但是没有合适而又好玩的demo,没有让我学习下去的功力,于是乎本次为大家奉献了自己做的一些node实例,用node我们也可以玩一些有趣的东西。
简单的node爬虫存入excel数据分析
magic_xiang
2019-07-23
阅读 2 分钟
3.1k
入门级的node爬虫 github地址:[链接] 思否社区文章太多?哪个是我想要的?对比点赞数or对比标题不用害怕,自己动手用node来实现爬虫,麻麻再也不用担心我学习选择困难症啦! 核心代码 {代码...} 核心的代码仅仅只有36行哦! 配置代码 {代码...} 安装依赖 {代码...} 运行项目 {代码...} 配置项(options.js) {代码...} 截...
开源:vue2和thinkphp搭建的前后端分离项目
magic_xiang
2019-06-24
阅读 1 分钟
8.8k
大学生论坛 采用vue2和thinkphp搭建的前后端分离项目 github地址:[链接] 项目说明 本项目为前后端分离项目: 前端采用vue2全家桶(包括vue-router/vuex)搭建,http请求采用axios,组件UI采用element-ui,对象存储采用七牛云(需要自己配置),实现客户端上传图片,目前已完成功能(用户登录注册、用户中心、基于wangedito...
mpvue开发小程序的那点小事
magic_xiang
2019-06-17
阅读 1 分钟
4.1k
mpvue是由美团点评团队开发的, 是一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心,mpvue 修改了 Vue.js 的 runtime 和 compiler 实现。
CVTE2019春招前端二面凉经
magic_xiang
2019-03-06
阅读 6 分钟
6.7k
3月5日,从中山去往广州,一大早7点多就做好准备了,在高铁站了30分钟,转广州地铁又站了90分钟,去到地铁口,就有一辆cvte的大巴车过来接送,我选择的面试时间是11:00-12:00,但前面的人还没面试完而且12:00的时候又去吃了饭,所以面试的开始时间是下午1点,直到下午3点才面完。
你可能不知道的JS数组去重方法
magic_xiang
2019-02-23
阅读 2 分钟
1.6k
indexOf():返回数组中某个指定的元素第一次出现的位置(索引)。如果在数组中没找到指定元素则返回 -1。filter():返回指定数组中符合条件的所有元素关键语句:
归纳DOM事件中各种阻止方法
magic_xiang
2019-02-22
阅读 4 分钟
5.6k
在复习事件这块的时候,发现了一个问题,网上很多文章对事件阻止这块解析的并不全面,并且有些文章也有错误之处,于是想自己总结一下,也方便自己的复习。
CVTE2109春招笔试第一场前端编程题
magic_xiang
2019-02-22
阅读 1 分钟
2.7k
题目大概意思:给定两个维度不确定的数组,求它们之间不重复的数据合集,返回一个新数组(备:在当时的题目,并没有说明数组中数据的准确类型,本次采用了字符串和数值混合的数据来测试)如给定:arr1 = [11, 25, 44, [52, 44, 23], '52']arr2 = [16, 25, 17, [11, 25, [23, 18]]]返回:[52, "52", 16, 17, 18]
这样理解原型与原型链比较简单
magic_xiang
2019-02-04
阅读 3 分钟
1.6k
在JavaScript中,有两个原型,分别是 prototype 和 _proto_注:在ECMA-262第5版中管这个 _proto_ 叫 [[Prototype]]
webpack4小白学习全过程记录
magic_xiang
2019-01-28
阅读 13 分钟
3.5k
前言:本文描述一个小白学习webpack4从零开始的完整过程全纪录,可以说完全以一个初学者的口吻来写这篇文章的,与此同时这篇文章还会长期更新,不足之处还望大佬雅正!
前端算法题:二维数组中(每个一维数组的长度相同),左右和上下分别递增,求是否含有指定整数
magic_xiang
2019-01-18
阅读 1 分钟
3.8k
①最小数(min)是第一行第一个,最大数(max)是最后一行的最后一个②每一行最大的一个数是每一行的最后一个,每一行最小一个数是每一行的第一个
记一次原生JS实现XSS攻击案例
magic_xiang
2019-01-17
阅读 3 分钟
7k
攻击手段和目的: 攻击者使被攻击者在浏览器中执行脚本后,如果需要收集来自被攻击者的数据(如cookie或其他敏感信息),可以自行架设一个网站,让被攻击者通过JavaScript等方式把收集好的数据作为参数提交,随后以数据库等形式记录在攻击者自己的服务器上。
css元素居中方法归纳
magic_xiang
2019-01-09
阅读 2 分钟
1.7k
注意点: ①、absolute生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。 inner设置了absolute定位,所以要在outer设置relative,这样才能相对于outer进行相对定位,否则相对于body定位,因为默认是static定位。left、right等不一定要设置为0,只要left和right的值相等,即可实现水平居中。同理,top...
JS判断数组的六种方法详解
magic_xiang
2019-01-07
阅读 2 分钟
11.2k
在JS中,数组是属于Object类型的,也就是属于引用类型(引用类型存放在堆内存中,在栈内存会有一个或者多个地址来指向这个堆内存)。 所以对于引用类型,我们不能typeof来判断具体的类型,因为返回的都是‘object’。 接下来,我将介绍六种判断方法,并且对这六种方法进行逐一解析 ① instanceof 操作符判断 用法:arr inst...
H5原创俄罗斯方块(基于canvas)
magic_xiang
2019-01-07
阅读 17 分钟
4.2k
第一次写俄罗斯方块的时候已经是1年多前了,也是我刚刚学js不久。为了加强对js的理解又加上对游戏的爱好,于是在没有参考他人的思路和代码下,自己用最基本的js代码写出了基于canvas的俄罗斯方块。
Chrome 文字低于12px的解决方案
magic_xiang
2019-01-07
阅读 1 分钟
3.1k
在chrome浏览器中, 我们将字体font-size设为12px以下的时候,会发现和12px其实是一样的大小,也就是说chrome默认的字体最小是12px的, 那么接下来就介绍解决方法
css透明度之rgba和opacity的区别及兼容
magic_xiang
2019-01-07
阅读 2 分钟
9.8k
对于设置透明度,我们有两个可以选的css3属性:rgba 和 opacity opacity 用法: {代码...} IE9, Firefox, Chrome, Opera 和 Safari 使用属性 opacity 来设定透明度。 opacity 属性能够设置的值从 0.0 到 1.0。值越小,越透明。 IE8 以及更早的版本使用滤镜 filter:alpha(opacity=x)。x 能够取的值从 0 到 100。值越小,...
深入理解JS深浅拷贝
magic_xiang
2019-01-05
阅读 3 分钟
7.9k
JS中数据类型 基本数据类型: undefined、null、Boolean、Number、String和Symbol(ES6) 引用数据类型: Object(Array, Date, RegExp, Function) 深浅拷贝 深浅拷贝只是针对引用类型的,因为引用类型是存放在堆内存中,在栈地址有一个或者多个地址来指向推内存的某一数据 浅拷贝: 被复制对象的所有变量都含有与原来的对...
前端算法题:找出数组中第k大的数字出现多少次。
magic_xiang
2019-01-04
阅读 1 分钟
3.3k
题目:给定一个一维数组,如[1,2,4,4,3,5],找出数组中第k大的数字出现多少次。 例如:第2大的数是4,出现2次,最后输出 4,2 {代码...}
前端算法题:JS递归实现杨辉三角
magic_xiang
2019-01-04
阅读 1 分钟
3.8k
{代码...} {代码...} 如果是需要输入下面的结果 {代码...} 只需要添加arr.push的时候添加扩展运算符(...)即可,这里只需要更改两个地方 {代码...}
css浮动及其危害和解决方法
magic_xiang
2019-01-03
阅读 2 分钟
3.6k
①、块状元素: 如div -------- display:block ②、内联元素: 如span ------ display:inline ③、内联块元素:如input ---- display:inline-block
由script标签引发了我对setTimeout异步的思考
magic_xiang
2018-12-31
阅读 2 分钟
1.5k
我们都知道在JS中setTimeout是异步执行机制的 像setTimeout(function(){},0)这样 如果在这条语句后面还有很多的同步任务,它必须要等这些同步任务完成才会执行setTimeout里面的内容 {代码...} 那么我所发现的这个问题如下:如代码所示:在body中插入两个script标签<body> {代码...} </body> 这里所用的测试...
回顾2018,这是我学前端的第二年
magic_xiang
2018-12-30
阅读 1 分钟
1.7k
我那么热爱编程,可我,我怎么选择了一个与编程毫不相关的专业呐编程,这个词对于外行人来说门槛相对于其他行业是比较高的我从来没想过编程会成为我的职业,直到我发现已经离不开它了
深入理解JS中逻辑或(||)和逻辑与(&&)
magic_xiang
2018-12-30
阅读 2 分钟
7.5k
首先从全局来看,关于的b的运算总共执行了4次,每次都自身+1,那么按道理来说,如果这些运算都执行了,b的最后的值正常来说应该是4,那为什么最后的结果是3呢?
JS生成概率相等的随机数(4种类型)
magic_xiang
2018-12-30
阅读 1 分钟
4.5k
①、// 生成 [n,m),包含n但不包含m的正整数: -- parseInt(Math.random()*(m-n)+n) ②、// 生成(n,m],不包含n但包含m的正整数: ---- parseInt(Math.random()*(m-n)+n)+1 ③、// 生成[n,m],包含n和m的随机数: ---------- parseInt(Math.random()*(m-n+1)+n)④、// 生成 (n,m),不包含n和m的正整数: -------- parseI...
7种JS-IIFE(立即执行函数)写法
magic_xiang
2018-12-30
阅读 1 分钟
3.9k
IIFE(Immediately Invoked Function Expressions) 叫做立即执行表达式,顾名思义,该表达式一被创建就立即执行。 1.对返回结果不进行处理 {代码...} 2.对返回结果不进行处理 {代码...} 3.返回的是一个布尔值,然后进行取反 {代码...} 4.对于数字返回的是原来的结果,非数字返回NaN {代码...} 5.对于数字返回的是正负符号...
JS中鲜为人知的问题: [] == ![]结果为true,而 {} == !{}却为false
magic_xiang
2018-12-30
阅读 2 分钟
10.6k
在比较字符串、数值和布尔值的相等性时,问题还比较简单。但在涉及到对象的比较时,问题就变得复杂了。最早的ECMAScript中的相等和不相等操作符会在执行比较之前,先将对象转换成相似的类型。后来,有人提出了这种转换到底是否合理的质疑。最后,ECMAScript的解决方案就是提供两组操作符: