高靖博.-CSDN博客

原创前端性能优化方面的问题

1、Web前端项目性能优化一、尽量减少前端HTTP请求浏览器并发线程数有限，所以针对资源文件的优化，一般有： 1、合并脚本文件和CSS文件 2、 CSS Sprites利用CSS background相关元素进行背景图绝对定位,把多个图片合成一个图片...

2020-11-30 15:20:30 555

在微信小程序使用button组件时，发现在class中设置width不生效，下面贴上代码：.my-button{ width: 140rpx; height: 60rpx; line-height: 60rpx; padding: 0;}经过微信调试工具排查后，发现user agent的样式优先级居然大于我们自己写的样式类，这在浏览器中基本是不可能发生的事情解决方案其实比较简单，给width添加!important的后缀或者style="width:140rpx"即可，修改后我们

2020-11-23 15:09:18 844

原创 cookies，sessionStorage和localStorage的区别

三者可以用在浏览器储存数据，而数据都是字符串类型的键值对 Cookie:是服务器发送到用户浏览器并保存在浏览器上的一块数据，它会在浏览器下一次发起请求时被携带并发送到服务器上。可以它用来确定两次请求是否来自于同一个浏览器，从而能够确认和保持用户的登录状态。 l...

2020-11-23 14:52:59 187

原创云函数获取数据库报错errMsg: [ResourceNotFound] Db or Table not exist.

这个问题一般都是开发环境配置的不对可以检查一下下图的几点env是否一致

2020-11-16 14:09:11 1368

原创微信小程序,轮播图swiper组件的使用

微信小程序Swiper官方链接1.写一个轮播代码，带小圆点<view class="container"> <swiper class="swiper-box" bind:change="swiperChange" interval="4000" circular autoplay> <block wx:for="{

2020-11-13 15:03:51 229

原创 Express的基础使用

初始化，生成package.jsonnpm init -y下载express模块，之后创建app.jsnpm i expressapp.js的实现步骤1）导入模块const express = require('express')2) 创建app对象const app = express()-------------------------------------------也可以省略以上两步，写成const app = require('express')()----------

2020-11-11 15:50:15 212

原创 Vue生命周期总结

包含了8个生命周期钩子，也叫生命周期函数 beforeCreate( 创建前 ) 使用这个钩子，组件的选项对象并没有创建，el和data都还没初始化，所以data、methods和computed等都用不了。一般用来在组件挂在之前渲染一些东西。 created ...

2020-11-11 15:36:27 70

转载前端项目开发流程

项目完整流程需求分析了解背景为什么做这个事情质疑需求是否合理这个需求为什么要做，是否符合我们的产品，开发也是用户需求是否闭环需求是否考虑全面，分析功能操作前，操作时和操作后所带来的数据变化，以及引起的对其他功能的影响开发难度如何最好现场评估开发中的难点之处，集思广益是否需要其他支持考虑某个需求是否需要其他端人员的支持，并提出不要急于给排期不要急于需求分析现场给排期，根据自己实际情况做好统筹兼顾技术方案设计求简，不过度设计做出满足需求的基础设计...

2020-11-10 10:10:58 488

转载学会这 7 个 CSS 属性，我的 CSS 技能又进步啦！

学习CSS是构建好看网页的一种方式。但是，在学习过程中，我们倾向于（大部分时间）限制自己，一遍又一遍地使用相同的属性。毕竟，我们是一种习惯性的动物，我们会使用自己习惯且熟悉的东西。因此，在这篇文章中，向你介绍7个比较少见且好用的 CSS 属性，希望对你有所帮助。1. vertical-alignCSS 的属性 vertical-align 用来指定行内元素（inline）或表格单元格（table-cell）元素的垂直对齐方式。就像定义说的，这个属性允...

2020-11-10 10:08:31 296

转载 JQuery中attr()和prop()用法和区别

jquery attr()方法 jquery中用attr()方法来获取和设置元素属性,attr是attribute（属性）的缩写，在jQuery DOM操作中会经常用到attr()，attr()有4个表达式。 1. attr(属性名) //获取属性的值（取得第一...

2020-11-10 09:53:48 1542

转载 NodeJS服务总是崩溃的解决办法

许多人都有这样一种映像，NodeJS比较快；但是因为其是单线程，所以它不稳定，有点不安全，不适合处理复杂业务；它比较适合对并发要求比较高，而且简单的业务场景。在Express的作者的TJ Holowaychuk的告别Node.js一文中列举了以下罪状： Farewell NodeJS (TJ Holowaychuk) • you may get duplicate callbacks • &nb...

2020-11-09 19:57:01 1546

原创 vuejs面试题整理

VUE谈谈你对MVVM开发模式的理解MVVM分为Model、View、ViewModel三者。Model 代表数据模型，数据和业务逻辑都在Model层中定义；View 代表UI视图，负责数据的展示；ViewModel 负责监听 Model 中数据的改变并且控制视图的更新，处理用户交互操作；Model 和 View 并无直接关联，而是通过 ViewModel 来进行联系的，Model 和 ViewModel 之间有着双向数据绑定的联系。因此当 Model 中的数据改变时会触发 View 层的刷新，

