九州清宴-CSDN博客

原创 client，offest，scorll的区别

client：元素可视宽高：content+paddingoffest:元素占位宽高：content+padding+borderscorlltop，scorllleft:元素被卷曲的宽高scorllwidth，scorllheight：元素宽高

2021-01-29 15:02:12 246

数组方法：push()后面添加pop()后面删除unshift()前面添加shift()前面删除sort()排序jion()将数组变成字符串，可以在每一个字符中间添加连接符，原数组不变reverse()翻转数组concat()合并数组slice()返回数组指定下标和结束下标的新数组splice()可以实现删除，插入和替换删除：要删除的下标位置和数量插入：起始位置，数量(0)，要插入的项替换：起始位置，数量，插入项indexof：从左到右查找，要查找的项，下标lastindexo

2021-01-29 14:42:24 161

原创 iframe的作用

iframe标签可以创建一个新的框架，通过这个框架可以在同一个浏览器窗口显示不止一个页面

2021-01-29 11:01:38 214

原创 eval的功能和缺点

eval的功能是将对应的字符串解析成js代码缺点是不安全，消耗性能有json字符串转换成json对象的时候可以用eval，var obj = eval('('+str+')')

2021-01-29 10:04:20 1361

原创 hash模式和history模式

hash模式，浏览器会自带#，#后面的字符都是hash，hash虽然在url中，但不会在http请求中，对服务器安全性没有影响，hash不会重新加载页面。history模式，可以浏览历史栈，也可以修改（pushState（），replaceState（）），可以监听状态变更（popState）...

2021-01-28 14:33:08 107

原创前端性能优化

避免使用css表达式，避免使用高级选择器精灵图懒加载少用全局变量使用settimeout避免页面失去响应避免写在html标签中的style属性

2021-01-28 10:51:51 55

原创 js数组转对象

let arr = [{name:"hhh",tit:"哈哈哈"},{name:"eee",tit:"呵呵呵"},]let obj = {}arr.forEach((item)=>{obj[item.name] = item.tit})console.log(obj)/*obj--{hhh:"哈哈哈",eee:"呵呵呵"}*/

2020-12-17 13:17:34 493

原创基本数据类型和引用数据类型

ECMAScript包括两个不同类型的值：基本数据类型和引用数据类型。基本数据类型指的是简单的数据段，引用数据类型指的是有多个值构成的对象。　　当我们把变量赋值给一个变量时，解析器首先要确认的就是这个值是基本类型值还是引用类型值。　　基本数据类型：　　number，string，boolean，null，undefined　　引用数据类型：object、array、function、data，math，regexp等...

2020-11-02 23:23:19 215

原创 js递归、循环、迭代、遍历和枚举区别和js的遍历方法

递归、循环、迭代、遍历和枚举递归：一个函数不断调用自身的行为循环：指的是在满足条件的情况下，重复执行同一段代码。一般语言都会有三种类型的循环语句:for语句、while语句和do While语句迭代：按照某种顺序逐个访问列表中的每一项遍历：树形结构的一种重要运算，指的是按照一定的规则访问树形结构中的每个节点，而且每个节点都只访问一次。枚举：在数学和计算机科学理论中，一个集的枚举是列出某些有穷序列集的所有成员的程序，或者是一种特定类型对象的计数。这两种类型经常（但不总是）重叠。枚举是一个被命名的整型

2020-11-02 23:08:46 2438

原创 uni-app封装数据请求

