csdnzlcheng-CSDN博客

转载前端各种mate积累

H5标准声明，使用 HTML5 doctype，不区分大小写标准的 lang 属性写法声明文档使用的字符编码优先使用 IE 最新版本和 Chrome 页面描述页面关键词

2020-10-17 11:53:23 256

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 1553

原创滚动条一直保持在最下面

div滚动条一直保持在最下面设置css overflow-y: auto; 在div的y轴上会出现滚动条。 var showContent = $(".show_content"); showContent[0].scrollTop = showContent[0].scrollHeight; 在js中这样写，会保持滚动条一直在最下面 ...

2020-07-09 17:55:32 2304

原创开发环境和生产环境的区别

开发环境（development）开发环境是程序猿们专门用于开发的服务器，配置可以比较随意，为了开发调试方便，一般打开全部错误报告。(程序员接到需求后，开始写代码，开发，运行程序，看看程序有没有达到预期的功能；) 测试环境（testing）一般是克隆一份生产环境的配置，一个程序在测试环境工作不正常，那么肯定不能把它发布到生产机上。(程序员开发完成后，交给测试部门全面的测试，看看所实现的功能有没有bug，测试人员会模拟各种操作情况；) 生产环境（production）生产环境是指正式提供对外服务的，一

2020-07-09 17:48:46 10889

转载 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 653

原创 React的生命周期

React 组件的生命周期 React中组件有生命周期，也就是说也有很多钩子函数供我们使用, 组件的生命周期，我们会分为四个阶段，初始化、运行中、销毁、错误处理(16.3之后) ( 共12个钩子函数 ) 注意：生命周期钩子函数一定不要写成箭头函数初始化在组件初始化阶段会执行 5个钩子函数【 1个将来会使用】 1. constructor( props ) construc...

2019-07-12 20:19:51 4852

原创 vue-router 进阶导航守卫

vue-router 进阶动态路由 & 路由传参 & 路由接参动态路由： url中路由是改变的，但是改变路由公用一个组件举例： localhost:3000/detail/001?a=1&b=2 localhost:3000/detail/002?a=2&b=3 detail vue cli3 配置反向代理 20分钟在根目...

2019-07-03 15:03:19 235

原创 vue-router基础

Router SPA （ single page App ）单页面应用多页面应用有多个html文件，通过a标签的连接联通各个页面缺点开发起来太冗余，编译、压缩很耗时间页面之间的跳转速度太慢，这个时候就会出现一个严重的问题，白屏单页面应用不需要刷新页面，因为它就是一个页面这个页面内容在切换单页面内容之间的切换要想实现我们就是用路由了如今我们的app、后台管...

2019-07-03 14:54:34 115

原创 npm,cnpm,yarn

npm,cnpm,yarn全局安装及设置镜像源 yarn 全局安装 npm install yarn -g 1、查看一下当前源 $ yarn config get registry 2、切换为淘宝源 $ yarn config set registry https://registry.npm.taobao.org 3、或者切换为自带的 $ yarn config set regis...

2019-06-28 11:42:43 308

原创 cli，生命周期

一、生命周期（王者）什么是生命周期？ vue中的生命周期指的是组件从创建到销毁一个过程，在这个过程中，我们在每一个特定的阶段会触发一些方法（这些方法具备一些功能），我们给这些方法起了个名字叫做（生命周期钩子函数/ 组件钩子）为什么要学习生命周期？因为我们想在生命周期钩子中实现项目功能，那么我们必须知道每一个钩子函数的具体用途这个生命周期是谁的生命周期？组件项...

2019-06-27 17:12:36 737

原创 vue生命周期钩子函数

生命周期（王者）什么是生命周期？ vue中的生命周期指的是组件从创建到销毁一个过程，在这个过程中，我们在每一个特定的阶段会触发一些方法（这些方法具备一些功能），我们给这些方法起了个名字叫做（生命周期钩子函数/ 组件钩子）为什么要学习生命周期？因为我们想在生命周期钩子中实现项目功能，那么我们必须知道每一个钩子函数的具体用途这个生命周期是谁的生命周期？组件项目中...

