平时的碎片
关注
分享
扫一扫
前端黑
记录成长的点滴
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
数组去重
定义一个新数组 并存放数组的第一个元素 然后将旧数组与新数组一一比较 不重复则添加重复则删除 function unique(arr) { var res = [arr[0]]; for (var i = 0; i < arr.length; i++) { var flag = false; for (var j = 0; j < r...原创 2019-03-27 11:40:22 · 146 阅读 · 0 评论 -
layui项目
layui后台框架的搭建 使用npm进行安装 cnpm install layui-src layui重新开始搞起来 使用方法 元素还是自己进行获取注册 事件 将其绑定 具体的样式 直接使用他的就可以；额 layui.use(['jquery', 'layer'], function() { var $ = layui.$; ...原创 2019-07-15 20:43:54 · 2864 阅读 · 1 评论 -
layui笔记
在使用的时候 使用 layui.use 可以进行模块化的加载 AMD 是 RequireJS 在推广过程中对模块定义的规范化产出。 CMD 是 SeaJS 在推广过程中对模块定义的规范化产出。 AMD:提前执行（异步加载：依赖先执行）+延迟执行 CMD:延迟执行（运行到需加载，根据顺序执行） 页面元素 #####布局 offset4 向右偏移 和bootstrap里面的布局差不多 都是使...原创 2019-07-15 20:42:43 · 315 阅读 · 0 评论 -
canvasziji
绘图 准备画布 使用 标签 尺寸在标签里面设置 <canvas width="600" height="400" ></canvas> 准备绘制工具 /*1.获取元素*/ var myCanvas = document.querySelector('canvas'); /*2.获取上下文 绘制工具箱 */ /*是否有3d 暂时没有*/ var ctx = my...原创 2019-07-15 20:42:04 · 151 阅读 · 0 评论 -
canvas
Canvas canvas 最早由Apple引入WebKit,用于Mac OS X 的 Dashboard,后来又在Safari和Google Chrome被实现。 基于 Gecko 1.8的浏览器,比如 Firefox 1.5, 同样支持这个元素。 <canvas> 元素是WhatWG Web applications 1.0规范的一部分,也包含于HTML 5中。 体验Canva...原创 2019-07-15 20:41:22 · 153 阅读 · 0 评论 -
div的布局
左边固定宽度 右边自适应布局 两栏自适应 左侧浮动 右侧使用margin-left <!--左边固定宽度 右边自适应布局 两栏自适应布局 --> <!DOCTYPE html> <html> <head> <title>自适应布局</title> <style> .containe...原创 2019-07-15 20:40:44 · 3333 阅读 · 0 评论 -
薄弱项
px和rem和em 1.px相对于屏幕分辨率 2.em相对于父元素 3.rem单位名称是相对于root的长度单位，即相对于html 薄弱点 h5 css3动画 vue-router 原生js vuex 最近突破这一些阶段 浏览器读取css规则的顺序是从右到左 浏览器在渲染，构建render树的时候，每次拿出一个dom节点，然后进行匹配相应的css， 因为css嵌套太多层，如果从左到右匹配...原创 2019-07-15 20:40:12 · 495 阅读 · 0 评论 -
tab栏切换
一共两个大案例 <!-- <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>tab切换</title> <style type="text/css"> /* CSS样式制作 */ ...原创 2019-07-15 20:39:33 · 232 阅读 · 0 评论 -
note2
transform的四个基本转换 转换 缩放 scale 位移 translate 旋转 rotate 倾斜 skew 以上四种转换方式是比较特殊，其实他们都是由 matrix 矩阵 动画速度 ease 先快后慢 最后非常慢 linear 匀速 ease-in 速度越来越快 ease-out 速度越来越慢 ease-in-out 速度先快后慢 以上五种动画速度是比较特殊，其实他们都是由 贝...原创 2019-07-15 20:38:43 · 160 阅读 · 0 评论 -
node开发实战
node的特点 事件驱动 异步、非阻塞i/o 单线程为基础 轻量级和高性能 可以运用在 单页面 多ajax请求 交互比较多的社交网站 不适合运用在 CPU密集型应用 模板渲染 压缩/解压缩 加/解密等操作 测试node开发环境 创建一个服务器 var http = require('http') var server = http.createServer() server.on(...原创 2019-07-17 17:10:06 · 296 阅读 · 0 评论