2 扎扎小成

尚未进行身份认证

前端小成

等级
TA的排名 20w+

移动端布局方案100%布局(rem)和vw布局(rem)

1、100%布局特点:高度固定,宽度自适应(1)文字流式(当手机的屏幕越大,显示的文字越多),控件就是基本固定不变的文字部件就是控件(2)控件弹性 屏幕越宽控件自适应(3)图片自适应源代码*,::before,::after { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap...

2020-03-27 00:19:07

js简单排序的几种方法

1、首先定义一个测试数组let list = [1,10,6,8,7,64]冒泡排序function bubbleSort(list) { let len = list.length for(let i = len-1;i>=0;i--) { for(let j = 0;j < i;j++) { if(list[j] > list[j+1...

2020-03-05 01:06:27

electron隐藏状态栏后的拖拽方法

electron隐藏状态栏1、设置了{frame:false}或{titleBarStyle: 'hidden'}都可以达到隐藏标题栏的效果。但是若果不做处理,就不能进行拖动了。main.jsconst { app, BrowserWindow } = require('electron')function createWindow () { // 创建浏览器窗口 co...

2020-02-29 13:29:47

Electron安装

Electron安装不知道为啥,electron的npm的源有问题,你直接使用npm或者yarn安装,他会安装成功,但是你却不能使用。他会报错提示你重新下载。安装版本尽量使用官网推荐的版本和搭配好的node版本https://www.electronjs.org/ //进入官网首页查看如果node版本和electron的版本不搭配,会在安装的过程中提示你node的版本不是期望的...

2020-02-28 23:39:34

Json-server简单实现mock数据

1、安装 npm install -g json-server2、来实现一个需要简单的数据{ "gallery": [ { "id": 199, "name": "泰仪", "keyword": "泰仪", "imageUrl": "https:\u002F\u002Fehaoyao.oss-cn-hangzhou.ali...

2020-02-22 19:22:00

Charles实现mock数据

Charles实现本地接口mock1、设置本地代理的,协议、域名、端口、接口的名字、本地文件的路径,配成你想要的就行。2、下载HostAdmin App (需要到谷歌商店下载) ,然后到C盘找到本地代理的地方进行添加,注意第一次使用会没有权限,打开它提示的网站,进行设置。(手动修改也行,下面的路径)host 路径C:\Windows\System32\drivers\etc...

2020-02-19 21:21:41

echarts在react中的使用(react二次配置)

react-Echarts(以及react-webpack重新配置)1、创建项目npx create-react-app 项目名2、重新配置1、eject 项目 ,把项目的所有webpack配置暴露出来,但是这个操作时不可逆的。然后就可以进行webpack进行配置了。2、安装 react-app-rewired 并修改 package.json 里的启动配置。由于新的 re...

2020-02-19 11:41:34

Charles代理拦截手机端接口

Charles代理拦截手机端接口本文使用的是windows+iphone MAC+iphone差不多 安卓有的机型会出现证书安全问题1、首先下载Charles2、Proxy => proxy settings => 设置代理(如图所示)3、安装证书Help -> SSL Proxying -> Install Charles Root Certifica...

2020-02-16 14:18:23

快速搭建TS环境

快速构建TS环境。1、首先在全局安装node.js2、在全局安装TS npm install -g typescript3、在VSCODE编辑器中新建TS文件夹创建src根目录创建app.ts编写你的TS代码(1)通过命令行运行TS文件tsc ./src/app.ts --outFile ./dist/app.jstsc ./src/* --outDir ./dist ...

2020-02-16 14:11:34

使用browser-sync搭建简单的服务器

一、首先你得先安装了node二、安装: npm i browser-sync -g三、查看帮助 browser-sync --help,想要查看详细帮助,进入这个命令之后在–help.四、当前目录下的所有问价建立一个目录以服务器的方式打开:browser-sync start -s -f **/* --directory五、官方文档:说明文档...

2019-10-10 15:37:51

原型对象和原型链

原型对象和原型链总的来说:1、prototype是函数才有的属性2、__proto__是每个对象都有的属性(__proto__不是一个标准属性,只是部分浏览器实现了此属性,对应的标准属性是[[prototype]])一、原型对象function A(){//创建一个构造函数}A.prototype.testa = "aaaaa";let a1 = new A();let a...

2019-10-06 09:28:43

js获取自定义属性的两种方法

js获取自定义属性的两种方法一、四种获取属性的方法首先获取一个元素:var elem = document.getElementById(‘elem’); <div id="elem" class="box" title="hello" ancheng="Ancheng" data-user="小明" data-user-name="小小明"></div>1、点(...

2019-08-19 08:50:20

js字符串方法和数组方法

js字符串方法和js数组方法字符串铺垫:var str = 'hello world';console.log(str[1]);//可以直接获取字符串指定位置字符,不建议使用,耗内存。console.log(str.charAt(1))//e 推荐使用console.log(str.charAt(str.length-1));// 可以找到字符串的最后一位字符(通用)1、第一组su...

2019-08-19 08:46:38

js数据类型和数据类型转换

一、js数据类型1、常规的划分(六种划分):数字、字符串、布尔值、对象、undefined、unll。2、八种划分(详细划分):数字、字符串、布尔值、对象(狭义的对象、数组、函数)、undefined、unll。三种分类:基本数据类型:字符串、数字、布尔值复合数据类型:对象特殊数据类型:null、undefined二、数据类型转换1、强制类型转换(调用转换方法,主动去转换。)(1)...

2019-08-06 08:17:58

圣杯布局

左中右三栏布局,走边和右边宽度固定,三栏都是高度自适应。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>圣杯布局</title> <style> * { margin: 0; p...

2019-08-05 08:51:01

vscode使用Chrome浏览器调试不好用,解决方法(二)!!

如果你已经下载了 open in browser和view-in-browser并已经正常配置了(正常配置方法见博主另一篇文章:(https://blog.csdn.net/qq_41271393/article/details/89789790),但还是找不到打不开Chrome,而且打开的是IE或其他浏览器。解决方法:1、重新下载插件,最好下载在c盘2、检查自己电脑的默认浏览器是不是谷歌...

2019-05-23 09:42:47

vscode怎么使用Chrome进行调试和在Chrome中查看

1、如果你是刚下载vscode,那么你需要下载两个插件。openinbrowser(在浏览器中查看,支持五大主流浏览器),下载并启用。view-in-browser(在浏览器中查看,同样支持五大主流浏览器)。配置文件==>首选项==>设置==>找到openinbrowser文件==>首选项==>设置==>找到view-in-brows...

2019-05-03 18:01:22

vscode使用Chrome浏览器调试不好用,解决方法!!

1、如果你是刚下载vscode,那么你需要下载两个插件。open in browser(在浏览器中查看,支持五大主流浏览器),下载并启用。view-in-browser (在浏览器中查看,同样支持五大主流浏览器)。配置文件==>首选项==>设置==>找到open in browser文件==>首选项==>设置==>找到view-in-brows...

2019-05-03 17:56:42

VScode提供快捷键总结翻译

一般Ctrl + Shift + P,F1显示命令调色板Ctrl + P快速打开,转到文件…Ctrl + Shift + N新窗口/实例Ctrl + Shift + W关闭窗口/实例Ctrl +,用户设置Ctrl + K Ctrl + S键盘快捷键基本编辑Ctrl + X剪切线(空选择)Ctrl + C复制行(空选)Alt +↑/↓向上/向下移动线Shift + Alt +↓...

2019-04-27 11:01:06

web相对路径和绝对路径,计算机相对路径和绝对路径

首先得明白相对路径和绝对路径的概念和区别:相对路径:相对路径就是指由这个文件所在的路径引起的跟其它文件(或文件夹)的路径关系。使用相对路径可以为我们带来非常多的便利。(百度百科)绝对路径:绝对路径是指目录下的绝对位置,直接到达目标位置,通常是从盘符开始的路径。完整的描述文件位置的路径就是绝对路径,以web站点根目录为参考基础的目录路径。绝对路径名的指定是从树型目录结构顶部的根目录开始到某...

2019-04-26 22:48:22

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。