场景 echosong 回长沙两个多月了, 新公司的创业项目 App , 小程序, 公众号. 目前差app 没有 做完. 公众号在前端小美女同事 的主导下采用前端比较火的Vue 技术框架. 一直一来主要方向后端 +架构+ 管理方向.长沙的IT环境不比上海, 回来基本上全栈都要做,乃至技术意外的培训,市场. 面的辐射性扩张, 对于技术一条道走到黑的方向已经开始形成了挑战,希望未来打破职业 年龄瓶颈 运气不要太差. 言归问题 Vue+npm + webpack 相关的技术生成单页的整站应用, 自从开…
记一起和前端没什么卵关系的后端405问题 问题的关键点在于本来是POST请求,会变成OPTION请求,并且提示405报错,会类似跨域.并且只有某些手机机型才会(如Oppo系列). 其实跨域的问题,如果在PHP只需要在头设置允许跨域即可.其他语言也类似. header("Access-Control-Allow-Origin:*"); 或者 header("Access-Control-Allow-Origin:url地址"); 但.net据说也设置大致如上设置了,却…
是的,我今晚跑到隔壁学校参加某电商公司的宣讲会+现场笔试.只有俩字可以形容:苦笑! 在寝室复习了下以前学习的关于前端方面的知识,重点是JavaScript,javaweb开发技术(jsp+servlet+javabean),随便看了下html+css(毕竟这方面比较有自信),然后打印好简历就兴冲冲地和同学去了. 提前十几分钟到,到的时候整个会场大概一半坐满(但是不一会儿就人都坐不下了,后排挤了一排),我们特意挑了个靠前的位置,时间一到,一位副总裁兼任人力的气质美女开始介绍公司,半个小时后开始一系…
一.数据类型 1.值类型:undefined, number, string, boolean,不是对象 2.引用类型:函数.数组.对象.null.new Number(10)都是对象 3.引用类型判断(instanceof): var fn = function () { }; console.log(fn instanceof Object); // true 4.js中对象:数组是对象,函数是对象,对象还是对象.对象里面的一切都是属性,只有属性,没有方法.那么这样方法如何表示呢?——方法也…
大二上半学期因为选修课的原因,答应帮老师完善学院的选课系统.在这之前没有做过一个可以成为“项目”的项目,本着挑战自己的原则和可以不上选修课的福利,断断续续用了一学期的时间来完善这个选课系统. 接受这个项目的时候,项目已经被一个学姐做的差不多了,基本框架模型都有了.值得一提的是,学姐是现学现做,用的是我软伟大的Asp.net WebForm,所见即所得!特别佩服学姐,在没有任何基础的前提下,能一步一步搭出一个基本框架.所以我的核心工作就是优化.添加一些细节功能和修改一些逻辑上的错误.我既然是接手,…
可能是因为看了太多网上的关于这个问题的解决办法,可能当时是我自己没有看明白也或许是情况不一样,反正都没有解决我当初遇到的问题,现在想想可能是自己当初太无知了,第二个原因是原来大多数情况下是在windows环境下开发,涉及到数据库的时候有专门的DBA负责处理,对于简单的设置或许就用图形管理工具设置,最近自己在鼓捣一个东西的时候是在Linux环境下,如果没有使用phpmyadmin的情况下,这个时候的数据库字符设置问题可能就会有那么一点困难,所以特别想跟大家分享一下这篇随笔,很早就写了,趁今天空闲给…
如题: 1.初始时,XP还能进入系统,等系统3分钟左右,鼠标熄灭,键盘无反应,查看资源管理器CPU 100%,内存占用不高. 2.现象初步分析: a.怀疑是病毒占用CPU 100%,于是下载360安全卫士,全盘杀毒,杀毒期间奇迹般没有死机,查杀6个蠕虫病毒,然后,重启系统,3分钟以后,死机... b.排除病毒问题,资源管理器查看explorer.exe时不时cpu占用高,是否为隐藏病毒原因,替换新的explorer.exe后,重启,死机... c.相应的又杀死了几个可疑的进程,还是无效果...…
1.背景 业务需求,需要联动多个平台,涉及到各平台的模拟登录. 已知加密前明文且正常登录.(无验证码要求) 某平台验证验证方式为.\login接口POST一串json字符串 { "account": "********", "password": "uR+dmpMdF9MRXfkBG3wQ+w==" } 其中account为用户名,是明文,而password是加密后的密文 2.准备工作 ctrl+F5,未发现XHR请求,推测是…
一.CA(证书授权中心)证书 1.ca是通信的中介,具有足够的权威性 2.信任可嵌套如:C 信任 A1,A1 信任 A2,A2 信任 A3 二.根本区别 1.https需要基于ssl的ca证书认证(判别网站是否伪造) 2.http是明文,https是加密协议(确保传输过程信息不泄露) 3.http端口是80,https端口是443 三.https缺点 1.增加内容开销,加载速度慢50%,也会增加硬件电耗 2.对黑客防范有限 3.不能再同ip绑定多个域名…
---恢复内容开始--- 一.对比其他框架 1.react: 共同点: 使用 Virtual DOM 提供了响应式(Reactive)和组件化(Composable)的视图组件. 将注意力集中保持在核心库,而将其他功能如路由和全局状态管理交给相关的库. react路由使用redux,vue也用了类似的vuex 不同点: vue更轻量级,react社区更强大 vue自动获得了 shouldComponentUpdate避免重复渲染 在处理动画时,Vue 每秒最高处理 10 帧,而 React 每秒…
一.同源策略 一个页面的ajax只能获取这个页面相同源(协议.域名.端口号都必须相同)的数据. 二.jsonp方法 1.json和jsonp JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式 JSONP是JSON with Padding的略称.它是一个非官方的协议,它允许在服务器端集成Script tags返回至客户端,通过javascript callback的形式实现跨域访问 2.解决跨域的原理: 首先,<script>标签的src属性并不被同…
一.js排序方法 1.按字母顺序排列: arr.sort() 2.按数值从小到大: function sortNumber(a,b)//排序函数 { return a - b } var arr = new Array(6) arr[0] = "10" arr[1] = "5" arr[2] = "40" arr[3] = "25" arr[4] = "1000" arr[5] = "1"…
一.事件监听使用场景 1.事件触发多个方法的时候,后一个方法会把前一个方法覆盖掉. window.onload = function(){  var btn = document.getElementById("yuanEvent");  btn.onclick = function(){   alert("第一个事件");  }  btn.onclick = function(){   alert("第二个事件");  }  btn.oncli…
一. localstorage的特性 1.需要ie8+ 2.浏览器中都会把localStorage的值类型限定为string类型,这个在对我们日常比较常见的JSON对象类型需要一些转换 3.localStorage本质上是对字符串的读取,如果存储内容多的话会消耗内存空间,会导致页面变卡 4.localStorage不能被爬虫抓取到 二.localstorage使用规则 1.判断是否支持localStorage 2.localStorage的三种写入方法 在控制台中: 因为localStorage…
---恢复内容开始--- 本文用自己的理解,总结网上或者自身经历的问题,加以汇总,方便查找: 一.浏览器默认样式 1.浏览器处理css&html a.css作用范围:盒子模式.浮动.定位.背景.字体 2.css布局方式: 经典三列布局 Bootstrap栅格布局 百度首页布局 微博布局 人人网布局 瀑布流布局 3.层叠样式表: a.层叠:层叠就是浏览器对多个样式来源进行叠加,最终确定结果的过程.即对相同标签的样式融合,且内联>内部>外部(!important可将样式提到最高级),但实际…
1)面试题是这样的要求用css实现 <section> <div></div> <div></div> </section> <style> div{ position:relative; width:200px; height:50px; background:red; float:left; margin-left:10px; } div::before{ content:""; display:b…
2019年已经过去一半,终于拿到一直想去的公司offer,也算是实现了今年的一个小目标. 由于这家公司是我从去年到现在最想去的公司,本次换工作一直没有投,希望先积累下面试经验再投. 没有想到居然先在boss直聘上接到这家公司的技术经理的面试邀请,真的非常意外也非常兴奋…
本人开发的系统中有个添加数据与编辑数据的功能.为了减少代码量,两者使用了同一个dialog,通过不同按钮点击使用对应的方案进行显示. 对了方便,本人在添加数据的按钮的click事件中直接写入了resetFields. 之后正常运行过一段时间,但是就在最近(添加了很多代码)开始报错: TypeError: Cannot read property 'resetFields' of undefined 同时我发现,只要显示过一次dialog,后面就不会报错了.所以我可以确定是因为代码量过大,对应的对…
上图中是我在接手一个项目的时候,出现的一个关于数组的 bug,但是从上图来看,其实报错是不清楚的,只能从报错信息上看出来是 /src/page/waybill/waybill_form.vue 这个 vue 页面出现的报错. 如果遇到这种情况,很多人会很难下手,也不知道怎么处理. 下面是我的处理这种模糊问题的处理思路.(注释排除法) 一.排除 js 内的 所有的xxx.length 的 变量是否是数组类型. 二.排除 html 代码上是否引用过xxx.length . 如果以上注释了排除还是报错…
由于使用了xheditor富文本框,且这个版本是2011年开发的系统,当时只有IE8,所以一切正常. 但是问题来了,今天使用IE11测试和谷歌浏览器测试,发现一直报这个错误: 且google了一下,没发现这个插件对应这个错误的解决方法. 最后发现是和浏览器不兼容导致的,如果是使用IE,只要切换到兼容模式下运行就行了,google这些就不要去想了,无解. 我发现如果使用360,使用兼容模式能很好解决这个问题.…
后台管理系统使用的是umi框架,随着公司业务的发展,目前已经变成了一个巨石应用,越来越难维护,有必要对其进行拆分了. 计划是从市面上挑选一个成熟的微前端框架,首先选择的是 icestark,虽然文档中有说明umi框架的改造,但版本得是 3 以上. 而当前我们自己使用的版本是 1,差了整整两个版本.然后再去搜索,发现另一个微前端框架:qiankun,并且它有一个 umi插件. 但是又遇到了 umi版本的问题,好不容易找到一个咨询umi改造微前端的问题,版本也是2. 本来是打算将老项目作为主应用,新…
[前端.HTTP协议.HTML标签] 什么是前端 """ 任何与用户直接打交道的操作界面都可以称之为前端 比如:电脑界面 手机界面 平板界面 什么是后端 后端类似于幕后操作者(一堆让人头皮发麻的代码) 不直接跟用户打交道 """ 为什么学前端 """ 因为我们是全栈开发工程师 但是前端这一块我们不会学的很详细 只要求做到能够看得懂基本的前端代码以及能够搭建一些简单的页面即可 先打下前端的基础 为后续可能需要扩展做准备…
昨天在腾讯大厦参与了鹅厂AlloyTeam召开的AC2015前端大会,度过了充满精彩和收获的一个下午,用一句话形容这次前端Event应该是“诚意满满,干货满满”. 说实话,这次AlloyTeam没有对与会人员做严格的身份认证,基本到了就能参与,因此整个腾大的多功能厅下午是爆满了人.我去的其实算早了,却也只能抢到很后面的座位.许多去的晚的同行都只好站着或坐地板上参与. 本次AC大会也做了全程的官方视频录制,据悉后续将在慕课网上线,届时有兴趣的朋友可以去关注下. 大会起始环节是一个神秘项目的首秀——…
前言 见解有限,如有描述不当之处,请帮忙指出,如有错误,会及时修正. 为什么要梳理这篇文章? 最近恰好被问到这方面的问题,尝试整理后发现,这道题的覆盖面可以非常广,很适合作为一道承载知识体系的题目. 关于这道题目的吐槽暂且不提(这是一道被提到无数次的题,得到不少人的赞同,也被很多人反感),本文的目的是如何借助这道题梳理自己的前端知识体系! 窃认为,每一个前端人员,如果要往更高阶发展,必然会将自己的知识体系梳理一遍, 没有牢固的知识体系,无法往更高处走! 展现形式:本文并不是将所有的知识点列一遍,…
搬到小机房后终于能用VSCode啦(没错以前的系统是xp) 但是这东西比Dev难搞多了qwq,简单记一下自己的DIY历程吧(不然全搞炸就凉了) 设置语言为中文 可以直接下载插件 让VSCode支持编译C++程序 首先要有MingW,一个很simple的方法是直接把DevC++的MingW拷贝过来(雾),然后把环境变量配置好 这里介绍一种局限性很强的方法: 首先打开工作目录,在底下新建名为.vscode的文件夹 里面需要有两个文件 launch.json和tasks.json 内容如下,其中有一些…
前言 文章内容覆盖范围,芝麻绿豆的破问题都有,不止于vue; 给出的是方案,但不是手把手一字一句的给你说十万个为什么! 有三类人不适合此篇文章: “喜欢站在道德制高点的圣母婊” – 适合去教堂 “无理取闹的键盘侠” – 国际新闻版块欢迎你去 “有一定基础但又喜欢逼逼的人” 得得得,老子知道你厉害了,你好牛逼,这些问题那么简单,都是小白看的 这种傻瓜文,简直浪费老子的时间! 对于以上三类人,走吧,这里不是你来装逼的地方. 你们也不值得看老子花那么多时间去汇总的水文. 学习一些新东西.若是有人给汇总…
问题汇总 Q:安装超时(install timeout) 方案有这么些: cnpm : 国内对npm的镜像版本 /* cnpm website: https://npm.taobao.org/ */ npm install -g cnpm --registry=https://registry.npm.taobao.org // cnpm 的大多命令跟 npm 的是一致的,比如安装,卸载这些 yarn 和 npm 改源大法 使用 nrm 模块 : www.npmjs.com/package/nr…
原文链接: https://segmentfault.com/a/1190000013662126 从输入URL到页面加载的过程?如何由一道题完善自己的前端知识体系! javascript 前端 232 前言 见解有限,如有描述不当之处,请帮忙指出,如有错误,会及时修正. 为什么要梳理这篇文章? 最近恰好被问到这方面的问题,尝试整理后发现,这道题的覆盖面可以非常广,很适合作为一道承载知识体系的题目. 关于这道题目的吐槽暂且不提(这是一道被提到无数次的题,得到不少人的赞同,也被很多人反感),本文的…
开始语: 2013年6月30日,Microsoft Learning support 项目结束,转而进入Forerunner Development 项目,这对于这块领域空白的我,空前的困难,可是我坚信事在人为!于是乎,开始了我的Web 前端的征程…… 首先,为了能快速加入这个项目,我提前开始了HTML5+CSS3+JavaScript+jQuery的学习 其次,为了能快速适应这个项目,我从Asp.net MVC 开始学起(但至今还没搞太明白),然后尝试着新建报表,解决第一个bug,顺序如下:…
1. angular的数据绑定采用什么机制?详述原理 angularjs的双向数据绑定,采用脏检查(dirty-checking)机制.ng只有在指定事件触发后,才进入 $digest cycle : - DOM事件,譬如用户输入文本,点击按钮等.( ng-click ) - XHR响应事件 ( $http ) - 浏览器Location变更事件 ( $location ) - Timer事件( timeout,timeout,interval ) - 执行 digest()或digest()或…