【译】XMLHttpRequest和Fetch, 谁最适合AJAX？
摘要：原文地址：https://www.sitepoint.com/xmlhttprequest-vs-the-fetch-api-whats-best-for-ajax-in-2019/ 目录 从AJAX到Ajax XMLHttpRequest Fetch 浏览器支持 默认无Cookie 错误不会被拒绝
阅读全文
posted @
2020-08-19 20:21
treesky
阅读(499)
推荐(1)
Web前端开发的就业前景怎么样，薪资待遇如何
摘要：信息技术的迅速发展，使IT技术者们赶上了一个百年难遇的好机会，尤其是国家出台了“互联网+”的政策后，更是催生了IT行业的就业空间，使其呈现爆发性增长。 如今，微信逐渐成为了大家主要的交流工具，随着各种小程序游戏风靡朋友圈之后，其从业人员Web前端开发工程师的薪资可谓是一路高涨。细心观察下大家不难发现
阅读全文
posted @
2020-08-19 15:21
treesky
阅读(498)
推荐(0)
问问自己，你真的会用防抖和节流么？？？？
摘要：今天在改一个看似很简单以前也经常遇到的一个bug发现了很多问题。实际结果肯定没有想象的那么简单。所以我想总结一下：保证下次不会踩坑。 业务场景是点击一个按钮，会产生一个弹框。重复快速的点击多次，会产生多个弹框。那么这个问题该怎么解决呢？ 1. 函数防抖节流 这两个东西我不知道看过了多少文档，可到现在
阅读全文
posted @
2020-08-18 20:21
treesky
阅读(218)
推荐(0)
JS高级---原型的引入，原型添加的方法解决数据共享
摘要：原型的引入：解决：通过构造函数创建对象带来的问题，即浪费内存（一个对象开一个内存，多个对象开多个内存） 通过原型来添加方法，解决数据共享，节省内存空间 <script> function Person(name, age) { this.name = name; this.age = age; }
阅读全文
posted @
2020-08-18 15:21
treesky
阅读(323)
推荐(0)
app项目中遇到TCP分包，H5端对分包进行拼包
摘要：之前有个需求，由于H5端不支持TCPSocket通信，于是中间搭了个安卓框架作为通信的介质，在开发中遇到一个问题，当后端传一个比较大的数据上来时，一条完整的数据会没有规矩的分成若干个包，每条数据可能不存在完整的包头包尾。所以我想了一个用缓存数据的方法来对数据进行拼包。 后端会对每一串数据添加包头（十
阅读全文
posted @
2020-08-17 15:21
treesky
阅读(398)
推荐(0)
web前端-基础篇
摘要：该篇仅是本人学习前端时，做的备忘笔记： 一、背景图片设置： 设置背景图时的css代码：background-image:url(图片的url路径); ps：设置好这个背景后请一定要设置该背景图片的大小和该背景图片的显示区域，css样式设置如下： e.g. background-image:url(图
阅读全文
posted @
2020-08-16 20:21
treesky
阅读(211)
推荐(0)
CSS布局方式--inline-block 布局
摘要：布局其实就是想办法怎样将一些元素横向的排列起来，纵向由于块级元素的存在会自动占据一行。 inline-block 元素会占据一行而且可以调整宽高很适合将这些元素排列在一行，而且使用 inline-block 元素排列没有清除浮动这样的问题。 但是，使用 inline-block 布局两个元素之间会有
阅读全文
posted @
2020-08-16 15:21
treesky
阅读(513)
推荐(0)
[HTML] websocket的模拟日志监控界面
摘要：模拟命令行的界面效果，使用swoole作为websocket的服务，重新做了下html的界面效果 <html> <head> <title>SwLog Montior-菜地</title> </head> <style> @charset "utf-8"; body { background-col
阅读全文
posted @
2020-08-16 08:20
treesky
阅读(397)
推荐(0)
JavaScript 数组，字符串，函数
摘要：数组创建数组利用 new 创建数组 var arr = new Array(); console.log(arr); // Array(0)数组字面量创建var arr = []; // 空数组 var arr1 = ['1', '2'] // 初始值数组数组中的元素数组里面的元素类型可以放任意类型
阅读全文
posted @
2020-08-15 08:20
treesky
阅读(199)
推荐(0)
js和jq跳转到另一个页面或者在另一个窗口打开页面
摘要：$("#pic").click(function(){ location.href='newpage.html'; }); 上面的相当于<a href="newpage.html" target="_self"><img src="img.jpg" /></a> $("#pic").click(fu
阅读全文
posted @
2020-08-14 20:21
treesky
阅读(1046)
推荐(0)
JS高级---创建正则表达式对象
摘要：创建正则表达式对象 两种： 1.通过构造函数创建对象 2.字面量的方式创建对象 正则表达式的作用: 匹配字符串的 //对象创建完毕 var reg = new RegExp(/\d{5}/); //调用方法验证字符串是否匹配 var flag = reg.test("我的电话是10086"); co
阅读全文
posted @
2020-08-14 08:20
treesky
阅读(594)
推荐(0)
react-发表评论案例
摘要：评论列表组件 import React from 'react' import CMTItem from './CmtItem.jsx' import CMTBox from './CmtBox.jsx' // 评论列表组件 export default class CMTList extends
阅读全文
posted @
2020-08-13 08:20
treesky
阅读(259)
推荐(0)
webpack打包后不能调用,改用uglifyjs打包压缩
摘要：背景： 项目基于原生js,没用到任何脚手架和框架，但也需要打包压缩。 项目的js中声明了一些全局变量 供其他js调用。 这时候如果用webpack打包，基于webpack特性，会嵌套一层大函数，会将js中的变量变成局部，不能供其他js调用。 因此弃用了webpack。选用了uglifyjs。 原因：
阅读全文
posted @
2020-08-12 20:21
treesky
阅读(1158)
推荐(0)
react-native简单使用
摘要：基本组件的使用介绍 View： Text： TextInput： Image： Button： ActivityIndicator： ScrollView：这是一个列表滚动的组件 ListView：也是一个列表滚动的组件，但是，这个组件已经过时了，官方推荐使用 FlatList 来代替它 index
阅读全文
posted @
2020-08-12 15:21
treesky
阅读(209)
推荐(0)
ng-做一个简单的通讯录--学习使用路由和HTTP
摘要：app.module import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import {FormsModule} from '@angular/fo
阅读全文
posted @
2020-08-11 15:21
treesky
阅读(292)
推荐(0)
卡牌分组
摘要：满足最小分组的长度为其他分组的整数倍 export default (arr) => { // 对这副牌进行排序，升序、降序都可以 arr.sort((a, b) => a - b) let min = Number.MAX_SAFE_INTEGER let dst = [] let result
阅读全文
posted @
2020-08-11 08:20
treesky
阅读(158)
推荐(0)
css字体样式+文本样式
摘要：font-family属性值：具体字体名或者字体集 如果是中文或者有单词之间有空格，需要加双引号 字体集： Serif （有装饰线） Sans-serif （无装饰线） Monospace Cursive Fantasy <!DOCTYPE html> <html lang="en"> <head>
阅读全文
posted @
2020-08-10 08:20
treesky
阅读(230)
推荐(0)
jQuery---on注册事件的2种方式
摘要：on注册事件的2种方式 on注册事件的语法 on注册简单事件 // 这个是p自己注册的事件（简单事件） $("p").on("click", function () { alert("呵呵"); }); $("#btn").on("click", function () { $("<p>我是新建的p
阅读全文
posted @
2020-08-09 20:21
treesky
阅读(355)
推荐(0)
css3神奇的背景控制属性+使用颜色过渡实现漂亮的渐变效果
摘要：css3背景图像相关 兼容性：IE9+ background-clip 背景图片绘制区域 background-clip:border-box; 内容区 <!DOCTYPE html> <html lang="en" manifest="index.manifest"> <head> <meta c
阅读全文
posted @
2020-08-09 15:21
treesky
阅读(1053)
推荐(0)
js Dom为页面中的元素绑定键盘或鼠标事件
摘要：html鼠标事件 onload 页面加载 onclick 鼠标单击 onmouseover 鼠标移入 onmouseout 鼠标移出 onfocus 获取焦点 onblur 失去焦点 onchange 域的内容改变 在事件触发中，this表示对当前dom对象的引用 1、html事件，在html元素上
阅读全文
posted @
2020-08-08 20:21
treesky
阅读(2906)
推荐(0)
ES6中Set和WeakSet
摘要：Set(放数组,不能重复) 会自动去重,有4个元素,但是打印出来只有三个 let setArr=new Set(['zhang','huan','eternity','zhang']); console.log(setArr);//{"zhang", "huan", "eternity"} //添加
阅读全文
posted @
2020-08-08 15:21
treesky
阅读(157)
推荐(0)
Vue之计算属性Computed和属性监听Watch，Computed和Watch的区别
摘要：一、 计算属性（computed） 1.计算属性是为了模板中的表达式简洁，易维护，符合用于简单运算的设计初衷。 例如： <div id="app"> {{ myname.substring(0,1).toUpperCase() + myname.substring(1) }} </div> 运算过于
阅读全文
posted @
2020-08-08 08:20
treesky
阅读(722)
推荐(0)
JS数据类型和堆栈+变量比较和值的复制+参数传递和类型检测
摘要：变量命名 变量名：字母 数字 下划线 美元符$ jquery: $ $.each() $ jQuery underscore( js的一个函数库) : _ _.each() 关键字 : if for 保留字 : class 推荐有意义的命名： buttonCancel button_cancel b
阅读全文
posted @
2020-08-07 15:21
treesky
阅读(228)
推荐(0)
浙公网安备 33010602011771号