新建utils文件utils/config.jslet baseUrl = null; if(process.env.NODE_ENV === "development"){ //开发环境 baseUrl="http://localhost:3000"}else{ baseUrl = "https://api.zhaowei.shop"}export default baseUrl;utils/http.jsimport baseUrl from './config.js'con

2020-11-01 23:19:06 317

原创 ajax封装

// ajax封装 function ajax(json){ json.type = json.type ? json.type : 'get'; json.async = json.async == false ? false : true; json.contentType = json.contentType ? json.contentType : 'application/x-www-form-url

2020-11-01 22:45:03 62

原创 css重置浏览器标签样式表

body,p,h1,h2,h3,h4,h5,h6,ul,ol,dl,dd{margin: 0;}ul,li{list-style: none;}ul,ol,input{padding: 0;}em,i{font-style: normal;}strong,b{font-weight: normal;}a{color: #333;text-decoration: none;}img{vertical-align: top;}input{border: 1px s

2020-10-30 14:18:54 149

原创 vue的计算属性 computed， computed和watch的区别

计算属性计算属性就是当其依赖属性的值发生变化时，这个属性的值会自动更新，与之相关的DOM部分也会同步自动更新。通常被用在购物车计算总价上面computed和watch的区别watch是监听属性，监听data或者watch里面的数据变化，根据当前不同值的情况，做出不同的处理。<script> export default { name: "JobDataUpdate", data(){ return {

2020-10-29 22:56:36 114

原创 vue的组件通信

父组件与子组件传值父组件传给子组件：子组件通过props方法接受数据;//父组件<子组件属性1="值" 属性2="值"></子组件><子组件：属性="变量"></子组件>{{属性1}}<li v-for="item in 属性1"></li><script> export default { props:['属性1'，'属性2'] }</script>注意：vu

2020-10-29 22:44:30 78

原创 Vue-loader

vue-loader就是一个加载器，把Vue编译javaScript的模块，方便浏览器读文件。为什么要转译vue组件动态的渲染一些数据对三个标签（template、script、style）都做了优化script中可以直接使用es6 style 也默认使用sass，提供作用域的选择开发阶段提供热加载...

2020-10-29 22:33:40 83

原创 vue导航的钩子有哪些

导航钩子就是路由的生命周期函数，主要包括全局和局部。全局钩子函数beforeEach：路由切换开始调用，类似路由守卫router.beforeEach((to,from,next)=>{//to:即将进入目标对象//form:当前导航要离开的导航对象//next:是一个函数，调用resolve})对于登录的设置案例：router.beforeEach((to, from, next) => { if (to.name !== 'Login' && !isA

2020-10-29 22:31:20 311

原创前端模块化

一个模块就是实现特定功能的文件，有了模块，我们就可以更方便地使用别人的代码，想要什么功能，就加载什么模块。模块开发需要遵循一定的规范，各行其是就都乱套了

2020-10-29 22:28:41 64

原创前端使用框架与不使用框架的区别、优缺点

前端实际上就是html，css，js，而前端框架也是基于三者进行封装的。不使用框架开发，使用原生开发或者jquery开发，开发者需要一步一步搭建，对于开发者来说这样开发对自己的代码也更熟悉使用框架的优点：用户体验会更好开发效率高，成本降低使用框架的缺点：代码臃肿，使用者使用框架的时候会将整个框架引入，而框架封装了很多功能和组件，使用者必须按照它的规则使用，而实际开发中很多功能和组件是用不到的。前端框架迭代更新太快，需要时间熟悉...

2020-10-29 22:18:40 3789

原创构造函数，es6的class类，new操作符

构造函数和普通函数的创建方式一样，但是构造函数习惯首字母大写。构造函数与普通函数的区别：调用方式不一样普通函数：函数名()构造函数：new 函数名()new操作符干了什么：创建了一个空对象，this变量引用该对象，并且继承该对象的原型。将属性和方法加入到引用对象中新创建的对象由this引用，并且隐式返回this//函数名和实例化构造名相同且大写（非强制，但这么写有助于区分构造函数和普通函数）function Person(name,age) { this.name = name;

2020-10-29 21:19:23 321

原创 axios的安装与使用

地址：http://www.axios-js.com含义：易用、简洁且高效的（基于promise）http库（一个封装好的http插件）特点：支持node端和浏览器端支持promise丰富的配置项全局安装axiosnpm/cnpm install axios -Simport axios from axios //每个组件里单独引入常用的方法get方法：<template> <div> <li v-for="item in

2020-10-24 20:38:45 464

原创 jsonserver模拟数据

安装npm/cnpm install json-server -g新建一个文件夹myjson，在该文件夹下面新建data.json文件{ "arr":[ { "id":1, "title":"111111111" }, { "id":2, "title":"222222" }, { "id":3, "title":"3

2020-10-24 20:15:49 122

原创 js中的堆和栈

栈：自动分配内存空间，会自动释放，存放基本类型，简单的数据段，占据固定的大小空间所有在方法中定义的变量都存放在栈中，随着方法执行结束而销毁内存优点：存取速度快，数据可以共享缺点：数据大小和生存期必须是确定的，缺乏灵活性堆：动态分配内存，大小不定，不会自动释放，存放引用类型，指那些由多个值构成的对象，保存在堆中，包含引用类型的变量。实际保存的不是给变量本身，而是指向该对象的指针堆内存不会随着方法的结束而销毁，可能被另一个引用变量引用。对象将被保存到运行时的数据区。...

2020-10-13 17:04:27 162

原创 vue中watch和computed的区别

watch：用于监听data和computed的数据变化computed：定义属性，这个属性通过计算得到，得到的数据不能进一步操作，通过return返回

2020-10-13 14:50:51 47

原创 vue生命周期，每一个生命周期钩子发生了什么

beforeCreate(创建之前)：一般不使用，视图层和数据层都不会更新created(创建之后)视图层没有渲染，但数据层已经开始更新，这里是最早操作data数据的地方，一般在这里请求数据，开启定时器beforeMount(挂载之前):视图层没有真正渲染，只是生成一个虚拟dommounted(挂载之后)：虚拟dom渲染到页面，页面有了真实的dom，视图层完成渲染。初始化一些插件配置，也可以在这里进行数据请求。beforeUpdate(更新之前)：做判断是否需要更新updated(更新之

2020-10-13 14:46:54 248 1

原创 js的回调机制

在JavaScript中，回调函数具体的定义为：函数A作为参数(函数引用)传递到另一个函数B中，并且这个函数B执行函数A。我们就说函数A叫做回调函数。如果没有名称(函数表达式)，就叫做匿名回调函数。...

2020-10-10 20:09:02 342

原创 js中的深拷贝和浅拷贝的区别

深拷贝和浅拷贝的实质区别就是是否真正的完全复制某个实体比如fn1复制了fn2当fn2发生改变时：浅拷贝中fn1也会随之改变，而深拷贝中fn1不会改变浅拷贝是改变堆中的同一个值，而深拷贝是改变堆中的不同的值浅拷贝：只是增加了一个指针指向已存在的内存地址深拷贝：增加了一个指针指向并且申请了一个新的内存地址，指向这个新的内存地址 /* 拷贝: 对象之间 */ var obj = {

2020-10-10 19:44:40 204

原创何为前端框架

首先jquery不是框架，而是一个js封装库前端框架是随着前端功能越来越强大而提出一套解决方案，使用者必须用它的规定来规范代码，使用广泛bai的前端开发套件，可以帮助你快速的网du站。未来的发展趋势是前后端只靠json数据进行通信，后端只处理和发送一段json到前端，计算和模板渲染都在前端进行，后台程序不再做模板的任何处理。使用MV*框架能有效实现前后端的解耦，简化开发流程，便于维护管理，可以把精力更多放到业务逻辑，提升开发效率。所以考虑是否需要引入前端框架，可以根据产品类型做个基本判断：对于页面型产

2020-10-10 15:27:49 306

reset.css..重置浏览器标签的样式表

Navicat_Premium_11.0.10_XiaZaiBa

mysql-5.5.49.msi

空空如也