2020-11-09 15:08:21 478

转载面试题 - 将伪数组转换为数组的 N 种方案

什么是伪数组？有 length 属性，而且也是数值下标的对象。不具备 Array.prototype 上的方法常见伪数组argumentsdocument.getElementsByClassName$('div')伪数组转换为数组输出伪数组function fun(a,b,c = 1){ arr = arguments console.log( typeof arr, Array.isArray(a...

2020-11-06 15:40:57 147

转载 node.js 安装，详细步骤教程

本机环境：Windows 10 专业版 x64 1、下载安装包 Node.js 官方网站下载：https://nodejs.org/en/ 选择操作系统对应的包：下载完成，安装包如下： 2、安装打开安装，傻瓜式下一步即可：选择安装位置，我这里装在D盘下： ...

2020-11-03 15:39:37 11538 6

原创子组件与父组件互相传值

html代码 <div id="box">   <aaa :msg='msg' @fun2='fun'></aaa> </div>vue.js 代码let vm = new Vue({ el: '#box',

2020-09-15 20:09:38 114

原创 Vue学习简记

Vue 学习简记一、插值V-text：插入文本V-html：可以插入标签{{msg}}:插入文本信息二、条件语句V-show (适用于只改变一次)V-if，v-else，v-else-if（适用于可多次改变）v-for：循环语句，可渲染列表（：key 主键）v-for 指令需要使用 item in items 形式的特殊语法，其中 items 是源数据数组，而 item 则是被迭代的数组元素的别名。三、事件V-on：缩写：‘@’，参数 event。可绑定click可用修饰符

2020-09-14 16:02:45 105

原创 JS模块化开发所需前置

第一步.安装淘宝镜像进入命令行,输入命令进行淘宝镜像的安装.（npm指令变为cnpm）npm install -g cnpm --registry=https://registry.npm.taobao.org第二步.项目初始化在集成终端中输入以下指令生成package.json文件npm init第三步安装依赖执行babel官网中执行指南中的三步Babel官网1.输入以下命令安装babelnpm install --save-dev @babel/core @babel/cli @ba

2020-09-07 15:02:16 111

原创 zepto笔记

1.zepto与jQuery.mobile的对比zepto.js框架：简化到不能再简化的javascript库。提供一个执行速度和下载速度更快的更轻量化的框架给你使用。更像一个工具库，封装了很多工具方法。（框架轻量、侧重性能、节省带宽）JQuery mobile:绑定了一套自己的用户界面系统。（高度组件化、包含UI、异步加载了一些冗余的东西）2.zepto与jQuery的对比1、Zepto.js 是专门为现代智能手机浏览器推出的 Javascript 框架, 拥有和jQuery相似的语法, 但是

2020-09-06 18:34:12 141

原创 sass的安装，详细版

安装sass详细步骤1.安装node.js,首先进入GitHub，搜索nvm-windows 如图点击第一个链接也可直接使用连接过去https://github.com/coreybutler/nvm-windows然后点击红线处下载，下载完成后无脑安装即可2.安装sass，首先进入sass的官网，网址如下：https://sass-lang.com/install（建议直接点击链接进入，百度搜索不好找官网）进入官网后，点击第一个按钮 inset 如下图，进入下载安装页面，会获得如下代

2020-09-02 15:23:05 8742 1

原创移动端原生JS轮播图，

移动端仿京东轮播图，实现了自动轮播，手动轮播，但存在bugHTML代码 <div class="banner"> <ul class="b_content"> <li class="banner_li"> <img src="img/uploads/l1.jpg" alt="" class="img"> </li>

2020-08-31 17:30:53 136

原创关于meta的整理

meta标签简介meta是html语言head区的一个辅助性标签，位于文档的头部，不包含任何内容。标签的属性定义了与文档相关联的名称/值对。meta元素可提供相关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。meta 标签的用处很多。meta 的属性有两种：name和http-equiv。name属性主要用于描述网页，对应于content（网页内容），以便于搜索引擎机器人查找、分类（目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类）。这

2020-08-26 20:15:10 294

原创 jquery笔记整理

一、jQuery的引用下载jQuery包然后引用（不建议使用网址）二、jQuery选择器1.基本选择器：所有选择器 *标签选择器标签名ID选择器 #id类选择器 .className群组选择器 .one,.two 多个选择器使用都好分隔，取并集复合选择器 .one.two 多个选择器组合使用，取交集…2.层次选择器：后代选择器 .one .two两个选择器使用空格隔开，表示可以获取当前元素的子代以及孙子代等等后代元素。子代选择器 .one&g

2020-08-17 19:41:00 113

原创 vsCode安装插件实现汉化与浏览器打开

一：汉化教学点击最左侧第五个图标，在搜索框内输入Chains，出现下图所示时，点击Install 安装，安装后，重启软件即可二：使用默认浏览器打开HTML文件教学上诉位置在搜索框内搜索：Opon In Browser，点击install安装即可。安装后，重启软件，在编辑页面alt+b 即可打开。安装其他插件同理，按照上诉步骤进行搜索，安装即可！！！！...

2020-07-14 21:28:01 717

高靖博的博客