前端学习
文章平均质量分 68
不正经的前端程序员
这个作者很懒,什么都没留下…
展开
-
如何遍历一个JS对象中的所有属性,输出键值对--我居然犯错半个小时
https://jingyan.baidu.com/article/5225f26b398581a6fb09084c.htmlhttp://jingyan.baidu.com/album/5225f26b398581a6fb09084c.html?picindex=5原创 2020-04-30 18:06:18 · 1577 阅读 · 0 评论 -
前端生成Excel 表格
下载页面 <meta name="description" content="User login page" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" /> <!-- 导出功能,前端+ 后台功...原创 2020-02-19 20:55:48 · 1198 阅读 · 0 评论 -
前端利用JS导出数据到Excel表 数字是文本类型 无法计算
问题描述:前端利用JS导出数据到Excel表 数字是文本类型 无法进行公式计算;前端利用JS导出数据到Excel表 数字是文本类型 无法计算解决办法:参考https://bbs.csdn.net/topics/390853020?page=1手段1:修改表头手段2://str+=${jsonData[i][item] + '\t'},;str+=${jsonData[i][item]},...原创 2020-02-19 20:47:34 · 2242 阅读 · 0 评论 -
2020-2-15技术积累-时间插件-前端获取后端数据生成表格
1.一种时间插件的用法WdatePicker使用方法https://blog.csdn.net/wuyan1001/article/details/78561363https://blog.csdn.net/xm393392625/article/details/81705419https://blog.csdn.net/u014362882/article/details/9956287...原创 2020-02-16 23:46:47 · 277 阅读 · 0 评论 -
8.23 前端面经总结
1.关于前端书籍推荐 如果有人让你推荐前端技术书,请让他看这个列表 伯乐在线已经在 GitHub 上同步了这个列表:https://github.com/jobbole/awesome-web-dev-books ,欢迎扩散。2.http://web.jobbole.com/94371/?utm_source=blog.jobbole.com&utm_medium=relatedP...原创 2018-08-23 16:48:26 · 167 阅读 · 0 评论 -
事件冒泡+事件捕获+事件代理(事件委托)的区别
关于:事件冒泡+事件捕获 这里有非常详细的解释和案例 https://www.cnblogs.com/Chen-XiaoJun/p/6210987.html关于事件代理和事件委托:这里有非常详细的解释和代码: https://www.cnblogs.com/liugang-vip/p/5616484.html按照我的理解:事件代理就是基于事件冒泡原理,在父元素做事件的处理, 可以实现...原创 2018-08-22 10:11:07 · 2359 阅读 · 0 评论 -
前端很好的面经博客
https://blog.csdn.net/wdlhao/article/details/79079660 这个博客讲解的很多,讲解的很详细,佩服原创 2018-08-18 16:40:04 · 260 阅读 · 0 评论 -
关于浏览器跨域请求的相关原理实现--很经典的博客
真正的原理可以参考:https://www.cnblogs.com/dojo-lzz/p/4265637.html ,该博客将其中的相关原理解释的很详细,提供了代码。 而且该博主对WebGL 也有研究原创 2018-08-18 16:24:33 · 272 阅读 · 0 评论 -
关于网页中清除浮动的三种方式
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><原创 2018-08-09 11:22:02 · 761 阅读 · 0 评论 -
React 学习第二天 2018-07-21
React 学习第二天我这个React 学习存在以下毛病1.不报错,2.不能自动热加载,不能自动刷新3.不能修改props 属性的值,但是这个却能够修改。 1.Vue 和React的关于 key 的区别1.1 使用v-for 和map 的时候,尽量使用key 进行绑定,否则会产生相关的紊乱。1.2 react 中,在进行forEach 循环/for 循环/...原创 2018-07-21 16:17:55 · 205 阅读 · 0 评论 -
JSONP 初步学习--但是还是有疑问
1.关于JSONP 学习,主要是看了三个帖子。 第一个,解释原理 https://blog.csdn.net/qq_22944825/article/details/78169321第二个,讲解技术 https://blog.csdn.net/diligentkong/article/details/73822902 第三个,讲解实例 https://blog.csdn.net/qq...原创 2018-08-24 01:42:48 · 124 阅读 · 0 评论 -
JavaScript 实现数据结构中的所有算法---通俗易懂
1.我以为JavaScript 很垃圾很简单,没有想到,它能实现C 语言和C++ 实现的数据结构和算法。一句话总结:大道至简。python 也是这样。2.我主要是看了这个博主,很厉害的前端大牛。 https://blog.csdn.net/haoshidai/article/details/52263191 https://blog.csdn.net/haoshidai/article/d...原创 2018-08-24 01:47:32 · 183 阅读 · 0 评论 -
一本介绍Javascript 的很好的书【基础期间全局了解】
里面很多技术讲到了,讲到了很多原理,JS的相关基础知识,最新技术,优化方法都有,很不错的书籍。适合基础时候看。貌似是翻译过来的。原创 2018-09-08 22:44:59 · 391 阅读 · 0 评论 -
Node安装与配置
这个博主写的很详细https://www.cnblogs.com/zhouyu2017/p/6485265.html原创 2018-10-01 17:02:08 · 130 阅读 · 0 评论 -
转载【IDEA】向IntelliJ IDEA创建的项目导入Jar包的两种方式
这个博主的管用:https://blog.csdn.net/qq_26525215/article/details/53239123第一种:File –> Project Structure导入方法第二种:右键添加Jar包。表示不会转载 2018-10-13 09:41:36 · 194 阅读 · 0 评论 -
国庆假 的CSS +JS 学习笔记
1.左右两列定宽,中间自适应,6. 一个div 中,放三个div ,其中左边和右边是150px,中间div 自适应宽度。leftcenterright.content{background-color: #CCC;/* position: absolute; /}.left{background-color: #999;width: 150px;height...原创 2018-10-08 08:33:17 · 312 阅读 · 0 评论 -
ES 6 +ES 5 的相关学习笔记
es6 let set map 箭头函数移动端布局 rem emrem与em都是相对单位,我们使用它们的目的就是为了适应各种手机屏幕。rem是根据html根节点来计算的,而em是继承父元素的字体。比如下面一个demojq的兼容处理高版本兼容低版本,实现相关平滑兼容处理。例如加入在jQuery引用的下方加入一个兼容包;版本冲突,加一些话。设计模式工厂模式,代理模式,react生命周期...原创 2018-10-08 08:34:00 · 330 阅读 · 0 评论 -
Javascript 盲区和 操作实例 笔记
第一个总结:1.Splice 函数是直接对原数组进行操作,会影响原数组Slice 是从原数组中取一段元素,生成新的数组,原数组不变。第二个总结:2. 判断一个对象为数组类型。三种方法。第三个总结:3. push 从数组末尾加元素,返回新长度。Pop 删除最后一个元素,并且返回Unshift 向数组开头添加元素,返回新的长度;shift 删除第一个元素,并且返回。第四个总结:4....原创 2018-09-29 19:36:03 · 164 阅读 · 0 评论 -
JS判断是否选中的是表格内当前选中的那一行
项目需要,需要传递表格任意行的值给后台或者是其他页面,因此需要获取到鼠标所在行或者点击行的相关参数与值JS判断是否选中的是表格内当前选中的那一行https://zhidao.baidu.com/question/569477035.html...原创 2019-07-23 22:07:34 · 1123 阅读 · 0 评论 -
React 学习第一天-2018-07-21
React 学习第一天 1.Dom 和虚拟DomDom 是浏览器中实际存在的,虚拟Dom是框架中的,是利用JS代码来模拟DOM。虚拟Dom 是实现页面的实时更新。Dom树,一个网页的呈现过程,1.浏览器请求,拿到代码,2.浏览器在内存中解析DOM结构,并且在内存中渲染出一颗内存树3.浏览器把DOM 树,呈现到页面上。 如何获取到新旧DOM 树,从而实现DO...原创 2018-07-21 16:17:04 · 143 阅读 · 0 评论 -
myFocus制作焦点图
1.调用结构<script src="./js/myfocus-2.0.1.min.js" type="text/javascript"></script><script src="./js/mf-pattern/mF_YSlider.js"></script><link href="./js/mf-p原创 2018-07-29 20:18:27 · 279 阅读 · 0 评论 -
Vue.js 学习视频和书籍【推荐】
这个是书籍推荐,写的很好,里面也讲解了源码这个的传智播客 的视频,免费下载的https://pan.baidu.com/s/1UPJkeeeTNJPGEjgSkvCpHA原创 2018-07-14 17:21:59 · 13652 阅读 · 4 评论 -
Vue 学习第四天 -2
4. Vue 操作Dom ,获得Dom节点, ref 属性, $refs ref 引用组件 ,然后实现相关数据和 方法的引用,差不多就是父组件调用子组件,<body> <!--Vue 操作DOM ,--> <div id="app"><input type="button" value="操作DOMtest" @click="原创 2018-07-03 17:45:54 · 159 阅读 · 0 评论 -
Vue 学习第四天--第一部分 --盲点整理与昨天知识回顾
Vue 学习第四天--第一部分 1.父组件向子组件传值 v-bind:临时变量名=“父组件变量名”v-bind:value=”fathervalue”子组件使用 props:[‘value’] 数组进行接收即可,<body> <!--需求,这个是实现动画,--> <div id="app"><!--我们可以在引用子组件 时候,通过属性绑...原创 2018-07-03 10:00:42 · 186 阅读 · 0 评论 -
Vue-第七天 学习与相关问题总结
Vue 学习 第七天 1.。Mint UI 学习,提供了各种各样的组件。http://mint-ui.github.io/docs/#/第一步,安装包, npm i mint-ui -S第二步,引入,第三步,使用第四步,学习看官网使用步骤。下面是关于Toast 的使用,其中主要学习了模拟定时器的作用,初始化调用动画,应对时间以后动画消失,setTimeout()的使用,其中还有第二种形式setTi...原创 2018-07-09 19:26:45 · 630 阅读 · 0 评论 -
关于无法加载sass 模块问题。vue2.0中报错ERROR :scss can't resolve 'scss-loader'
问题故障:一直无法解决的问题解决了。关于无法加载sass 模块问题。 问题初步分析一:以为是sass-loader 和node-sass 版本太高或者是按照失败导致的,一直不停的装版本 问题分析二:是配置文件不对,修改配置文件没有重启,所以没有生效 问题解决:1.相关包要装好 2. 配置文件要配置好。参考:https://segmentfault.com/q/1010000008965538/a...原创 2018-07-09 13:42:52 · 7419 阅读 · 0 评论 -
Vue 学习 之 7.01 学习笔记
Vue 学习 之 7.01 学习笔记 1.还是复习前面的那个“品牌案例管理”,但是数据不是静态写死哦,而是动态的管理,向数据库发送相关请求实现,因此,小节和昨天所学就是掌握Vue 的Ajax 技术一。导包二。业务逻辑三。代码实现。其中有查询,增加,删除等操作,这个就是框架的优势,附带的学习的是 全局配置Vue.http.options.root = 'http://vue.studyit.i...原创 2018-07-02 15:50:01 · 989 阅读 · 0 评论 -
设计模式总结一波点点
1.由于项目经验少,开发能力不足,所以,对于设计模式也只能浅层次的了解和掌握2.都是通过看书、看博客进行学习、理解3.自己可以理解的有以下四个模式:(一)单例模式:保证只能一个人使用(二)简单工厂模式:A是工厂,可以生产很多的产品,可以给很多人使用(三)代理模式:A是代理,B是实际行动者,B使用A的身份做事。这个跟公司,代理、是一样的性质(四)原型模式:覆盖父类的相关内容和方法...原创 2018-07-08 13:59:40 · 135 阅读 · 0 评论 -
7.01 Vue 学习总结
<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author"原创 2018-07-01 00:06:19 · 138 阅读 · 0 评论 -
6.29 Vue 第二天 学习笔记
6.29 Vue 学习笔记 1. Vue 等框架等特点,框架解放程序员,适合做单页面程序,2.案例学习,品牌管理案例,主要学习有,添加操作,删除操作,搜索操作,删除操作中的函数学习了两遍。some 函数,splice 函数,findIndex 函数<body><div id="app"><div class="panel panel-primary">&l...原创 2018-06-30 22:40:19 · 256 阅读 · 0 评论 -
Vue ---父子组件之间互相传值与方法调用
<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author"原创 2018-07-03 20:22:14 · 597 阅读 · 1 评论 -
webpack -v 指令报错
(1)webpack 安装完成以后报错,One CLI for webpack must be installed. These are recommended choices, delivered as separate packages: (2) webpack-cli 还是报错,(3) 解决办法选择新的指令 npm i webpack-cli -g安装成功, 使用webpack -v 查...原创 2018-07-04 17:37:14 · 6363 阅读 · 1 评论 -
web-pack>webpack .\src\main.js .\dist\bundle.js 报错
(1)使用指令 web-pack>webpack .\src\main.js .\dist\bundle.js 报错(2).问题分析,wbpack版本太高,指令不一样。我的是v4.14.0(3) 解决办法解决方法:web-pack>webpack .\src\main.js --output .\dist\bundle.js中间加一个 --output 指令【Usage with...原创 2018-07-04 17:40:45 · 4175 阅读 · 2 评论 -
[好东西]使用ngrok把本机的网站端口映射到外网
使用ngrok把本机的网站端口映射到外网新的知识学习,将本地项目映射到外网1.vue项目-使用ngrok把本机的网站端口映射到外网【听说比较慢,重启一次,IP就不一样了】 2.下载ngrok https://www.ngrok.cc/ 功能很强大 3.点击打开 3. 输入指令 ngrok http 80ngrok http 3000 就行 4.ngrok 如何指定访问路径?? 进行相关配...原创 2018-07-14 11:44:42 · 635 阅读 · 0 评论 -
Vue 学习 第六天学习笔记
Vue 学习 第六天学习笔记 1.webpack 使用复习第一步:先建立文件夹。第二步,用webpack将其初始化,建立管理。npm 的包管理工具管理起来,npm init -y .注意{查看自己敲命令时所在的目录,是不是这个工作目录}第三步,建立文件夹和初始化文件dist src ( css js , images , index.html , main.js ).然后在里面写...原创 2018-07-07 21:07:53 · 431 阅读 · 0 评论 -
Vue 第九天学习
Vue 第九天学习 1.实现发表评论功能1.把文本框做双向数据绑定v-model =”msg”2.为发表按钮绑定一个事件@click=”post_Comment”3.点击发表评论时,做相关校验,【为空,非法,】,并且进行提示post_Comment(){if(this.msg.trim().length == 0){ Toast(‘评论数据不能为空’);}//真实情况是给服务器发数据this....原创 2018-07-13 11:43:58 · 225 阅读 · 0 评论 -
Vue 学习第五天 学习笔记
Vue 学习第五天 1. keyup事件<div id="app"><input type="text" v-model="firstName"@keyup="getFullname"><input type="button" value="+"><input type="原创 2018-07-06 12:55:38 · 2173 阅读 · 0 评论 -
【webpack 中版本兼容性问题错误总结,耽误半天学习】
【webpack版本兼容性问题错误总结,耽误半天学习】一定不要运行npm i XXX -g(-d) 一定要指定版本,尽量低版本,也不最新版本,会导致不兼容和指令不一样的问题。1.安装webpack-dev-server 报错,说需要webpack-cli,原因,这两个之中某一个版本太高。,重新安装低版本2.安装webpack-cli ,然后还是不能使用,3. npm WARN webpack-...原创 2018-07-05 20:27:00 · 33239 阅读 · 0 评论 -
Vue 学习第八天
Vue 学习第八天1.了解了回掉函数的使用,了解了文件的读取, 2.Promise 函数讲解console.dir(Promise)//Promise 函数讲解//1.其是一个构造函数,既然是构造函数,就可以new 一下,然后得到一个实例//console.dir(Promise) 看一下,//2.Promise 上有两个函数,第一个是resolve (成功之后的回掉函数) , reject ...原创 2018-07-12 11:30:00 · 216 阅读 · 0 评论 -
webpack 4.14.0 版本太高,无法执行相关指令,(将webpack高版本切换到低版本)--直接覆盖
(1)问题:webpack 4.14.0 版本太高,无法执行相关指令,(2) 解决办法:将高版本切换到低版本(3)实现webpack 4.14.0 版本太高,无法执行相关指令,指令不熟悉,高版本切换到低版本,直接重新安装就行,使用 npm i webpack@3.6.0 -g ...原创 2018-07-04 21:17:40 · 7420 阅读 · 0 评论