2019-06-27 11:26:48 446 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 267

原创组件通信

组件通信为什么要进行组件通信？组件可以说是一个具有独立功能的整体，但是当我们要将这些组件拼接在一起时，这些组件相互之间要建立联系，这个联系我们就称之为通信组件通信的方式有以下几种（王者级）父子组件通信：使用props来实现在父组件的模板中将数据用单项数据绑定的形式，绑定在子组件身上 <Son :money = "money"/> 在子组件的配...

2019-06-26 10:55:52 1134

原创虚拟dom && diff算法

虚拟dom && diff算法（王者）虚拟dom是什么？它是一个Object对象模型，用来模拟真实dom节点的结构更少的dom操作会更加减少时间花费减少性能损耗例如以下代码 var vdom = { tag: 'div', attr: { className: 'box' ...

2019-06-25 19:07:11 683

原创框架级的数据请求

框架级的数据请求 axios ( 第三方库 — 别人封装好的库 ) fetch ( javascript 原生提供 ) vue这边的数据请求的发展 vue-resource ( Vue 以前自己封装使用的请求类库 ) ，但是 vue-resource作者已经放弃更新了 vue-resource 作者推荐我们使用 axios vue-resource 用法和 axios ...

2019-06-21 20:44:26 149

转载 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 303

转载前端通信, 前后端分离、前后端不分离

前端通信基于后端的通信（后端完成）（ pc端用） Node.js中有一个net模块使用终端（ shell ）作为客户端思维流程基于H5的webSocket来完成（应用于移动端）低版本浏览使用的socket.io stream 流案例：利用Node.js流来生成压缩包 fs zlib 前后端分离、前后端不分离市场流行：前后端分离前后端分...

2019-06-21 19:00:32 2191

原创 token

1. token 1.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 455

原创 Vue的语法

Vue的语法 mustache语法糖对数据类型的支持（ js语法的支持）数据类型：第一种划分：基础数据类型： number string boolean 复杂数据类型: Object( array function ) 特殊数据类型: null undefined 第二种划分：初始数据类型: number string boolean null undefined 引用数据...

2019-06-19 20:39:16 180

转载前端的开发规范

前端的开发规范本文主要从以下几个方面来概述前端的开发规范目录构建规范前端命名规范前端工作规范开发文档的书写规范 1. 前端目录构建规范我们从命名原则、根目录、业务逻辑等方面进行目录构建 1.1 命名原则： - 简洁明了（如下：） * src 源代码 * img 图片资源 image images * js JavaScript脚本 * dep 第...

2019-06-18 10:51:58 178

原创前端的异步流程,npm脚本, express

前端的异步流程传统的原生异步回调函数事件使用异步流程工具（别人封装好的东西） es6 Promise Promise 是异步编程的一种解决方案，比传统的解决方案–回调函数和事件－－更合理和更强大。它由社区最早提出和实现，ES6将其写进了语言标准，统一了语法，原生提供了Promise 所谓Promise ，简单说就是一个容器，里面保存着某个未来才回结束的...

2019-06-12 17:59:02 450

原创 http爬虫，前端模块化，Node.js跨域

http爬虫 + http web服务器渲染数据发送前台 + 中文乱码 http爬虫： http模块数据请求: get request post 流程：后端数据请求 —》数据分析 —》数据清洗 ----》数据前台发送爬虫：并不是所有网站都能爬取的反爬虫 options 就是一个对象，也是一个...

2019-06-12 17:30:49 412

原创 node简介 node的安装

Node 简介客户端的JavaScript是怎样的什么是 JavaScript？ +是一个脚本语言 +运行在浏览器（浏览器的js解析内核 v8） +实现用户的交互（interactive）变量赋值循环逻辑判断分支对象函数。。。。 dom 操作 bom 操作 ajax JavaScript 的运行环境？ +浏览器内核解析内核 es6 浏览器中的 ...

2019-06-12 13:00:49 238

csdnzlcheng的博客