前端
关注
分享
扫一扫
zhenzuo_x
这个作者很懒，什么都没留下…
展开
-
React-native (TypeError: Network request failed)
在对react-native项目进行开发对接后端接口时，遇到一个报错问题一直说Network request failed， 百度了很多帖子，都不能完成对接。用了axios第三方包，逻辑处理也并无差错。直到看到一个帖子说， 即使后端项目在本地运行，请求接口也不能设置为localhost，需更改为本机ip。然后尝试了下，发现已完美解决问题。打马赛克地方就需更换为本地ip地...原创 2020-01-06 20:53:15 · 3042 阅读 · 4 评论 -
实现一个React-Native 小页面与跳转（入门）
继博主上一篇搭建React-Native环境搭配完成后，开始来构建我们的项目了。首先搭建一个项目，博主第一关注的即项目的目录。（这一方面关于项目的目录以及搭建在网上的资料是真的很少啊）先不多说，上图。（上图是举个栗子，命名规范有待考究）博主在根目录建了个src文件夹，文件里再分了components文件夹、navigation文件夹、pages文件夹以及static文件夹和Ut...原创 2019-12-23 11:06:01 · 1250 阅读 · 0 评论 -
入门 React-Native，app的初步尝试
最近对制作相应的app有了兴趣，就研究起 React-Native，大致浏览了一下，发现语法跟 React 还是很像的，于是，阅读了官网，学习一样东西，就得先把他尝试搭起来再看看啦，于是，便跟着官网搭建起环境起来。https://reactnative.cn/docs/getting-started.html（这里给读者提供下相应官网啦，比较方便，哈哈）先展示下笔者经过耐心尝试后，编码实现...原创 2019-11-23 18:34:11 · 404 阅读 · 0 评论 -
cookie、localStorage、sessionStorage、session
关于标题提到的几个名词，相信大家都不会陌生，在做前端的时候是非常常见的。这里再次温习加深一下印象。cookie、localStorage、sessionStorage都是用作浏览器缓存。先介绍区别：1. 存放数据大小cookie：4kb左右localStorage、sessionStorage：5mb左右2. 存放时间cookie：一般由服务器来生成，服务器可设置数据失...原创 2019-10-23 10:44:53 · 185 阅读 · 0 评论 -
js实现继承方式
面试中，我们往往涉及到关于 JS 继承的各方面知识，在这里，总结归纳 JS 常见的一些实现继承的方式。 构造函数的继承 绑定继承 function Animal() { this.species = "动物";}function Dog(name) { Animal.apply(this, arguments); this.name = ...原创 2019-02-24 18:00:27 · 262 阅读 · 0 评论 -
ES6 Symbol数据类型
ES6在ES5的6种数据类型（undefined、null、布尔值、字符串、数值、对象）的基础上引入了一种新的数据类型：Symbol。 在ES6中，Symbol表示独一无二的值，通过Symbol函数生成。 注意：Symbol值不是对象，Symbol函数前不可用new命令，不可为Symbol值添加属性。 1. Symbol函数可以接收一个字符串作为参数，表示对Symbol实...原创 2019-02-24 18:01:58 · 293 阅读 · 0 评论 -
Js函数防抖与节流
函数的防抖跟节流都是用在代码的优化里面的。 函数的节流是指：在一定时间内执行一次该函数，而不是由用户频繁触发而不断执行，从而达到优化性能。（例如实现图片懒加载时的滚动事件）函数的防抖是指：在用户频繁触发的时刻下，等候一定的时间，才来执行该函数。（例如在用户不断输入用户名进而验证的情况下） 1. 函数的防抖原理很简单： 利用setTimeout(); 使用户在每次输入时，清除...原创 2019-02-20 19:24:03 · 458 阅读 · 0 评论 -
js实现二叉树（构建、遍历）
二叉树是一种经典的数据结构，二话不说，上代码。。//节点function Node(element, left, right,parents) { this.element = element; this.left = left; this.right = right; this.parents = parents; this.show = function() { retu...原创 2019-02-27 10:54:41 · 2827 阅读 · 0 评论 -
js排序算法实现
1.冒泡排序//冒泡排序function bubbleSort(arr) { for(let i = 0; i < arr.length; i++) { for(let j = 0; j < arr.length-i-1; j++) { if(arr[j] > arr[j + 1]) { let buf = arr[j]; arr[j] = ...原创 2019-03-13 17:31:54 · 138 阅读 · 0 评论 -
组件二（轮播图组件）
轮播图，再一次封装了一个新的组件。。。先给个效果：https://htmlpreview.github.io/?https://github.com/Mxiaer8/WebCompoments/blob/master/轮播图组件/SlidePictures.html相应的源码和文档：https://github.com/Mxiaer8/WebCompoments/tree/mast...原创 2019-03-22 23:24:39 · 283 阅读 · 0 评论 -
CORS（Content-Type：application/json 失败）
好久没写博客，最近忙于面试，认识到自身知识深度还不够，再继续好好专研学习了~今天在做接口时，又碰到一个经典的问题，跨域，（在前后端分离的项目里，简直是必经之路），自己用原生的Ajax写请求，恩（Ajax不支持跨域），以node的express模块写接口，并借用了body-parser这个中间件，按照官网的文档要求，引入了这个中间件，并设置了相应的解析格式，但是在实现的过程中，发现通过re...原创 2019-04-19 15:12:11 · 2378 阅读 · 0 评论 -
CSS实现三角形
好久没写博客了，这段实习期间真的好忙哦。终于今天有时间来对之前说的面试进行一个小小的总结，后续再慢慢补充一些。在面试阿里的前端时，对基础的知识的考察中，考察到一个经典的问题，但是博主当时这个问题并没有去进行相应的学习，面试官对我建议后续再补充学习下，因此今天也来补充总结下。CSS实现三角形对于一个三角形，如何用css来实现呢？其实代码很简单，在此直接贴上相应的代码以及相应的效果。...原创 2019-06-06 17:12:42 · 1703 阅读 · 0 评论 -
Js对象的拷贝
在 js 中，对象的拷贝分为浅拷贝和深拷贝。对浅拷贝的理解，可理解为拷贝得不彻底，如子对象拷贝了父对象的指向地址等，这时，如果父对象的值发生改变，子对象也随之发生改变。如果是深拷贝，则是“完完全全”地拷贝，相当于重新复制了一份，就算父对象的值发生改变，子对象也不会发生改变。 1.浅拷贝let a = {one: '1', two: '2', three: ['3','4']}; //...原创 2019-02-16 14:17:15 · 458 阅读 · 0 评论 -
vue的双向绑定原理（数据驱动）
vue 采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter, getter，在数据变化时发布信息给订阅者，触发相应的监听回调。1. js实现简单的双向绑定<!DOCTYPE html><html><head> <title></title></...原创 2019-01-25 16:06:30 · 408 阅读 · 0 评论 -
深入理解 JavaScript 事件循环（一）— event loop
本文转载自： https://www.cnblogs.com/dong-xu/p/7000163.html感觉这一篇说得还是比较容易理解的，故拿来记录一下。 引言 相信所有学过 JavaScript 都知道它是一门单线程的语言，这也就意味着 JS 无法进行多线程编程，但是 JS 当中却有着无处不在的异步概念 。在初期许多人会把异步理解成类似多线程的编程模式，其实他们中有着很大的差别，...转载 2018-10-27 20:37:00 · 196 阅读 · 0 评论 -
初学CSS容易忽视忘却的小知识点
id 选择器 ： CSS中id选择器以“#”来定义class 选择器 : CSS中，类选择器以一个点“.”号显示CSS创建 ： 三个概念 （外部样式表 、内部样式表 、 内联样式）background-repeat : no-repeat; //表示背景图像不平铺background-position : right top; //表示图像在背景中的位置background-atta...原创 2018-04-07 23:22:56 · 215 阅读 · 0 评论 -
div 并列办法
在CSS中，div为块状元素，会自动实现换行效果。因此若有多个div结构要实现并列，可以使用如下方法：1. float:left 方法HTML：<div id="testOne">testOne</div><div id="testTwo">testTwo</div>CSS：#testOne{ float:l...原创 2018-04-14 23:47:50 · 2303 阅读 · 0 评论 -
初学HTML过程中容易忽视的知识小点
标签：<title> : <title>网页标题内容</title><em> : <em>需要强调的文本</em> （浏览器中默认斜体表示)<strong> ：<strong>需要强调的文本</strong> (比em的强调程度更深，浏览器中默认粗原创 2018-04-07 14:36:12 · 188 阅读 · 0 评论 -
Spring MVC 入门（IntelliJ IDEA）
MVC 设计概述在早期 Java Web 的开发中，统一把显示层、控制层、数据层的操作全部交给 JSP 或者 JavaBean 来进行处理，我们称之为Model1：出现的弊端：JSP 和 Java Bean 之间严重耦合，Java 代码和 HTML 代码也耦合在了一起要求开发者不仅要掌握 Java ，还要有高超的前端水平前端和后端相互依赖，前端需要等待后端完成，后端也依赖前端完成，才能进行有效的测...转载 2018-05-26 14:37:37 · 852 阅读 · 0 评论 -
Git的安装和使用教程
git 提交 全部文件git add . git add xx命令可以将xx文件添加到暂存区，如果有很多改动可以通过 git add -A .来一次添加所有改变的文件。注意 -A 选项后面还有一个句点。 git add -A表示添加所有内容， git add . 表示添加新文件和编辑过的文件不包括删除的文件; git add -u 表示添加编辑或者删除的文件，不包括新添加的文件git commit...转载 2018-05-24 12:42:04 · 310 阅读 · 0 评论 -
Node.js回调函数（阻塞与非阻塞）
回调函数的一般格式：function foo1(name, age, callback) { }function foo2(value, callback1, callback2) { }阻塞代码实例创建一个文件 input.txt ，内容如下：菜鸟教程官网地址：www.runoob.com创建 main.js 文件, 代码如下：var fs = require("fs");var data...原创 2018-06-13 15:25:27 · 456 阅读 · 0 评论 -
搭建一个vue小页面（入门vue）
最近在学习vue框架，找了很久在网上找到下面这篇博客，觉得写得通俗易懂，就是其中有些代码尝试了有一点点的小问题，我才可能版本不同的问题，造成不同的结果，但框架的思想我是觉得写得很通俗易懂的，供大家共享！本文转自http://blog.youkuaiyun.com/joshua_hit/article/details/59635160继续搞Vuejs的前端，在之前我已经在Windows系统上配置好了一个初始的v...转载 2018-07-12 12:00:25 · 58852 阅读 · 15 评论 -
CSS绝对定位之水平居中
最近博主在做一份小作业，发现关于水平居中，本来div可以通过写 margin: 0px auto; 实现水平居中，但是当把div的位置绝对定位的时候，此种方法却无法实现。为此上网查询了一些方法，可通过position: absolute;width: 400px; //div的宽度left: 50%;margin-left: -200px; //div宽度的一半 ...原创 2018-09-02 23:25:23 · 920 阅读 · 0 评论 -
css 布局模型
在CSS中，有三种布局模型，分别为：流动模型，浮动模型，层模型。1. 流动模型（Flow）流动模型为网页默认的布局模式。其中两个比较典型的特征：a. 块状元素都占满一行，垂直分布下来，宽度默认都为100%。b. 行内元素从左向右水平分布。2. 浮动模型（Float）可为元素定义浮动模型：float: left; //向左浮动 float: right; //...原创 2018-09-09 21:45:35 · 196 阅读 · 0 评论 -
js实现滑动轮播图
最近做项目总是只会调用别人做好的各种插件效果，想起很久没来自己写点小插件，久了会忘记的，就赶紧来补一下，前端程序员必备，实现一个js轮播图。html代码：<!DOCTYPE HTML><head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href=&qu原创 2018-10-26 21:01:31 · 8607 阅读 · 0 评论 -
js 事件冒泡与阻止冒泡、事件委托
一.定义事件冒泡 ：IE的事件流叫做事件冒泡，即事件开始时由最具体的元素（文档中嵌套层次最深的那个节点）接收，然后逐级向上传播到较为不具体的节点（文档）。事件捕获 ：事件捕获的思想是不太具体的节点应该更早接收到事件，而最具体的节点应该最后接收到事件。事件委托：事件委托利用了事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。二. 关于事件冒泡与阻止事件冒泡的用法：...原创 2018-10-27 17:28:31 · 845 阅读 · 0 评论 -
前端学习进程
好久没写博客，这段时间一直在慢慢探索，探索自己的方向，想着毕业之后从事IT行业的哪个方面，有点慢慢想向前端方向走，于是找来了前端学习的进程资料，是从别人的博客上转载过来的，供大家一起学习，在学习的过程中，若有补充或修改，也将对我博客进行相应的内容修改，若有相关方面对学习前端的过程中的讨论，也欢迎一起探讨~ ...转载 2018-03-25 15:58:12 · 411 阅读 · 0 评论