- 博客(50)
- 收藏
- 关注
原创 axios 请求返回文件流的处理
js是获取不到文件流的名称(孤陋寡闻,如有办法麻烦留言告知),所以下载下来的文件需要给定文件名称,另外请求时需要加。
2023-04-24 17:28:35 542
原创 让全站变灰
揭秘让全站变灰的奥秘。2020.4.4号 清明节,向所有奋战在一线的抗疫的英雄们致敬,向所有遇难者致敬。一夜之前所有的网站都变成了灰色,很好奇是怎么做到的,看了一些前端的社区,才知道是通过 css 中的 filter 属性来实现的 https://www.runoob.com/cssref/css3-pr-filter.html当然该属性是不支持 ie 的 。...
2020-04-04 19:40:46 260
原创 vue 利用计算属性 深度监听数据的变化
利用计算属性,即可完成对数据的深度监听。 export default { data () { return { obj:{ name:'夜空中最亮的星星', age:18 } } }, methods:{ hadnleupdata(){ thi...
2020-03-16 18:12:14 2135
原创 vue-cli4vscode自定义代码块
{ "Vue Template":{ "prefix": "vueTemplate", "body": [ "<template>\n\t<div>\n\n\t</div>\n</template>\n\n", "<script lang = \"ts\">\nimport { Component, Vue } fr...
2020-02-25 17:41:32 291
原创 React 子组件改变父组件的值
可以通过父组件向子组件传值得方式父组件中定义一个函数// 这边需要注意一点,需要在父组件的 constructor 中改变一下该函数的 this 指向// 用的是 this.addTodo = this.addTodo.bind(this) bind 改变 this 的指向 addTodo(todo){ // 解构赋值 const { todos } ...
2019-12-26 14:55:12 1708
原创 H5移动端区分是微信浏览器打开,还是外部浏览器打开。
```javascriptlet viewer = window.navigator.userAgent.toLowerCase();if(viewer.match(/MicroMessenger/i) == 'micromessenger'){ alert('微信浏览器');}else{ alert('外部浏览器');}
2019-12-10 11:21:13 1225
原创 移动端 ios 键盘顶起
main.js 写一个方法将方法挂在vue的原型链上,需要用到的地方,绑定一下就好了```javascript @blur="lostBlur"
2019-12-09 15:00:47 228
原创 vue 中引入全局的 stylus 样式表
在build文件夹下面 utils.js文件下添加一个变量赋值如下```javascript const stylusOptions = { import: [ path.join(__dirname, "../src/assets/styles/iconfont/hbh.styl"), // base.styl全局变量文件 ]}然后就是return最...
2019-12-02 14:44:39 838
原创 Redux 基本使用步骤
redux 状态管理的流程。首先创建一个文件夹叫 store。然后创建 index.js,用来创建一个store实例。方法: import reducer from "./reducer" import { createStore } from "redux" , const store = createStore...
2019-08-11 22:35:21 160
原创 beeter-scroll个人遇到的两个坑,图片不能点击,以及不能长按保存。
解决办法 this.scroll = new BScroll(this.$refs.wrapper,{click:true,preventDefault:false}) 配置两个属性,第一个是解决click事件不能点击,第二个是解决长按图片不能保存。...
2019-08-04 16:38:20 161
原创 vue移动适配
方法有很多种,这里推荐一种简单的,利用第三方包将px自动的转换为rem首先下载两个包 npm i -S amfe-flexible npm i postcss-pxtorem --save-dev然后在 vue 的 main.js 中引入 import ‘amfe-flexible/index.js’最后要在 package.json 中进行配置。"postcss": { "plugi...
2019-07-10 15:22:48 252
原创 解决koa2跨域的一个中间件koa2-cors
npm 官网下载 Koa2-cors引包import cors from ‘koa2-cors’将包挂载到应用中间件上 app.use(cors())
2019-05-16 21:01:07 740
原创 Nuxt 中使用 sess 配置
Nuxt 中默认是不支持 sess 的,如果想要用我们需要如下配置安装完成后,注意有没有 npm 的警告,如果有的话,安装对应的依赖。
2019-05-10 10:53:46 134
原创 Nuxt.js配置 babel
我们使用 Nuxt.js 的时候默认是不支持 ES6语法的我们可以在生的脚手架里面找 package.json 文件的scripts下面的 dev 和 start 加上 –exec babel-node例如然后新建文件 .babelrc(点不能省略)在该文件下加上然后去你文件下执行以下命令npm i babel-core babel-preset-es2015 babel-cl...
2019-05-10 10:29:34 2048
原创 Nuxt脚手架安装报错
根据官方网站安装的Nuxt脚手架,如果你安装element-uinpm run dev 启动项目的时候,会报出一个错HTMLelement is not defined!!!!这个是最坑的,通过脚手架安装的ui框架是最新的,然后Nuxt是不兼容的,所以就会报错,这个时候你需要降低你的ui框架的版本,这次我用的element-ui 我把版本降低到了 2.0.11 便解决了这个问题...
2019-05-09 22:32:51 1274
原创 移动端单位换算
px 和 em 都是长度单位区别是 px 的值是固定的,指定是多少就是多少,计算比较容易。em 得值不是固定的,并且 em 会继承父级元素的字体大小。浏览器的默认字体高都是16px。所以未经调整的浏览器都符合: 1em=16px。那么12px=0.75em,10px=0.625em...
2019-05-07 09:03:29 657
原创 CSS外边距重叠
外边距重叠就是 margin-collapse。在 CSS 当中,相邻的两个盒子(可能是兄弟关系也可能是祖先关系)的外边距可以结合成一个单独的外边距。这种合并外边距的方式被称为折叠,并且因而所结合成的外边距称为折叠外边距。折叠结果遵循下列计算规则:两个相邻的外边距都是正数时,折叠结果是它们两者之间较大的值。两个相邻的外边距都是负数时,折叠结果是两者绝对值的较大值。两个外边距一正一负时...
2019-05-06 22:54:18 230
原创 前端开发的优化问题
减少 http 请求次数:CSS Sprites, JS、CSS 源码压缩、图片大小控制合适;网页Gzip,CDN 托管,data 缓存 ,图片服务器。前端模板 JS+数据,减少由于 HTML 标签导致的带宽浪费,前端用变量保存 AJAX请求结果,每次操作本地变量,不用请求,减少请求次数用 innerHTML 代替 DOM 操作,减少 DOM 操作次数,优化 javascript 性能。...
2019-05-06 22:26:42 252
原创 HTTP 状态消息 200 302 304 403 404 500 分别表示什么
200:请求已成功,请求所希望的响应头或数据体将随此响应返回。302:请求的资源临时从不同的 URI 响应请求。由于这样的重定向是临时的,客户端应当 继续向原有地址发送以后的请求。只有在Cache-Control或Expires中进行了指定的情况下, 这个响应才是可缓存的304:如果客户端发送了一个带条件的 GET 请求且该请求已被允许,而文档的内容(自上 次访问以来或者根据请求的...
2019-05-06 21:06:47 2065
原创 DOM 操作——添加、移除、移动、复制、创建和查找节点。
1. 创建新节点 createDocumentFragment() // 创建一个 DOM 片段createElement() // 创建一个具体的元素createTextNode() // 创建一个文本节点2. 添加、移除、替换、插入 appendChild()removeChild()replaceChild()insertBefore() // 在已有的子节点前插入一个新的子节点...
2019-05-06 20:57:41 481
原创 行元素,块元素,行内块元素
块级元素(block)特性:总是独占一行,表现为另起一行开始,而且其后的元素也必须另起一行显示;宽度(width)、高度(height)、内边距(padding)和外边距(margin)都可控制;内联元素(inline)特性:和相邻的内联元素在同一行;宽度(width)、高度(height)、内边距的 top/bottom(padding-top/padding-bottom)和外边距...
2019-05-06 20:45:01 92
原创 src和herf的区别
src 用于替换当前元素,href 用于在当前文档和引用资源之间确立联系。src 是 source 的缩写,指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在位置;在请求 src 资源时会将其指向的资源下载并应用到文档内,例如 js 脚本,img 图片和 frame 等元素。<script src =”js.js”></script>当浏览器解析到该元...
2019-05-06 18:51:58 237
原创 CSS三列布局之左右宽度固定,中间元素自适应问题
最近学到了几种关于左右固定宽度,中间自适应的三列布局的方法,整理了一下,在这里跟大家一起分享分享,其中有什么不足的还望各位给指导指导哈。首先我想到的是float——浮动布局使用浮动,先渲染左右两个元素,分别让他们左右浮动,然后再渲染中间元素,设置它的margin左右边距分别为左右两个元素的宽度。例如以下代码就可以实现我们想要的三列效果啦。<!DOCTYPE html><h...
2019-05-06 15:29:25 138
原创 Vue创建组件的方式
方式一创建一个私有组件 new Vue({ el:"#app", components: { App:{ template:"<div><h1>标题</h1><span>内容</span></div>" } }, template:'<A...
2019-05-06 15:12:01 461
原创 vue中操作DOM元素
先看下面的这一串很简单代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-eq...
2019-05-06 14:52:39 942
原创 Date的各种使用方法
Date对象方法:首先得先创建一个时间对象 new Date()get系列:getDate() 返回一个月中的某一天(1-31)getDay() 返回一周中的某一天(0-6)getFullYear() 返回四位数的年份getMonth() 返回月份(0-11 0是一月)getHours() 返回的是当前的小时(0...
2019-05-06 13:23:12 7309
原创 一个重要的方法 indexOf
如果数组中有你要查询的参数,则会返回一个 1,[‘a’, ‘b’, ‘c’, ‘a’].indexOf(‘a’) // 1如果数组中没有你想要的查询的参数,则会返回一个 -1[‘a’, ‘b’, ‘c’, ‘a’].indexOf(‘d’) // -1[‘a’, ‘b’, ‘c’, ‘a’].indexOf(‘a’, 1) // 3** NaN 是个特例**[NaN].indexOf(...
2019-05-04 13:01:32 314
原创 智商碾压之 数组去重
数组去重Var arr全新的界面设计 ,将会带来全新的写作体验;在创作中心设置你喜爱的代码高亮样式,Markdown 将代码片显示选择的高亮样式 进行展示;增加了 图片拖拽 功能,你可以将本地的图片直接拖拽到编辑区域直接展示;全新的 KaTeX数学公式 语法;增加了支持甘特图的mermaid语法1 功能;增加了 多屏幕编辑 Markdown文章功能;增加了 焦点写作模式、预览模式...
2019-05-04 11:53:47 118
原创 码云的操作以及vue-cli的使用
码云的操作登录 – > 个人主页 – > 项目 --> private --> 点击右侧加号 创建私有仓库存储代码仓库需要输入 名称 (项目名字) 介绍 语言选择 Javascript 开源许可证选择 MIT License 代码私有化 使用readme初始化文件,然后可以看到仓库,通过 git 将线上 线下 保持一致,也就是关联起来...
2019-04-26 19:26:12 499
原创 在 express 中使用 session
express 中默认不支持 session 和 cookie。但是我们可以使用第三方中间件:express-session。# 下载npm install express-session# 配置var session = require('express-session');app.use(session({ secret: 'keyboard cat', resave: fal...
2019-04-26 19:19:02 81
原创 MongoDB基本命令
关系型数据库和非关系型数据库表就是关系,或者说 表与表之间存在关系。所有的关系型数据库都需要通过sql语言来操作所有的关系型数据库在操作之前都需要设计表结构而且数据表还支持约数唯一的主键默认值非空非关系型数据库非常的灵活,有的非关系型数据库就是 key-value 对儿。但是 MongoDB 是长得最像关系型数据库的非关系型数据库。MongoDB 不需要设计表结构,...
2019-04-26 19:18:16 276
原创 在 Node 中操作 MongoDB 数据库
安装:npm install --save mongoose基本使用:var mongoose = require(‘mongoose’);// 连接 Mongodb 数据库mongoose.connect(‘mongodb://localhost/test’, { useMongoClient: true });mongoose.Promise = global.Promise;...
2019-04-26 19:14:54 55
原创 node.js-mysql基本命令
MySQL启动数据库命令mysql -uroot -p123456 后面的 -p 可以不接密码回车完了再输入密码,这样这看不见密码退出的话 ctrl + c 或者exit修改提示符mysql -uroot -p123456 --prompt \h\D 完整的日期\d 当前数据库\u 当前用户常用简单命令查看当前服务器版本 SELECT VERSION();查看当前时间...
2019-04-26 19:10:30 128
原创 JavaScript面试题(持续更新)
1.JavaScript 中 undefined 和 not defined 的区别JavaScript 未声明变量直接使用会抛出异常:var name is not defined,如果没有处理异常,代码就停止运行了。但是,使用typeof undeclared_variable并不会产生异常,会直接返回 undefined。var x; // 声明 xconsole.log(x); /...
2019-03-24 15:11:18 376
原创 Vue生命周期函数
“谈谈你对vue的生命周期的理解”,听到这句话你是不是心里暗自窃喜:这也太容易了吧,不就是beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed 这几个钩子函数么,创建=>挂载=>更新=>销毁,So easy !!!非也非也。如果你只是简单罗列出这几个钩子函数的名...
2019-03-24 14:28:29 150
原创 事件委托机制
事件委拖的好处,提高性能,方便。 看着一串代码 <ul class = 'list'> <li></li> <li></li> <li></li> <li></li> </ul>jQuery方法cl...
2019-03-20 10:07:29 119
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人