0 lcj529

尚未进行身份认证

我要认证

暂无相关简介

等级
TA的排名 25w+

如何封装星星组件?

如何封装星星组件?子组件<template> <div class="lcjbox"> <!-- 用于父子组件双向数据绑定 --> <input type="hidden" v-model="value" /> <!-- 不可点击的星星 --> <div v-if="readonly"> <!-- 满星 --> <img :src="full" v-for

2020-09-29 19:24:15

封装吸顶组件

封装吸顶组件子组件:html:<template> <div> <div class="nav-bar" :class="{ is_fixed: isFixed }">你好啊, 我叫jiejie </div> </div></template>js主要用的是scrolltop的距离来控制是否将组件定位改为fix,只需要用原生js即可实现。我们在vue中

2020-09-28 19:38:51

弹框组件封装

封装弹框组件组件内使用,可以使用插槽改变值局部封装html:(父组件 )<template> <div> <button @click="btn">封装弹框组件</button> <TanKuang @qd="qd" @qx="qx" v-show="flag"> <h2 slot="title">提示语</h2> <h2 slot="content">弹框的内

2020-09-27 11:24:41

在 Web 安全领域中,XSS 和 CSRF 是最常见的攻击方式

在 Web 安全领域中,XSS 和 CSRF 是最常见的攻击方式XSS,即 Cross Site Script,中译是跨站脚本攻击;其原本缩写是 CSS,但为了和层叠样式表(Cascading Style Sheet)有所区分,因而在安全领域叫做 XSS。XSS 攻击是指攻击者在网站上注入恶意的客户端代码,通过恶意脚本对客户端网页进行篡改,从而在用户浏览网页时,对用户浏览器进行控制或者获取用户隐私数据的一种攻击方式。攻击者对客户端网页注入的恶意脚本一般包括 JavaScript,有时也会包含 HTML

2020-09-25 08:41:51

优化的了解

