weixin_42235173的博客

7. 文件 API7.1. 读取本地文件信息文件域对象可以获取用户选择文件的信息：文件名最近修改时间文件大小文件类型var input = document.querySelector('#input_1');var file = input.files[0];file.name // 获取文件名file.lastModifiedDate // 获取最近修改时间file.size // 获取文件大小（单位KB）file.typ

什么是render: h=> h(App)=> 是ES6的箭头语法// ES5 (function (h) { return h(App); }); // ES6 h => h(App); render: function (createElement) { return createElement(App);}// 进一步缩写为(ES6 语法)：render (createElement) { return createEleme

Parsing error:x-invalid-end-tag原因：iView将标签渲染为原生html标签时，有些标签是自闭合的，比如input，所以有end标签会报错。解决1： 去掉end标签解决2：修改配置文件，忽略该项检查：根目录下 - .eslintrc.js - rules添加一行：“vue/no-parsing-error”: [2, { “x-invalid-end-tag”: false }]...

错误提示 Do not use ‘new’ for side effects方法一：在new Vue上加/* eslint-disable no-new */, 这句注释可以绕过规则检测/* eslint-disable no-new */new Vue({ el: '#app', router, components: { App }, template: '<App/>'})方法二let vm = new Vue({ router, el:

No ‘Access-Control-Allow-Origin’ header is present on the requested resource.跨域请求出错，在config/index.js中// 代理配置表，在这里可以配置特定的请求代理到对应的API接口// 例如将'localhost:8080/api/xxx'代理到'www.example.com/api/xxx'proxyTable: { '/api': { // 匹配所有以 '/api'开头的请求路径 ta

[eslint] Unexpected template string expression.ES6的新语法，小撇号必须使用Tab上面的撇号，不能用引号，否则会报错export const reqAddress = (geohash) => ajax(`/position/${geohash}`)

混用空格和tab键造成的代码需要规范，注释:// 后面空一格再写注释文件的最后一行要是个空行用来结尾，否则报错：Newline required at end of file but not foundvue文件的<template></template>只能有一个根文件，报错：Component template should contain exactly one root element.在编写stylus样式的时候，切记按着格式编写，如果运行的时候没有报错，但是样式

webpack配置webpack.config.js：'use strict';const path = require('path')const htmlWebpackPlugin = require('html-webpack-plugin'); module.exports = { entry: { main: './src/main.js' // main是默认入口,也可以是多入口 }, // 出口, 所有产出资源路径 output: {

vue介绍核心概念: 组件化 双向数据流 (基于ES5中的defineProperty来实现的) IE9才支持export default框架：export default { // 对象 data() { // 函数 return { // 对象 isRed: false, stus: [{name:'jack',score:'A'},{name:'rose',score:'B'}

基本概念使用javascript开发jQuery1. 查找元素的方法太少，麻烦1. 查找元素的方法多种多样，非常灵活2. 遍历伪数组很麻烦，通常要嵌套一大堆的for循环2. 拥有隐式迭代特性，因此不再需要手写for循环了3. 有兼容性问题3. 完全没有兼容性问题4. 想要实现简单的动画效果，也很麻烦4. 实现动画非常简单，而且功能更加的强大5. 代码冗余5. 代码简单、粗暴【02-让div显示与设置内容.html】$(document).rea

浏览器缓存机制http缓存指的是: 当客户端向服务器请求资源时，会先抵达浏览器缓存，如果浏览器有“要请求资源”的副本，就可以直接从浏览器缓存中提取而不是从原始服务器中提取这个资源。常见的http缓存只能缓存get请求响应的资源浏览器缓存机制是指通过 HTTP 协议头里的 Cache-Control（或 Expires）和 Last-Modified（或 Etag等字段来控制文件缓存的机制。总结协议缓存有效时间标识位辅助无修改有修改优先级http 1.1Cache-

功能实现搭建页面放一个容器盛放游戏场景 div#map，设置样式#map { width: 800px; height: 600px; background-color: #ccc; position: relative;}分析对象游戏对象蛇对象食物对象创建食物对象Food属性xywidthheightcolor方法render 随机创建一个食物对象，并输出到map上创建Food的构造函数，并设置属性v

创建vue3项目1、vue-cli## 安装或者升级npm install -g @vue/cli## 保证 vue cli 版本在 4.5.0 以上vue --version## 创建项目vue create my-project然后的步骤Please pick a preset - 选择 Manually select featuresCheck the features needed for your project - 选择上 TypeScript ，特别注意点空格是选择，点

安装安装npm install -g typescript检测安装是否成功tsc -V编译手动编译对于 xxx.ts 文件，执行tsc xxx.ts输出为 xxx.js 文件，将ts文件里面的代码转成js代码通过node.js 运行代码node xxx.js自动编译1). 生成配置文件tsconfig.json tsc --init2). 修改tsconfig.json配置 "outDir": "./js", ts文件编译后的js文件会在./js目录

相同点实现效果：两边顶宽，中间自适应的三栏布局，中间栏在放在文档流前面以优先渲染。实现技术：三栏全部float浮动，但左右两栏加上负margin让其跟中间栏div并排，以形成三栏布局。不同点 - 解决 “中间栏div内容不被遮挡” 问题圣杯布局<div class="center">...</div>将中间div设置了左右padding-left和padding-right后，将左右两个div用相对布局position: relative并分别配

双飞翼布局<div class="middle"> <div class="center"> <div class="center-inner"> center 1、上部和下部各自占领屏幕所有宽度 2、上下部之间的部分是一个三栏布局 3、三栏布局两侧宽度不变，中间部分自动填充整个区域,中间盒子优先渲染 4、中间部分的高度是三栏中最高的区域的高度 </div> </div

圣杯布局特点1、上部和下部各自占领屏幕所有宽度2、上下部之间的部分是一个三栏布局3、三栏布局两侧宽度不变，中间部分自动填充整个区域,中间盒子优先渲染4、中间部分的高度是三栏中最高的区域的高度下面列出三种实现方法：float flex grid3行的高度设为： 40px 300px 40px三栏布局的左右侧宽度：200px 150px1. float实现(为了优先渲染center放在left前面)<div class="container"> <div cl

左侧自动填充整个区域，右侧固定的两栏布局1.左侧div写在右侧div的前面<div class="wrap"> <div class="left">这是左 自填充</div> <div class="right">这是右 固定宽度</div></div>用float实现的css：.left { float: left; width: calc(100% - 200px); background-color

BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素。反之也如此。包括浮动，外边距合并等等BFC 有着具体的布局特性：有宽度和高度 ， 有 外边距margin 有内边距padding 有边框 border不是所有的元素模式都能产生BFC，w3c 规范： display 属性为 block, list-item, table的元素，会产生BFC.注意其他的display属性，比如 inline 等等，创建的是 IFC 。什么情况下可以让元素产生BFCbody根元素f

calc()特点：CSS3 的 calc() 函数允许在属性值中执行数学计算操作1、混合使用各种单位进行计算，百分比、px、em、rem等单位2、使用" + " 、" - " 、" * " 和 " / " 四则运算3、表达式中有" + "和 " - "时，其前后必须要有空格，如"width: calc(12%+5em)"这种没有空格的写法是错误的；4、表达式中有 " * " 和 " / "时，其前后可以没有空格，但建议留有空格。5、使用 calc()，计算值是表达式它自己，而非表达式的结果，浏