- 博客(23)
- 收藏
- 关注
转载 前端各种mate积累
H5标准声明,使用 HTML5 doctype,不区分大小写 标准的 lang 属性写法 声明文档使用的字符编码 优先使用 IE 最新版本和 Chrome 页面描述 页面关键词
2020-10-17 11:53:23
206
原创 js中页面加载完成立即执行函数的写法
1.直接在标签里写<body onload="func()"></body>2.js中window.onload调用 //整个window加载完成后执行function func(){ /* window.onload调用*/}window.onload=func //不要括号window.onload=function(){ fun1(); fun2();}二、jQuery //document加载完成后就执行$(documen
2020-07-09 18:02:47
1492
原创 滚动条一直保持在最下面
div滚动条一直保持在最下面设置css overflow-y: auto;在div的y轴上会出现滚动条。var showContent = $(".show_content");showContent[0].scrollTop = showContent[0].scrollHeight;在js中这样写,会保持滚动条一直在最下面...
2020-07-09 17:55:32
2134
原创 开发环境和生产环境的区别
开发环境(development)开发环境是程序猿们专门用于开发的服务器,配置可以比较随意, 为了开发调试方便,一般打开全部错误报告。(程序员接到需求后,开始写代码,开发,运行程序,看看程序有没有达到预期的功能;)测试环境(testing)一般是克隆一份生产环境的配置,一个程序在测试环境工作不正常,那么肯定不能把它发布到生产机上。(程序员开发完成后,交给测试部门全面的测试,看看所实现的功能有没有bug,测试人员会模拟各种操作情况;)生产环境(production)生产环境是指正式提供对外服务的,一
2020-07-09 17:48:46
10391
转载 react 如何实现数据的双向绑定
一个基础的不能再基础的数据双向绑定 因为react不同于vue 没有v-model指令 所以怎么实现呢?import React from "react"import ReactDOM from "react-dom" export default class DataBind extends Comonent{ constructor(){ super()...
2019-10-08 11:42:03
587
原创 React的生命周期
React 组件的生命周期React中组件有生命周期,也就是说也有很多钩子函数供我们使用, 组件的生命周期,我们会分为四个阶段,初始化、运行中、销毁、错误处理(16.3之后) ( 共12个钩子函数 )注意: 生命周期钩子函数一定不要写成箭头函数初始化在组件初始化阶段会执行 5个钩子函数【 1个将来会使用 】1. constructor( props ) construc...
2019-07-12 20:19:51
148
原创 vue-router 进阶导航守卫
vue-router 进阶动态路由 & 路由传参 & 路由接参动态路由:url中路由是改变的,但是改变路由公用一个组件举例:localhost:3000/detail/001?a=1&b=2localhost:3000/detail/002?a=2&b=3detailvue cli3 配置反向代理 20分钟在根目...
2019-07-03 15:03:19
177
原创 vue-router基础
RouterSPA ( single page App ) 单页面应用多页面应用有多个html文件,通过a标签的连接联通各个页面缺点开发起来太冗余,编译、压缩很耗时间页面之间的跳转速度太慢,这个时候就会出现一个严重的问题,白屏单页面应用不需要刷新页面,因为它就是一个页面这个页面内容在切换单页面内容之间的切换要想实现我们就是用路由了如今我们的app、后台管...
2019-07-03 14:54:34
79
原创 npm,cnpm,yarn
npm,cnpm,yarn全局安装及设置镜像源yarn全局安装npm install yarn -g1、查看一下当前源$ yarn config get registry2、切换为淘宝源$ yarn config set registry https://registry.npm.taobao.org3、或者切换为自带的$ yarn config set regis...
2019-06-28 11:42:43
249
原创 cli,生命周期
一、生命周期 ( 王者 )什么是生命周期?vue中的生命周期指的是 组件 从创建到销毁一个过程,在这个过程中,我们在每一个特定的阶段会触发一些方法( 这些方法具备一些功能),我们给这些方法起了个名字叫做( 生命周期钩子函数/ 组件钩子 )为什么要学习生命周期?因为我们想在生命周期钩子中实现项目功能,那么我们必须知道每一个钩子函数的具体用途这个生命周期是谁的生命周期?组件项...
2019-06-27 17:12:36
684
原创 vue生命周期钩子函数
生命周期 ( 王者 )什么是生命周期?vue中的生命周期指的是 组件 从创建到销毁一个过程,在这个过程中,我们在每一个特定的阶段会触发一些方法( 这些方法具备一些功能),我们给这些方法起了个名字叫做( 生命周期钩子函数/ 组件钩子 )为什么要学习生命周期?因为我们想在生命周期钩子中实现项目功能,那么我们必须知道每一个钩子函数的具体用途这个生命周期是谁的生命周期?组件项目中...
2019-06-27 11:26:48
368
1
原创 slot 作用域插槽 属性验证 过渡效果 && 动画 过滤器
slot 作用域插槽旧: slot-scope使用流程在组件的模板中书写slot插槽,并将当前组件的数据通过 v-bind 绑定在 slot标签上在组件使用时,通过slot-scope = “slotProp” 来接收slot标签身上绑定的数据通过 slotProp.xxx 就可以进行使用了 <div id="app"> <He...
2019-06-26 17:05:21
201
原创 组件通信
组件通信为什么要进行组件通信?组件可以说是一个具有独立功能的整体,但是当我们要将这些组件拼接在一起时,这些组件相互之间要建立联系,这个联系我们就称之为通信组件通信的方式有以下几种( 王者级 )父子组件通信 : 使用props来实现在父组件的模板中将数据用单项数据绑定的形式,绑定在子组件身上 <Son :money = "money"/>在子组件的配...
2019-06-26 10:55:52
1070
原创 虚拟dom && diff算法
虚拟dom && diff算法 ( 王者 )虚拟dom是什么?它是一个Object对象模型,用来模拟真实dom节点的结构更少的dom操作会更加减少 时间花费 减少性能损耗例如以下代码 var vdom = { tag: 'div', attr: { className: 'box' ...
2019-06-25 19:07:11
569
原创 框架级的数据请求
框架级的数据请求axios ( 第三方库 — 别人封装好的库 )fetch ( javascript 原生提供 )vue这边的数据请求的发展vue-resource ( Vue 以前自己封装使用的请求类库 ) ,但是 vue-resource作者已经放弃更新了vue-resource 作者推荐我们使用 axiosvue-resource 用法 和 axios ...
2019-06-21 20:44:26
104
转载 net的socket (思想)
1.net的socket (思想)SocketServer.js const net = require('net') const server = new net.createServer() let clients = {} let clientName = 0 server.on('connection', (clien...
2019-06-21 19:17:48
224
转载 前端通信, 前后端分离 、 前后端不分离
前端通信基于后端的通信( 后端完成 )( pc端用 )Node.js中有一个net模块使用终端( shell )作为客户端思维流程基于H5的webSocket来完成( 应用于移动端 )低版本浏览使用的socket.iostream 流案例: 利用Node.js流来生成压缩包fszlib前后端分离 、 前后端不分离市场流行:前后端分离前后端分...
2019-06-21 19:00:32
2100
原创 token
1. token1.1 token的使用场景无状态请求保持用户的登录状态第三方登录(token+auth2.0)1.2 token使用流程先安装openssl( https://blog.csdn.net/sunhuansheng/article/details/82218678 )先安装perl重启电脑进行 C:\Perl64\eg以管理员身份运行 perl -...
2019-06-21 17:03:59
194
原创 Vue的语法
Vue的语法mustache语法糖对数据类型的支持( js语法的支持 )数据类型:第一种划分:基础数据类型: number string boolean复杂数据类型: Object( array function )特殊数据类型: null undefined第二种划分:初始数据类型: number string boolean null undefined引用数据...
2019-06-19 20:39:16
110
转载 前端的开发规范
前端的开发规范本文主要从以下几个方面来概述前端的开发规范目录构建规范前端命名规范前端工作规范开发文档的书写规范1. 前端目录构建规范我们从命名原则、根目录、业务逻辑等方面进行目录构建1.1 命名原则:- 简洁明了(如下:) * src 源代码 * img 图片资源 image images * js JavaScript脚本 * dep 第...
2019-06-18 10:51:58
123
原创 前端的异步流程,npm脚本, express
前端的异步流程传统的原生异步回调函数事件使用异步流程工具( 别人封装好的东西 )es6 Promise Promise 是异步编程的一种解决方案,比传统的解决方案–回调函数和事件--更合理和更强大。它由社区最早提出和实现,ES6将其写进了语言标准,统一了语法,原生提供了Promise 所谓Promise ,简单说就是一个容器,里面保存着某个未来才回结束的...
2019-06-12 17:59:02
369
原创 http爬虫,前端模块化 ,Node.js跨域
http爬虫 + http web服务器渲染数据发送前台 + 中文乱码http爬虫: http模块 数据请求:getrequestpost 流程: 后端数据请求 —》 数据分析 —》数据清洗 ----》 数据前台发送 爬虫: 并不是所有网站都能爬取的 反爬虫 options 就是一个对象,也是一个...
2019-06-12 17:30:49
376
原创 node简介 node的安装
Node 简介客户端的JavaScript是怎样的什么是 JavaScript?+是一个脚本语言+运行在浏览器(浏览器的js解析内核 v8)+实现用户的交互 (interactive)变量 赋值 循环 逻辑 判断 分支 对象 函数。。。。dom 操作bom 操作ajaxJavaScript 的运行环境?+浏览器内核解析内核 es6浏览器中的 ...
2019-06-12 13:00:49
176
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人