随笔分类 - 前端
摘要：创建期间的生命周期函数： beforeCreate 实例刚在内存中被创建出来，此时，还没有初始化好 data 和 methods 属性 created 实例已经在内存中创建OK，此时 data 和 methods 已经创建OK，此时还没有开始 编译模板 beforeMount 此时已经完成了模板的编
阅读全文
摘要：父组件传给子组件 在Children.vue 里定义一个props： // props 数据类型 props: { title: String, likes: Number, isPublished: Boolean, commentIds: Array, author: Object, callb
阅读全文
摘要：路由配置 config.js import Vue from 'vue'; // 导入 import VueRouter from 'vue-router'; // 安装 Vue.use(VueRouter); // 使用 // 定义模板变量 const User = { template: '<d
阅读全文
摘要：安装 node 环境 配置npm在安装全局模块时的路径和缓存cache的路径 因为在执行例如npm install webpack -g等命令全局安装的时候，默认会将模块安装在C:\Users\用户名\AppData\Roaming路径下的npm和npm_cache中，不方便管理且占用C盘空间， 所
阅读全文
摘要：ueditor单图上传图片显示上传错误/多图上传显示服务器错误，实际上图片已经传到服务器或者本地 1、这个问题是因为ueditor里面的Upload.class.php里面__construct()方法里面的iconv函数有问题 /*$this->stateMap['ERROR_TYPE_NOT_A
阅读全文
摘要：DIV 设置可编辑 contenteditable=true <div contenteditable=true id="divTest"></div> 数据库存入需要将表设置为utf8mb4 编码格式 如果对数据处理，例如转为json数据，emoji 表情将无法存入数据库，需要对 emoji 表情
阅读全文
摘要：原型：prototype、proto和constructor prototype proto constructor 对象：defineProperty()和defineProperties() defineProperty defineProperties window.history: push
阅读全文
摘要：官网地址：https://farbelous.io/fontawesome-iconpicker/ 头部文件引入 页面样式，可以自定义 页面布局 引用 js 文件 插件调用 全部代码 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta char
阅读全文
摘要：FileReader 方法 方法名参数描述 abort none 中断读取 readAsBinaryString（readAsArrayBuffer） file（blob） 将文件读取为二进制码 readAsDataURL file（blob） 将文件读取为 DataURL readAsText f
阅读全文
摘要：1 2 3 4 5 canvas 动态小球重叠效果 6 106 107 108 109 点击变换 110 111 112
阅读全文
摘要：文章引用： Canvas制作动态进度加载水球 相关动画 ： 基于canvas实现物理运动效果与动画效果(一) Canvas实现直线与圆形的物理运动效果 [js高手之路]html5 canvas动画教程 - 重力、摩擦力、加速、抛物线运动
阅读全文
摘要：css 部分使用 svg 绘制环形 此处的 js 放在 body 标签中
阅读全文
摘要：1 2 3 4 5 Document 6 24 25 26 27 220 221
阅读全文
摘要：创建svg 文件 详解viewBox SVG Viewport、View Box和preserveAspectRatio 形状 标签内的值可以是百分比，也可以直接是数值 矩形 <rect> 必选： width height # 宽高 可选： x y stroke style fill rx ry x
阅读全文
摘要：许多字母命令(例如：M m）（但不是全部）成对。有一个大写和一个小写版本。大写版本是绝对版本，小写是相对版本。让我们继续以M为例： M 100,100 意思是“拿起笔并将其移动到确切的坐标100,100” m 100,100 的意思是“将笔100向下移动100和从你现在的任何地方向右移动100”。
阅读全文
摘要：<!doctype html> <html> <head> <meta charset="utf-8"> <title>js 联动下拉菜单</title> <script> window.onload=function() { var s1=new Sel('div1'); // 数据 s1.add
阅读全文
摘要：1 2 3 4 5 弹性运动---弹性菜单 6 43 115 116 117 118 119 首页 120 关于我们 121 产品 122 联系方式 123 124 125 126
阅读全文
摘要：CSS 新属性 clip-path，意味裁剪路径的意思，让我们可以很便捷的生成各种几何图形。 clip-path 通过定义特殊的路径，实现我们想要的图形。而这个路径，正是 SVG 中的 path 。 clip-path 属性api: /* Keyword values */ clip-path: n
阅读全文
摘要：三角形：通常会使用透明的border模拟出一个三角形：▲ 切角：采用多重线性渐变实现切角 梯形：利用伪元素加旋转透视实现梯形 当然，还有另一种更简单的方法是利用border实现，借助上面的构造三角形的方法，在矩形两侧构造两个透明的三角形 五边形：梯形加上三角形，很容易就组合成一个五边形，这里需要借助
阅读全文
摘要：2D矩阵变换 matrix(1,0,0,1,0,0) 对应 matrix (a,b,c,d,e,f) 其中，x, y表示转换元素的所有坐标（变量）了, 3*3矩阵每一行的第1个值与后面1*3的第1个值相乘，第2个值与第2个相乘，第3个与第3个，然后相加 ax+cy+e为变换后的水平坐标，bx+dy+
阅读全文
