司強-CSDN博客

原创区分HTML块级元素、行内元素

块级元素：块级大多为结构性标记 <address>...</adderss> <center>...</center> 地址文字 <h1>...</h1> 标题一级 <h2>...</h2> 标题二级 <h3>...</h3> 标题三级 <h4>...</h4> 标题四级 <h5>...</h5>

2020-12-08 14:06:09 161

**This指向规则**This指向分为四种绑定规则：默认绑定、隐式绑定、显式绑定以及关键字new绑定。在ES6之后，又有了箭头函数中的this规则。我们用实例看看，this在这些情况下的值是怎样的：实例一function foo() { console.log(this.bar); } var bar = "bar1"; var o2 = {bar: "bar2", foo: foo}; var o3 = {bar: "bar3", foo: foo}; foo();

2020-11-30 15:31:47 218 2

原创 Vue中v-if和v-show的区别

1.共同点：都能控制元素的显示和隐藏。2.不同点：实现本质⽅法不同，v-show本质就是通过控制css中的display设置为none，控制隐藏，只会编译⼀次；v-if是动态的向DOM树内添加或者删除DOM元素，若初始值为false，就不会编译了。⽽且v-if不停的销毁和创建⽐较消耗性能。3.总结：如果要频繁切换某节点，使⽤v-show(切换开销⽐较⼩，初始开销较⼤)。如果不需要频繁切换某节点使⽤v-if（初始渲染开销较⼩，切换开销⽐较⼤）。v-if 使用：<div v-if="show"&g

2020-11-30 15:26:53 150

原创 2020年面试题-前端性能优化

1、Web前端项目性能优化一、尽量减少前端HTTP请求浏览器并发线程数有限，所以针对资源文件的优化，一般有：1、合并脚本文件和CSS文件2、 CSS Sprites利用CSS background相关元素进行背景图绝对定位,把多个图片合成一个图片。二、浏览器缓存在用户浏览网站的不同页面时，很多内容是重复的，比如相同的JS、CSS、图片等。如果我们能够建议甚至强制浏览器在本地缓存这些文件，将大大降低页面产生的流量，从而降低页面载入时间。1、添加Expires头和Cache-Control

2020-11-30 14:55:40 1107

原创微信小程序实现星级评分

功能实现：半星，全星，灰星全星标准：（如9分处于二等 4.5 全星就是 4颗）半星标准：当小数点大于等于5时显示半星其余显示灰灰星标准：属于的显示灰星wxml<template name="stars"> <view class='star-container'> <view class='stars'> <block wx:for="{{arr}}" wx:for-index='

2020-11-17 09:30:10 925

原创前端面试题整理

1、快速扰乱数组排序 var arr = [1,2,3,4,5,6,7,8,9,10]; arr.sort(function(){ return Math.random() - 0.5; }) console.log(arr);2、JS判断设备来源 function deviceType(){ var ua = navigator.userAgent; var agent = ["Android", "iPhone", "Sym

2020-11-10 09:58:12 148

原创新建 Vue.CLI项目

项目安装安装全局 VueCLInpm install -g @vue/cli创建一个项目：my-project 文件名vue create my-project在D盘目录下新建项目安装项目所需的插件

2020-11-10 09:09:47 84

原创拖动事件

标签属性draggable：true事件被拖动的源对象可以触发的事件ondragstart：被拖动ondrag：被拖动过程中ondragend：源对象被拖动结束被拖动的源对象可以触发的事件ondragstart：被拖动**ondrag：被拖动过程中ondragend：源对象被拖动结束拖动源对象可以进入到上方的目标对象可以触发的事件ondragover：目标对象悬停在源对象上方（return false）阻止默认事件ondragleave：目标对象被拖拽离开源对象ond

2020-11-09 23:14:13 238

转载 Vue组件之间传递数据的五种方式

Vue 组件之间数据传递的几种方式：父组件向子组件传递数据，使用props属性；子组件向父组件中传递数据，在子组件中使用$emit派发事件，父组件中使用v-on监听事件；缺点：组件嵌套层次多的话，传递数据比较麻烦。祖先组件通过依赖注入(inject / provide)的方式，向其所有子孙后代传递数据；缺点：无法监听数据修改的来源，不支持响应式。通过属性$root / $parent / $children /ref，访问根组件、父级组件、子组件中的数据；缺点：要求组件之间要有传递性。通过事件

2020-11-09 23:05:29 17819

原创 JS面向对象——继承

JS面向对象——继承在JS中一切皆对象，但JS并不是一种真正的面向对象(OOP)的语言，因为它缺少类(class)的概念。虽然ES6引入了class和extends，使我们能够轻易地实现类和继承。但JS并不存在真实的类，JS的类是通过函数以及原型链机制模拟的，本小节的就来探究如何在ES5环境下利用函数和原型链实现JS面向对象的特性在开始之前，我们先回顾一下原型链的知识，后续new和继承等实现都是基于原型链机制。很多介绍原型链的资料都能写上洋洋洒洒几千字，但我觉得读者们不需要把原型链想太复杂，容易把自己绕

2020-11-06 00:16:24 111

原创安装模块化 Babel

为了加快安装速度先下载淘宝镜像淘宝镜像链接然后打开cmd 命令行里安装 babelcnpm install --save-dev @babel/preset-react安装完成后按顺序执行下面命令cnpm init //初始化，一直按回车键cnpm install --save-dev @babel/core @babel/cli @babel/preset-envcnpm install --save @babel/polyfill完成以后在项目文件夹中新建 babel.confi

2020-09-07 21:53:45 135

原创安装nodej ssass

安装、设置nodejs插件安装地址注意:安装路径名不能有中文，也不要随意更改安装路径！！！命令行里执行以下1、查看本地安装的所有版本；有可选参数available，显示所有可下载的版本。nvm list [available]2、安装，命令中的版本号可自定义，具体参考命令1查询出来的列表nvm install 11.13.03、使用特定版本nvm use 11.13.04、卸载nvm uninstall 11.13.05、sass安装npm install -g sas

2020-09-02 14:34:00 117

SiQianglove的博客