前端开发
Thy拾
一切的一切,都还好。
展开
-
JS基础
常见问题eval 是做什么的?eval 的功能是把对应的字符串解析成 JS 代码并运行eval不安全,若有用户输入会有被攻击风险 非常耗性能(先解析成 js 语句,再执行)['1', '2', '3'].map(parseInt) 答案是多少?答案 [1, NaN, NaN]map会给函数传递3个参数: (elem, index, arry)parseInt接收两个参数...转载 2019-07-17 15:26:19 · 176 阅读 · 0 评论 -
jQuery的介绍和选择器
jQuery 的介绍引入 jQuery 的原因在用 js 写代码时,会遇到一些问题: window.onload 事件有事件覆盖的问题,因此只能写一个事件。 代码容错性差。 浏览器兼容性问题。 书写很繁琐,代码量多。 代码很乱,各个页面到处都是。 动画效果很难实现。 如下图所示:jQuery的出现,可以解决以上问题。什...转载 2019-07-18 08:38:34 · 302 阅读 · 0 评论 -
offset家族和匀速动画(含轮播图的实现)
前言JS动画的主要内容如下:1、三大家族和一个事件对象: 三大家族:offset/scroll/client。也叫三大系列。 事件对象/event(事件被触动时,鼠标和键盘的状态)(通过属性控制)。 2、动画(闪现/匀速/缓动)3、冒泡/兼容/封装4、正则offset 家族的组成我们知道,三大家族包括:offset/scroll/client。今天来讲一...转载 2019-07-18 08:38:57 · 237 阅读 · 0 评论 -
函数封装:Ajax发送http请求(get&post)
ajax_tool.js:// 方法:ajax get 五部曲function ajax_get(url,data) { // 异步对象 var ajax = new XMLHttpRequest(); // url 方法 // 如果是get发送数据 发送的格式为 xxx.php?name=jack&age=18 // 所以 这里 需要拼接 url if (data)...转载 2019-07-18 08:39:10 · 664 阅读 · 0 评论 -
Ajax入门和发送http请求
同步和异步同步和异步的概念 同步:必须等待前面的任务完成,才能继续后面的任务。 异步:不受当前任务的影响。 拿排队举例: 同步:在银行排队时,只有等到你了,才能够去处理业务。 异步:在排队的时候,可以玩手机。 异步更新网站我们在访问一个普通的网站时,当浏览器加载完HTML、CSS、JS以后,网站的内容就固定了。如果想让网站内容发生更改,就必须刷新页面...转载 2019-07-17 15:59:55 · 158 阅读 · 0 评论 -
前端接口层工具(Alibaba)
Pont - 搭建前后端之桥pont 在法语中是“桥”的意思,寓意着前后端之间的桥梁。介绍Pont 把 swagger、rap、dip 等多种接口文档平台,转换成 Pont 元数据。Pont 利用接口元数据,可以高度定制化生成前端接口层代码,接口 mock 平台和接口测试平台。其中 swagger 数据源,Pont 已经完美支持。并在一些大型项目中使用了近两年,各种高度...转载 2019-07-17 15:47:20 · 2227 阅读 · 3 评论 -
Omi - 前端跨框架跨平台框架
Omi - 前端跨框架跨平台框架基于 Web Components 并支持 IE8+(omio),小程序(omip) 和 任意前端框架集成Omi 生态→ Omi 生态学习路线图基础生态项目 描述 omi-docs和例子 Omi 官方文档 omim Omi 打造的跨框架 Material Design UI 组件库, 任意框架可以使用,(DO...转载 2019-07-17 15:44:21 · 3270 阅读 · 0 评论 -
小程序组件化开发框架 WePY
介绍WePY (发音: /'wepi/)是一款让小程序支持组件化开发的框架,通过预编译的手段让开发者可以选择自己喜欢的开发风格去开发小程序。框架的细节优化,Promise,Async Functions的引入都是为了能让开发小程序项目变得更加简单,高效。同时WePY也是一款成长中的框架,大量吸收借鉴了一些优化前端工具以及框架的设计理念和思想。如果WePY有不足地方,或者你有更好的想法,欢迎提...原创 2019-05-31 14:52:17 · 265 阅读 · 0 评论 -
Web性能优化
性能优化资源压缩合并,减少HTTP请求,开启gzip压缩 非核心代码的异步加载 异步加载方式 异步加载的区别 利用浏览器缓存 缓存分类 缓存原理 使用CDN DNS预解析网络优化压缩传输内容,用好缓存webpack中优化主要就是为了减少Webpack打包后的文件体积编写高性能的Javascript浏览器渲染CDN插入几万个 DOM,如何...转载 2019-07-17 15:30:10 · 194 阅读 · 0 评论 -
React
React 的工作原理React 会创建一个虚拟 DOM(virtual DOM)。当一个组件中的状态改变时,React 首先会通过 "diffing" 算法来标记虚拟 DOM 中的改变,第二步是调节(reconciliation),会用 diff 的结果来更新 DOM。使用 React 有何优点JSX 的引入,使得组件的代码更加可读,也更容易看懂组件的布局,或者组件之间是如何互相引用...转载 2019-07-17 15:28:38 · 205 阅读 · 0 评论 -
9102全员学Vue--1.如何理解前端和Vue
最近身边学习 Vue 的人也越来越多了,大家都有很多的疑问,为什么前端要用框架、Vue 做了些什么、要怎么上手,等等。距离上一次写 Vue 也过去三年了,是时候再把这三年自己的理解再整理进去了。由于这个系列主要是希望写给可能前端掌握也不深的人,所以会铺垫一些自己认为需要的内容,本节先来讲讲入门前端,作为铺垫,来理解 Vue 这个框架吧。前端页面解析页面组成我们打开一个前端项目,经常会看...转载 2019-07-18 08:38:15 · 560 阅读 · 0 评论