前端
文章平均质量分 66
wcc_Learning
学无止境
展开
-
yarn错误The engine “node“ is incompatible with this module
解决方案 yarn config set ignore-engines true原理错误是由于node版本不兼容导致的,解决方案就是忽略引擎版本的检查原创 2022-02-21 11:47:55 · 4355 阅读 · 0 评论 -
js实现队列及ES6优化
ES5let items = [];function Queue() { //队列添加元素 this.enqueue = function (element) { items.push(element); } //队列移除元素 this.dequeue = function () { items.shift(); } //查看队头元素 this.front = function () {原创 2020-08-25 11:37:28 · 410 阅读 · 0 评论 -
js实现栈及ES6优化
ES5function Stack() { let items = []; //公共的 //向栈添加元素 this.push = function (element) { items.push(element); } //从栈移除元素 this.pop = function () { items.pop(); } //查看栈顶元素 this.peek = function () {原创 2020-08-25 11:32:59 · 206 阅读 · 0 评论 -
正则表达式整理
原创 2020-08-10 22:43:35 · 137 阅读 · 0 评论 -
Grid布局整理
原创 2020-08-10 16:28:51 · 137 阅读 · 0 评论 -
学习React过程中使用Charles软件模拟数据找不到localhost:3000解决方案
方案1:官网说要在charles模拟本地数据的时候域名用localhost.charlesproxy.com打开hosts文件:编辑器打开C:\Windows\System32\drivers\etc下的hosts文件添加绑定:添加127.0.0.1 localhost.charlesproxy.com 127.0.0.1和指定域名之间是一个tab键方案2:修改react项目的默认域名,在react项目的package.json文件中将原来的"start": “react-scrip..原创 2020-07-29 11:02:54 · 570 阅读 · 0 评论 -
旋转数组的最小数字
function minNumberInRotateArray(rotateArray){ // write code here if(rotateArray.length==0){ return 0; } var minVal=rotateArray[0]; for(var i=1;i<rotateArray.length;i++){ if(rotateArray[i]<minVal){ min.原创 2020-07-04 17:26:48 · 112 阅读 · 0 评论 -
Flutter之配置环境
配置环境花了几个小时,累死人(已成功)。环境是win10 + flutter + vs code(编译器)+ 安卓模拟器(夜神)+ Android Studio(作为安卓原生环境)1、阅读《Flutter实战》第一章线上链接https://book.flutterchina.club/2、下载flutter国内下载https://github.com/flutter/flutter/releases我选择的是1.17.33、配置环境变量FLUTTER_STORAGE_BA原创 2020-06-09 21:43:39 · 435 阅读 · 0 评论 -
基于bootstrap的文本编辑器:Summernote
Summernote官网地址:https://summernote.org/案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Summernote</title> <link href="http://n...原创 2020-03-24 21:13:46 · 211 阅读 · 0 评论 -
JQuery Confirm确认框和一个弹出式提示框
需提前引入jquery文件源码https://github.com/craftpip/jquery-confirm文件夹中的dist文件,需引入案例:$.confirm({ title: '确认', content: '确认删除该条数据?', type: 'blue', icon: 'glyphicon glyphico...原创 2020-03-24 21:07:33 · 2240 阅读 · 0 评论 -
2019前端面试集锦
【绿盟科技】【前端】绿盟科技实习面经:https://www.nowcoder.com/discuss/113284【百信银行】【前端】百信银行校园招聘:https://www.nowcoder.com/discuss/112972【前端】2018.9.29招银网络电话面:https://www.nowcoder.com/discuss/121326【前端】招银网络科技面...原创 2019-12-29 15:58:38 · 1169 阅读 · 0 评论 -
前端设计之css多栏适应布局
看到大佬分析这莫透彻,学到了许多,感谢原创!css多栏自适应布局还是需要总结一下的,都是基本功。一般使用position属性布局,或者用float属性布局,也可以使用display属性。看资料说position适合首页布局,因为首页内容往往可以完全控制。float适合模板布局,模板中填充的内容无法控制。一、左侧尺寸固定右侧自适应1、浮动实现在css浮动一文已介绍过。 ...转载 2019-04-30 17:29:53 · 396 阅读 · 0 评论 -
前端设计之css理解浮动
看到这莫详细的分析,学到了很多。一、浮动介绍历史:浮动属性产生之初是为了实现“文字环绕”的效果,让文字环绕图片在网页实现类似word中“图文混排”。定位方式:浮动让元素脱离正常流,向父容器的左边或右边移动直到碰到包含容器的边【经测试碰到padding即停】或者碰到其他浮动元素。文本和行内元素将环绕浮动元素。Note:1、碰到容器的边指的是容器的padding内边。举...转载 2019-04-30 17:35:13 · 190 阅读 · 0 评论 -
webpack打包流程(基于淘宝镜像)
一、初始化项目 输入:cnpm init 一路按enter键即可二、安装webpack (1) 全局安装webpack ,我们在命令行输入: cnpminstall -g webpack (2) 通常我们会将webpack安装到项目依赖,这样就可以使用本地版本的webpack,我们在命令行输入: ...转载 2019-05-17 20:04:22 · 882 阅读 · 0 评论 -
Web全栈工程师养成记
转发大佬的笔记,跟着大佬的步伐修炼!转载自:https://www.cnblogs.com/smyhvae/p/5243181.html【目录】01 什么是全栈工程师 02 如何成为全栈工程师 03 从学生到工程师 04 野生程序员的故事 05 工程师事业指南 06 全栈工程师眼中的HTTP 07 高性能网站的关键:缓存 08 大前端什么是全栈工程师全栈工程师(Fu...转载 2019-06-11 21:56:24 · 2333 阅读 · 0 评论 -
记一次H5开发App经验分享
在大学为了能够有一定的开发经验,选择学校的科研训练作为自己的第一次项目实践。 项目设计开发 我们团队做的是一款医学测试类App,我负责前端开发。 首先编译器选择的HbuilderX轻便型编译器,主要是借用它提供和安卓模拟器(我所使用的是夜神模拟器(端口号为62001)和海马玩模拟器(端口号为26944))实时更新和打包功能。 随后开始...原创 2019-08-09 22:55:13 · 282 阅读 · 0 评论 -
js移动端屏幕滑动实现
var startx, starty;//获得角度function getAngle(angx, angy) {return Math.atan2(angy, angx) * 180 / Math.PI;}; //根据起点终点返回方向 1向上 2向下 3向左 4向右 0未滑动 function getDirection(startx, s...转载 2019-09-22 09:51:45 · 279 阅读 · 0 评论 -
前端设计之响应式布局的单位
em给body设置font-size 所有未经调整的浏览器都符合: 1em=16px。为了简化font-size的换算,需要在css中的body选择器中声明Font-size=62.5%,这就使em值变为 16px*62.5%=10px, 这样12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10,然后换上em作为单位就行了。rem给html设置fo...转载 2019-04-29 09:09:01 · 1882 阅读 · 0 评论