1461590508@qq.com的博客

原创 react学习笔记

XML早期用于存储和传输数据 js里表达jsx //html <div id="test></div> //JS .创建虚拟DOM const VDOM=( <h2> <span> helloword </span> </h2> ) .渲染虚拟DOM到页面 ReactDom.react(VDOM,document,getElementById('text')) JSX语法规则 - 定义虚拟dom时.

原创 “TypeError: _this.$refs.activity.openDialog is not a function“。父组件ref调用子组件

记录 TypeError: this.$refs.activity.openDialog is not a function"。父组件ref调用子组件的坑。 报错的时候， 首先查找，子组件引入进来是否注册。 其次查找子组件是否写在根目录，div包裹。 再查找，这个方法是写在哪里。如果在created里，是被报错的，要写在mounted中，此时dom已加载好。如果写在methods中，需要用。this.$nextTick()回掉，或者用定时器 setTimeout(()=>{ },500) 还要检查是否

原创 什么是ajax

在这里插入图片描述

原创 ajax http协议

原创 web安全与性能优化（web 攻击）

前端经典项目框架如下 全栈项目经典后端框架如下 前端技术栈如下：（可自行百度看API文档） –elementUI – Vue.js – Npm – Webpack – WebSocket – Node 后端技术栈如下： – 基础Web服务，微服务架构 – Mysql – Redis – ElasticS – Nginx – CDN Redis• Redis 是完全开源的，遵守 BSD 协议，是一个高性能的key-value 数据库。 – Redis支持数据的持久化，可以将内存中的数据保存在磁盘中，重启.

转载 Typescripy

1：什么是Typescript？ Typescript是强类型的Javascript超集，支持ES6语法，支持面向对象编程的概念，如类、接口、继承、泛型等。Typescript并不直接在浏览器上运行，需要编译器编译成纯Javascript来运行。 2：说说Typescripy和Javascript的区别？ 3：说说Typescript的优缺点？ 优点： 1：快速简单，易于学习。 2：编译时提供错误检查， 在代码运行前就会进行错误提示。 3：支持所有的JS库。 4：支持ES6，提供了ES6所有优点和更高的生

原创 第二阶段题

第二阶段面试题 一． HTML 1.img标记属于什么类型元素？ 答案：属于行内(inline)元素 2.结构标记有哪些？他们与div有什么相同之处，又有什么不同之处？ 答案：header，nav，section，aside，footer，article 都是用来做布局的，但结构标记提高了语义性和可读性 行内元素，块元素，空元素有哪些？ 答案： （1）行内元素： a， span，i，img，b ,s,u，sup,sub,label （2）块元素： div ，dl，dt，dd，ul，li，ol，p

原创 web前端面试题总结

第一阶段 一、MySQL数据库 1.MySQL中varchar与char的区别以及varchar(50)中的50代表的涵义？ 答案： Varchar是变长字符串，最多存储的大小是65535字节，查询速度相对较慢； Char 是定常字符串，最多存储的大小是255字节，查询速度相对较快； varchar(50)表示：Mysql 4.0 表示存放50个字节，5.0存放50个字符。 2. 简述浏览器打开www.codeboy.com显示页面，中间都经过哪些过程？ 答案： 向DNS服务器获取域名对应的IP地址并返回浏

原创 认识下载elementUI,mintUI.认识mint组件学习。报错处理

实现ElementUI的经典布局 新建views/Components.vue ，搭建页面布局结构。 配置路由： 访问/components，看到页面内容。 Vue的嵌套路由 根据当前需求： 当访问: /components/border 组件页面的main部分显示border 当访问: /components/icon 组件页面的main部分显示icon 当访问: /components/color 组件页面的main部分显示color 发现需要在compoents页面中还有需要动态更

原创 web前端 需使用网站合集

CSS3过渡动画模板、CSS3 Transition动画模板 http://web.chacuo.net/css3transition 贝塞尔曲线控制板 http://www.css3beziercurve.net/ Animate.css中文网 http://www.animate.net.cn/ animate https://daneden.github.io/animate.css/ 在线代码压缩工具 https://tool.oschina.net/jscompress 反应测试 http://g

原创 minitUI vue绑定 正则验证

HTML5新特新 Unit01 详情页的实现 需求是点击首页中某一个文章列表项后，跳转到详情页，在详情页中显示文章详细信息。这个过程需要在跳转的过程中传递当前选中文章的文章id，然后在详情页中接收id参数，发送http请求，获取详情数据，渲染页面。 两页面间跳转过程中（route-link）的传参方案 第一种方案：使用？的方式向第二个页面传参： <router-link to="/article?id=3&name=zs"> 点我跳转 </router-link>

原创 html5新属性

HTML5新特性 Unit01 音频与视频 音频与视频标签 音频标签 音频标签可以支持在网页中播放音乐，支持的音频格式有：mp3, wav, ogg。 简写方式： <audio src="音频文件路径" controls></audio> <audio src="../asset/a.mp3" controls // 控制是否显示控制面板 autoplay // 控制是否在标签加载完毕后自动播放 muted

原创 面试题总结

1，什么是虚拟dom树？ 2,vue双向绑定原理？ vue数据双向绑定是通过数据劫持结合发布者-订阅者模式的方式来实现的，我们通过Object.defineProperty( )设置了对象Book的name属性，对其get和set进行重写操作，顾名思义，get就是在读取name属性这个值触发的函数，set就是在设置name属性这个值触发的函数。 3，用户从输入URL地址到页面呈现给用户的中间过程？ 4，深拷贝和浅拷贝？（js高级第二天） 5，省市级双极联动或者多级联动的实现？ 6，事件捕捉模型（捕获，目标触

原创 代码托管到码云

代码托管到码云 1，登录码云后，点击头像旁的+，进入新建仓库 2，点击创建后，会跳出以下的代码教程 Git 全局设置: git config --global user.name "杜可爱" git config --global user.email "1461590508@qq.com" 创建 git 仓库: mkdir code_shop cd code_shop git init touch README.md git add README.md git commit -m "first co

原创 vue安装脚手架示范

vue安装脚手架示范 在node中安装。可用 window+r 快捷键打开,输入cmd,直接进入 或者在你所创建的目录下，输入cmd，直接打开 打开后。输入 node -v查看该版本，4以上版本最好 输入npm config set registry http://registry.npm.taobao.org （淘宝镜像） 要是不成功的话，再次尝试这一步。先清空node js 缓存 npm cache clean -f 再输入 npm install -g cnpm --registry