代码改变世界

[置顶]websocket学习

2020-12-30 11:37 by 小前端alical, 118 阅读, 0 推荐, 收藏, 编辑
摘要:1. web推送技术的实现 1.使用ajax轮询 2.websocket 2. why 1.http协议具有单向请求的特点,即通信只能由客户端发起;例如:我们浏览一个购物的页面,是客户端或浏览器发出请求,然后服务器才返回数据或页面,http协议做不到服务器主动向客户端发送数据;在http协议下,如果 阅读全文

layui弹出框宽高度的改变

2021-03-18 11:09 by 小前端alical, 3110 阅读, 0 推荐, 收藏, 编辑
摘要:一、通过css改变layui的弹出框的宽高(不推荐) .layui-layer{ width: 700px !important; } 注意:加“!important”的原因,css的优先级问题。layui弹出框的默认宽高度是使用行内样式,优先级很高。所以要使用“!important”。 二、通过l 阅读全文

dependencies与devDependencies的区别

2020-11-10 11:43 by 小前端alical, 393 阅读, 0 推荐, 收藏, 编辑
摘要:1.安装模块的命令不同 npm install module-name -save 自动把模块和版本号添加到dependencies部分 npm install module-name -save-dev 自动把模块和版本号添加到devdependencies部分 2. dependencies 项 阅读全文

echarts自定义地图(县级)

2020-10-27 18:22 by 小前端alical, 1960 阅读, 0 推荐, 收藏, 编辑
摘要:前提:引入echarts 1.获取自定义地图文件(可获取省、市、县) http://datav.aliyun.com/tools/atlas/#&lat=33.521903996156105&lng=104.29849999999999&zoom=4 2.js文件 a.registerMap.js 阅读全文

vue路由

2020-04-19 13:28 by 小前端alical, 127 阅读, 0 推荐, 收藏, 编辑
摘要:1.安装路由 第一种方式 vue add router 第二种方式 npm i vue-router --save 2.路由 第一种 通过path <router-link to="/a">pageA</router-link> <router-link to="/b">pageB</router- 阅读全文

layout(布局)组件

2019-10-03 21:56 by 小前端alical, 1483 阅读, 0 推荐, 收藏, 编辑
摘要:一、依赖于 Panel(面 板)组件和 resizable(调整大小)组件。 二、class加载方式 <div id="box" class="easyui-layout" style="height: 600px;width: 400px"> <div data-options="region:' 阅读全文

accordion(分类)组件

2019-09-24 23:01 by 小前端alical, 668 阅读, 0 推荐, 收藏, 编辑
摘要:一、依赖于 Panel(面板)组件 二、class加载方式 <div id="box" class="easyui-accordion" style="width: 300px;height: 150px;"> <div title="标题一">内容区域1</div> <div title="标题二 阅读全文

progressBar(进度条)组件

2019-09-12 17:42 by 小前端alical, 1607 阅读, 0 推荐, 收藏, 编辑
摘要:一、class加载方式 <div id="pos" class="easyui-progressbar" data-options="value:60" style="width: 200px;"></div> 二、js加载方式 $("#pos").progressbar({ //属性 width: 阅读全文

LinkButton(按钮)组件

2019-09-12 16:56 by 小前端alical, 1268 阅读, 0 推荐, 收藏, 编辑
摘要:一、//class加载方式 <div id="pos" class="easyui-linkbutton">按钮</div> 二、js加载方式 <a id="pos" href="#">按钮</a> <a id="bob" href="#">按钮一</a> $("#pos").linkbutton( 阅读全文

tooltip(提示框)组件

2019-08-31 20:05 by 小前端alical, 1596 阅读, 0 推荐, 收藏, 编辑
摘要:一、class加载方式 <span id="pos" class="easyui-tooltip" title="这是提示内容">内容</span> 二、js加载方式 $("#pos").tooltip({ //属性 content:'<strong>这是内容提示框</strong>', //消息框 阅读全文