05 2020 档案
摘要：自定义两组样式，来控制 transition 内部的元素实现动画 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="lib/vue-2.4.0.js" type="text/javasc
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="js/vue-2.4.0.js" type="text/javascript" charset="utf-8"></script> </
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="js/vue-2.4.0.js" type="text/javascript" charset="utf-8"></script> </
阅读全文
摘要：一面： 1. 七层网络模型 2. 继承（竟然真的是“讲一下继承吧”这样笼统的问题，我之前看面经以为是具体的问题，就想了好一会怎么组织语言从哪里讲... 3. 奇数增偶数减的链表排序（知道思路但是自己一写指针和循环就乱，代码只实现了大概3/4。。。 4. https交换密钥 5. 0.1+0.7 6.
阅读全文
摘要：一面 4 月 11 日收到一面邀请，是一个声音很好听人也很 nice 的前端小哥哥，约在晚上七点半。持续了大概 40 分钟。 整个面试过程有 20 分钟基本都在问实习经历和项目经历，然后期间你说到哪个值得提问的点就会问什么，大概的问题有这些： · 你更愿意聊聊你的实习经历还是项目？（我说更愿意聊项目
阅读全文
摘要：一.第一次电面（半小时） (一)问题： 1.基础问题： 说说js的继承实现 js的闭包 2.项目问题： 说说你做过的项目 （我就大概说了一下电影分类网站） 你在项目中的角色 （我说前后端，用node） 在项目中遇到的问题 假如让你重新做这个项目，你会怎么做？ 这个项目有哪些你觉得会保留的，哪些你觉得
阅读全文
摘要：一面 通知说 4 月 16 号下午的电面，上午面试官还专门打电话来问下午的时间是否合适，感觉人很不错。下午面试官准时打来电话，是个很 hice 的小哥哥，广州 WXG 的，上来主动活跃气氛~ · 长时间聊项目（面试官：试图打动我） · 项目中生成 PDF 的会占用 CPU 很多吧，如果大量访问怎么处
阅读全文
摘要：阿里一面 面试官 先做下自我介绍吧？ · 对后端有了解吗？node之类的 · 那我就针对你的项目问一些基础能力？（好的） · 我看你接触前端两年多，能告诉我你是怎么入行前端的吗？我引导了一下说之后会做一些可视化的东西，引导偏了。 · 我看您对ES6，js知道比较多吧 · 你个人觉得，你html，cs
阅读全文
摘要：学习css的flex属性使用方法前要先了解flex 有主轴和副轴的概念。 主轴默认就是x轴，副轴默认是y轴。但是主轴和父轴是可以设置的。 一、先了解 display:flex; 添加弹性盒子 和 flex-direction 设置x轴或y轴哪个是主轴的属性 <!DOCTYPE html> <html
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> h3{ color: transparent; font-size: 60px; -webkit-text-str
阅读全文
摘要：本项目要先预备好以下内容 1.car数据库 2.增删改查接口，我已经写好了一个简单的PHP增删改查四个接口 3.vue的指令、循环、生命函数，及get、post请求等知识点 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></t
阅读全文
摘要：ajax MySQL PHP 实现无刷新更新列表 在学ajax时我们要会去看谷歌控制台的network，注意看页面每次请求的参数。last的值是每次+3，而，comment一直是3.。这样是符合我的思路的 data.php <?php require_once('../mysql/cont.php'
阅读全文
摘要：mysql php ajax 使用jsonp跨域完成省市三级联动 mydb.sql 用到了area，city，province 三个表 cont.php 连接数据库 data2.php 得到前端传过来的值，处理SQL语句，输出内容。因为使用jsonp方式，就是输出函数名里面加上参数就可以了。ajax
阅读全文
摘要：因为HTTP出于安全考虑，ajax是不允许跨域访问的，不过跨域通过scrip的src传递参数访问。js原生方法看我ajax下的文章。 因为jQuery已经封装好了，我们直接传递参数就可以了。 HTML页面，有两个按钮一个普通方法，dataType:HTML，也可以传递HTML代码。 其中jsonp
阅读全文
摘要：<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>EMS-jquery查询</title> <style type="text/css"> #sug{ position: absolute; left: 50%
阅读全文
摘要：为什么要用模板引擎？ javascript模板引擎可以很好的保留html原有格式，并且保留js构建html速度快的特点。 采用javascript模板引擎来实现页面的展示，不仅html结构清晰，而且javascript部分只需要处理逻辑，不需要进行过多的html拼接操作。 而且artTemplate
阅读全文
摘要：简单的使用jQuery的ajax <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jquery-ajax</title> </head> <body> <input type="button" value="
阅读全文
摘要：资料：如何解决跨域访问数据问题 天气接口：http://t.weather.sojson.com/api/weather/city/101240301 (后面的数字改成其他Citycode的值就可以得到其他城市的天气json) Citycode:https://www.cnblogs.com/sha
阅读全文
摘要：链接：https://pan.baidu.com/s/1hK1eTNByZiFO0xf4W8XZQQ 提取码：umf3 中国省市区及景点的cityCode都在这里。 使用方法：https://www.cnblogs.com/shangrao/p/12862475.html
阅读全文
摘要：jsonp跨域访问数据 由于出于HTTP安全问题考虑，ajax是不能获取非本域的文件的。 但是我们可以通过scrip的src请求其他页面。 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jsonp</tit
阅读全文
摘要：ajax如何的发哦json数据和xml数据 ajax使用方法就不多=说了，参照这篇https://www.cnblogs.com/shangrao/p/12861845.html json和xml不同的地方是得到响应方法。 如需获得来自服务器的响应，请使用 XMLHttpRequest 对象的 re
阅读全文
摘要：原生ajax在PHP的使用方法 表单页面（使用了get方法） <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>原生ajax</title> <script type="text/javascript"> wi
阅读全文
摘要：jQuery使用键盘事件 keyup：键盘抬起时 keydown：键盘按下时 keypress：键盘按住时 运行下列代码，可以看效果 $(document).keyup(function () { console.log("keyup"); }).keydown(function (e) { con
阅读全文
摘要：vue 过滤器如何的使用 1.全局过滤器 2.私有过滤器 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="js/vue-2.4.0.js" type="text/javascript"
阅读全文
摘要：forEach不支持break和return。一般普通循环都是用forEach ar arr1=["aa","bb","aa","dd"];arr1.forEach((item,index) => { // console.log("index-> "+index+" item->"+item) i
阅读全文
摘要：JavaScript删除元素方法 1.根据索引删除数组元素 delete 数组[索引] *注意delete 后面是空格 var arr1=["aa","bb","cc","dd"]; delete arr1[2]; for (var i = 0; i < arr1.length; i++) { co
阅读全文
摘要：vue 中的v-if和v-show <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="js/vue-2.4.0.js" type="text/javascript" charset="u
阅读全文
摘要：vue中使用class样式 数组 <h1 :class="['red', 'thin']">这是一个H1</h1> 数组中使用三元表达式 <h1 :class="['red', 'thin', isactive?'active':'']">这是一个H1</h1> 数组中嵌套对象 <h1 :class
阅读全文
摘要：Vue指令之v-model和双向数据绑定 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="js/vue-2.4.0.js" type="text/javascript" charset
阅读全文
摘要：事件修饰符： .stop 阻止冒泡 .prevent 阻止默认事件 .capture 添加事件侦听器时使用事件捕获模式 .self 只当事件在该元素本身（比如不是子元素）触发时触发回调 .once 事件只触发一次 <!DOCTYPE html> <html> <head> <meta charset
阅读全文
摘要：v-cloak，v-text，v-html，v-bind，v-on使用 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="js/vue-2.4.0.js" type="text/java
阅读全文
摘要：引用Vue <script src="js/vue-2.4.0.js" type="text/javascript" charset="utf-8"></script> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></tit
阅读全文
摘要：一般的input框比较简单，我们可以用JavaScript配合css背景图片定位让我们模拟写出一个点击选中效果 首先需要有个图片素材，当页面加载的时候是背景图片定位到左图，当我们点击图片的时候，背景图片定位到右图 <!DOCTYPE html> <html> <head> <meta charset
阅读全文
