
平时的碎片
前端黑
记录成长的点滴
展开
-
数组去重
定义一个新数组 并存放数组的第一个元素 然后将旧数组与新数组一一比较 不重复则添加重复则删除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 · 128 阅读 · 0 评论 -
layui项目
layui后台框架的搭建使用npm进行安装cnpm install layui-srclayui重新开始搞起来使用方法元素还是自己进行获取注册 事件 将其绑定 具体的样式 直接使用他的就可以;额 layui.use(['jquery', 'layer'], function() { var $ = layui.$; ...原创 2019-07-15 20:43:54 · 2835 阅读 · 1 评论 -
layui笔记
在使用的时候 使用 layui.use 可以进行模块化的加载AMD 是 RequireJS 在推广过程中对模块定义的规范化产出。CMD 是 SeaJS 在推广过程中对模块定义的规范化产出。AMD:提前执行(异步加载:依赖先执行)+延迟执行CMD:延迟执行(运行到需加载,根据顺序执行)页面元素#####布局offset4 向右偏移和bootstrap里面的布局差不多 都是使...原创 2019-07-15 20:42:43 · 289 阅读 · 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 · 134 阅读 · 0 评论 -
canvas
Canvascanvas 最早由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 · 132 阅读 · 0 评论 -
div的布局
左边固定宽度 右边自适应布局 两栏自适应左侧浮动 右侧使用margin-left<!--左边固定宽度 右边自适应布局 两栏自适应布局 --><!DOCTYPE html><html><head> <title>自适应布局</title> <style> .containe...原创 2019-07-15 20:40:44 · 3220 阅读 · 0 评论 -
薄弱项
px和rem和em1.px相对于屏幕分辨率2.em相对于父元素3.rem单位名称是相对于root的长度单位,即相对于html薄弱点h5 css3动画 vue-router 原生js vuex最近突破这一些阶段浏览器读取css规则的顺序是从右到左浏览器在渲染,构建render树的时候,每次拿出一个dom节点,然后进行匹配相应的css,因为css嵌套太多层,如果从左到右匹配...原创 2019-07-15 20:40:12 · 476 阅读 · 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 · 204 阅读 · 0 评论 -
note2
transform的四个基本转换转换缩放 scale位移 translate旋转 rotate倾斜 skew以上四种转换方式是比较特殊,其实他们都是由 matrix 矩阵动画速度ease 先快后慢 最后非常慢linear 匀速ease-in 速度越来越快ease-out 速度越来越慢ease-in-out 速度先快后慢以上五种动画速度是比较特殊,其实他们都是由 贝...原创 2019-07-15 20:38:43 · 141 阅读 · 0 评论 -
node开发实战
node的特点事件驱动 异步、非阻塞i/o单线程为基础 轻量级和高性能可以运用在 单页面 多ajax请求 交互比较多的社交网站不适合运用在 CPU密集型应用 模板渲染 压缩/解压缩 加/解密等操作测试node开发环境创建一个服务器var http = require('http')var server = http.createServer()server.on(...原创 2019-07-17 17:10:06 · 258 阅读 · 0 评论