优化的了解?比如从客服端着手的?1.压缩代码(JS/CSS)压缩图片;2.合并一些小图片(css sprite);3.若是打包的代码尽可能切割多个chunk,减少单一chunk过大;4.静态文件采用cdn引入;5.HTTP的缓存头使用的合理;6.减小第三方库的依赖;7.对于代码应该考虑性能来编写,比如使用requestAnimationFrame绘制动画,尽可能减少页面重绘(DOM改变);8.渐渐升级,引入preload这些预加载资源;9.看情况用service worker来缓存资源(

2020-09-24 11:11:58

Vuex的理解?

Vuex的理解?vuex简单理解:全局状态管理工具。作用:可以解决复杂组件通讯问题。Vuex是一个专为Vue.js应用程序开发的状态管理模式。每一个Vuex应用的核心就是store(仓库)。“store”基本上就是一个容器,她包含着你的应用中大部分的状态(state)五大核心State:(全局状态) 定义了应用状态的数据结构,可以在这里设置默认的初始状态。Getter:(计算属性)允许组件从Store中获取数据,mapGetters辅助函数仅仅是将store中的getter映射到局部计算属性。

2020-09-23 16:06:29

vue-router路由模式有几种?

vue-router路由模式有几种?vue-router有3种路由模式:hash,history,adstract.hash:使用URL hash值来做路由。支持所有浏览器,包括不支持HTML5 History Api 的浏览器。hash实现原理:早期的前端路由的实现就是基于location.hash来实现的,location.hash的值就是URL中的#后面的内容,特性:URL中的hash值只是客户端的一种状态,hash值的改变,都会在浏览器的访问历史中增加一个记录,可以通过a标签,并设置

2020-09-22 20:55:23

MVVM与MVC

什么是MVVM?Model-View-ViewModel(MVVM)是一个软件加购设计模式,由WPF和Silverlight的架构Ken Cooper和Ted Peters开发。view层view是视图层,也就是用户界面。前端主要由HTML和CSS来构建。Model层Model是指数据模型,泛指后端进行各种业务逻辑处理和数据操控,对前端来说就是后端提供的api接口。ViewModel层viewModel负责监听Model中数据的改变并且控制视图的更新什么是MVC?Model模型View

2020-09-21 20:48:19

虚拟DOM

虚拟DOM优缺点?优点1.保证性能下限:框架的虚拟DOM需要适配任何上层API可能产生的操作,它的一些DOM操作的实现必须是普适的,它的性能并不是最优的,2.无须手动操作DOM:不需要手动去操作dom,只需写好View-Model的代码逻辑,框架会根据虚拟DOM和数据双向绑定,更新视图,极大的提高我们的开发效率。3.跨平台虚拟DOM本质上是JavaScript对象,而DOM与平台强相关,相比之下虚拟DOM可以进行更方便地跨平台操作, 例如:服务器 渲染,weex开发等等。4.无法进行极致

2020-09-18 20:49:26

后台管理项目总结

后台管理项目总结电商后台管理系统用于管理用户账号,商品分类,商品信息,订单,数据统计 等业务功能项目概述电商后台管理系统整体采用前后端分离分开发模式,其中前端项目是基于Vue技术栈前端技术栈vuevue-viewElement-UlaxiosEchartstable富文本编辑器后端技术栈Node.js项目功能登录/退出功能主页布局用户管理模块权限管理模块参数管理模块商品列表模块订单管理模块数据统计模块这是主要的模块 和用到的技术栈 这个项目做了做了一个星期

2020-09-17 21:52:27

vue3.0 的特性

vue3.0 的特性vue3.0的目标是让Vue核心变得更小,更快,更强大新增特性:(1)监测机制的改变只能监测属性,不能监测对象检测属性的添加和删除检测数组索引和长度的变更支持Map,Set,WeakMap和WeakSet(2)模板模板方面没有大的变更, 只改了作用域插槽,2.X的机制导致作用域插槽变了,父组件 会重新渲染,而3.0把作用域插槽改成函数的方式,这样只会影响子组件的重新渲染,提升了渲染的性能(3)对象式组件声明方式vue2.0X中的组件是通过声明的方式传入一系列opti

2020-09-16 20:33:24

微信小程序

微信小程序WXML:是框架设计的一套标签语言,结合基础组件,事件系统,可以构建出页面的结构。内部主要是微信自己定义的一套组件。WXSS:是一套样式语言,用于描述wxml的组件样式JS:逻辑处理,网络请求。json:小程序设置,例如:注册页面,页面标题以及taBar里面的主要文件:app.json:这个文件是必须要有的,如果没有这个文件,项目无法运行。 这个作为配置文件入口,整个小程序的全局配置app.js: 必须有这个文件app.wxss:这个文件是可选的简述微信小程序流程微信小程

2020-09-15 19:01:34

git仓库

git(版本管理和团队开发)git 是一个开源分布式版本控制系统,用于高效处理,任何大小的项目GitHub是一个基于git的代码托管平台为什么要使用Git?个人开发:  1. 可以回滚  2. 可以查看项目所有的修改记录,历史版本  3. 对改动原因进行记录  4. 老大再也不怕我xjbg出问题了,可以回滚  5. 不同的分支可以记录不同的状态 团队开发:  1. 多人合作对同一个项目进行更改时,git能够自动合并冲突的地方,如果自动合并失败,会提示冲突的位置,方便修改。  2. 历

2020-09-14 19:20:51

3D动画效果实现步骤

3D动画效果实现步骤3D呈现(transform-style)3D元素构建是指某个图形是由多个元素构成的,可以给这些元素的父元素设置transform-style: preserve-3d来使其变成一个真正的3D图形。属性值可以如下:transform-style: preserve-3d; //让 子盒子 位于三维空间里 transform-style: flat; //让子盒子位于此元素所在的平面内(子盒子被扁平化)案例:html部分<body&gt

2020-09-11 19:53:56

水平居中,垂直居中十种方法

水平居中,垂直居中十种方法**第一种:**通过绝对定位的方式 absolute + 负margin​ 首先知道子元素的宽高,给子元素设置top:50%;left:50%,但绝对定位是基于子元素的左上角,我们所希望的效果是子元素的中心居中显示。。。。借助外边距的负值,负的外边距可以让元素向相反方向定位,​ 通过指定子元素的外边距为子元素宽度一半的负值,就可以让子元素居中了**优点:**比较好理解,兼容性好**缺点:**需要知道子元素的宽高**第二种:**也是通过绝对定位的方式 abs

2020-09-09 19:04:41

图片懒加载

什么是懒加载懒加载顾名思义突出一个“懒”字,懒字就是拖延的意思,说白就是延迟加载。比如我们进入一个新的页面进行加载的时候,这个页面很长超过了屏幕可视区域的时候,那么懒加载就会优先加载我们可视区域可见的内容,剩余部分是当进入到可视区域之后再进行加载为什么要懒加载?懒加载是一种优化网页性能的一种方式,它极大的提高了用户的体验。举个栗子:就拿图片来说,一个网站,单个网页的页面上“图片”是构成页面主体的一个极大部分,但是在现在一张图片的大小超过几兆是一件很正常的事,那么就需要注意到一个问题:当用户在访问一个网

2020-09-08 22:42:49

ES6新增 模板字符串 for...of

ES6新增 模板字符串 for…of模板字符串通过 反引号未定义变量,其中模板字符串中可以解析普通变量模板字符串取值:${变量}在模板字符串中也能做运算for…offor…of语句讲课迭代对象(包括Array,Map,Set,String,TypeArray,arguments对象等等)上创建一个迭代循环,调用自定义迭代钩子,并为每个不同属性的值执行语法通常对数组,对象,map set string遍历对象不能用for…of 遍历(但可以通过object.entries来转换成可迭代对象进行

2020-09-07 19:19:44

普通函数与箭头函数

普通函数与箭头函数普通函数语法 function(){ }例如:let add = function(){console.log(1)}add()普通函数:this的指向, 是指谁调用了这个函数,this就指向谁箭头函数语法 ()=>{ }简写:箭头函数参数,只有一个可以把()省略,函数体只一句js代码,可以省略掉{ }let add =()=>{console.log(2)}add()箭头函数中:this的指向,指的就是上下文中的this(是指父函数下和他同级的t

2020-09-04 19:23:48

ES6 新特性

ES6新增特性let和constlet 定义变量const 定义常量相同点:都是定义变量区别:1.是否有变量提升 var有变量提升,let没有2.是否能重复定义 var允许重复定义变量,let不允许重复定义3.是否有块级作用域 { }全局作用域:在函数外部定义的范围局部作用域:在函数内部定义的范围块级作用域:在{ }大括号中定义范围symbol:是ES6新增的基本数据类型number,string,boolean,null,undefined,symbol(ES6新增)

2020-09-03 23:50:04

原型链

原型链原型链会涉及到_ _proto __ prototype应用场景:继承优点:吧相同或类似的方法写在原型上,方便实例化对象复用缺点:不好理解ES6 推出 class extends 来实现继承原型链的概念:对象的_ _ proto _ 指向构造函数的prototype构造函数的prototype的 _ proto _ 指向Object.prototypeObject.prototype的 _ proto _ _指向null原型链通俗讲:在访问一个属性或方法的时候,先从自身里面找,如

2020-09-02 20:15:09

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。