qq_32458791的博客

原创 web项目搭建记录

目录理解index: 模板 assetRoot: 打包后文件要存放的路径 assetsSubDirectory: 除了 index.html 之外的静态资源要存放的路径， assetsPublicPath: 代表打包后，index.html里面引用资源的的相对地址

原创 流星特效案例代码

实际效果，代码下载即可使用。作者: Jack GUO。日期: 20230727。

转载 CSS3动画Animation的八大属性

版权声明：本文为优快云博主「Summer_water」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。cubic-bezier(, , , )：特定的贝塞尔曲线类型，4个数值需在[0, 1]区间内。3.animation-timing-function 检索或设置对象动画的过渡类型。5.animation-iteration-count 检索或设置对象动画的循环次数。ease-in：由慢到快。8.animation-fill-mode 检索或设置对象动画时间之外的状态。

原创 public文件夹与static文件夹的区别

2assets中的文件在vue中的template/style下用…/这种相对路径的形式进行引用，在script下必须用@import的方式引入，而public下的文件在.vue中的任何地方只需使用…/这种相对路径的方式引入，1assets文件是src下的，所以最后运行时需要进行打包，而public文件不需要打包就直接放在最终的文件中了。3此外，放到 public 里的东西，可以不用写开头目录，脚手架打包的时候找不到，会去public文件夹找的。

原创 图解vue代理proxy-轻松理解

原创 图解虚拟机与容器的区别-一分钟即可理解

原创 图解vue生命周期-一眼看明白常用钩子函数

原创 图解eventbus

原创 图解vuex-一张图让你学会vuex的所有知识点

原创 SHA1获取

​1复制.android路径java.lang.Exception: 密钥库文件不存在: ~/.android/debug.keystore参考https://blog.youkuaiyun.com/tony_yang6/article/details/105750419开发版获取参考https://blog.youkuaiyun.com/qq_29269233/article/details/53725865...

原创 flutter报Execution failed for task ‘:app:processDebugResources‘.

* What went wrong:Execution failed for task ':app:processDebugResources'.> A failure occurred while executing com.android.build.gradle.internal.tasks.Workers$ActionFacade> Android resource linking failedC:\Users\Administrator\.gradle\caches\trans

原创 statelessWidget和statefulWidget的区别以及常见用法

statefulwidgetstatefulwidget 是动态的，用户可以和其交互,随着组件的状态改变样式也会变statelessWidgetStateless widgets 是不可变的, 这意味着它们的属性不能改变。样式也不会变StatelessWidget组件-无状态 AlertDialog（弹框） Card(卡片) Divider（分割线） Chip（材料设计） BackButton（返回按钮） closeButton（关闭按钮） Lcon（图标）

原创 flutter如何引入插件

1下载插件地址https://pub.flutter-io.cn/packages/flutter_color_plugin/installdart package2依赖引入到pubspec.yaml文件的依赖下3用插件的页面里import

原创 布局定位：relative，Float，absolute，fixed

​​​​​1文档流，文本流文档流，是盒模型中的概念。块状元素的规则是从上到下排序，行内元素是从左到右排序2relativeposition : relative这个属性并没有脱离文档流的所以会根据文档流中的兄弟元素进行定位。​​​​​​​3Floatfloat:浮动元素脱离文档流.不脱离文本流.不占据空间。浮动元素碰到包含它的边框,relative边框，浮动元素的边框停留定位。​​​​​​​4absoluteposition : absolute这个属性并是脱离文档流和文本流的.

转载 JS对金额的处理（保留两位小数位， 每隔三位添加‘，’）

function Money(value, num) { num = num > 0 && num <= 20 ? num : 2; value = parseFloat((value + "").replace(/[^\d\.-]/g, "")).toFixed(num) + ""; //将金额转成比如 123.45的字符串 var valueArr = value.split(".")[0].split("").reverse(...

原创 行级元素和块级元素的区别

https://www.cnblogs.com/ljwk/p/7090320.html

转载 vue-cli中理不清的assetsSubDirectory 和 assetsPublicPath

背景一般情况下，我们借用 vue-cli之力安装好所有依赖后，我们就可以愉快的板砖了。但是也经常会遇到一写问题，比如assetsSubDirectory和assetsPublicPath两个兄弟有时候把我搞得死去活来的，下午刚好有点空，我就去好好修理了他俩一会儿（其实是被修理）。经过无数次的，config/index.js里面的build配置，然后无数次的npm run build，鄙人得出了以下之见，如有异议，还请多多指教。基本的意义index: path.resolve(_...

转载 此文章介绍vue-cli脚手架config目录下index.js配置文件

此配置文件是用来定义开发环境和生产环境中所需要的参数 关于注释 当涉及到较复杂的解释我将通过标识的方式(如（1）)将解释写到单独的注释模块，请自行查看 上代码// see http://vuejs-templates.github.io/webpack for documentation.// path是node.js的路径模块，用来处理路径统一的问题var path = require('path')module.exports = { // 下面是build也就是生产编译环

转载 vue项目目录结构详解

vue项目目录结构详解项目简介基于 vue.js 的前端开发环境，用于前后端分离后的单页应用开发，可以在开发时使用 ES Next、scss 等最新语言特性。项目包含：基础库: vue.js、vue-router、vuex、whatwg-fetch编译/打包工具：webpack、babel、node-sass单元测试工具：karma、mocha、sinon-chai本地服务器：express目录结构├── README.md 项目介绍├── index.htm...

转载 前后端分离优缺点

一、前戏前后端分离已经成为互联网项目开发的业界标准使用方式，通过nginx+tomcat的方式（也可以中间加一个node.js）有效的进行解耦，并且前后端分离会为以后的大型分布式架构，弹性计算架构，微服务架构，多端化服务（多种客户端：例如：浏览器，车载终端，安卓，IOS等等）打下坚实的基础。这个步骤是系统架构从猿进化成人的必经之路。核心思想是前端html页面通过ajax调用后端的restuful api接口并使用json数据进行交互。在互联网架构中，名词解释：web服务器：一般指像nginx,ap

原创 js,jquery知识点总结

1选择器

原创 小程序知识点总结

.js后缀是脚本文件，json是配置文件，wxss是样式表文件。 console错误信息将显示在这个面板中，输人JavaScript代码并立即执行。

原创 vue知识总结

组件1注册全局注册Vue.component('my-first',{})局部注册import Child from xxvar app = new Vue({el:'#app',components:{'my-component':Child}})2data建立出来的组件是共享的，但每个页面用到的数据是不同的，所以data必须用新的函数r...

转载 JS中的call()和apply()方法

1、方法定义call方法:语法：call([thisObj[,arg1[, arg2[, [,.argN]]]]])定义：调用一个对象的一个方法，以另一个对象替换当前对象。说明：call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。如果没有提供 thisObj 参数，那么 Global 对象被...

转载 利用window.postMessage()实现跨域消息传递（JavaScript）

说明window.postMessage()方法可以安全地实现Window对象之间的跨域通信。例如，在一个页面和它生成的弹出窗口之间，或者是页面和嵌入其中的iframe之间。通常情况下，不同页面上的脚本允许彼此访问，当且仅当它们源自的页面共享相同的协议，端口号和主机（也称为“同源策略”）。window.postMessage()提供了一个受控的机制来安全地规避这个限制（如果使用得当的话）。...

原创 js知识详解

1.对象的分类2新建一个对象，并对他.对象的分类2新建一个对象，并对他进行增删改查

原创 DOM和BOM的区别

原创 html渲染流程

1浏览器输入网址从服务服务器下载网页到浏览器2浏览器解析引擎解析网页内容成为对象在浏览器对内存中3渲染引擎时时监控，一旦发现堆内存中的对象有所改变立刻修改4修改后的内容立刻呈现到浏览器上，所以会有动态效果5js作用于DOC文档用于修改html Object...

原创 形象生动一遍记住：行内元素有哪些？块级元素有哪些？ 空元素有那些？以及他们之间的区别！

行内元素有：a b span img input select strong记忆方法：记住首字母select strong (s傻) b(比)img input(爱) a(平a)一个打野的傻比爱到线上平a小兵块级元素有：div ul ol li dl dt dd h1 h2 h3 h4…pdiv dl dt dd(d弟)ul(u又)ol(o殴)li(l理)h1 h2 h3 h4...

原创 前端面试题总结带答案（持续更新）

Vue面试题1.什么是vue生命周期钩子？生命周期钩子有什么作用？每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。（ps：生命周期钩子就是生命周期函数）例如，如果要通过某些插件操作DOM节点，如想在页面...

原创 postion,float定位总结

float:浮动元素脱离文档流，不占据空间。浮动元素碰到包含它的边框或者浮动元素的边框停留定位。position:relative这个属性并没有脱离文档流的，所以会根据文档流中的兄弟元素进行定位。position:absolute这个属性并是脱离文档流的，判断父元素是否为position:absolute或position:relative如果是根据他们进行定位如果不是根据body进行定位...

原创 Doctype 作用? 严格模式与混杂模式如何区分？

<!DOCTYPE> 声明位于文档中的最前面，处于 <html> 标签之前，告知浏览器的解析器， 用什么文档类型 规范来解析这个文档。严格模式的排版和 JS 运作模式是 以该浏览器支持的最高标准运行。在混杂模式中，页面以宽松的向后兼容的方式显示，模拟老式浏览器的行为以防止站点无法工作。关于模式触发　　浏览器根据DOCTYPE是否存在以及使用的哪种DTD(Docum...

原创 腾讯服务器绑定域名

1域名解析2验证绑定是否成功

原创 面向对象与面向过程的区别与理解

转载自https://blog.youkuaiyun.com/jerry11112/article/details/79027834前言:如果你很想搞明白面向对象是什么，面向过程是什么，或者说二者之间的区别是什么，那么就花费一点时间来研读一下这篇博客，你一定会有很大的收获的！一、面向对象与面向过程的区别面向过程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候一个一个...

原创 图解path,java_home,path

详解请参考：https://blog.youkuaiyun.com/jiaomicha/article/details/17357199

原创 vue目录结构总结

概览├── README.md 项目介绍├── index.html 入口页面├── build webpack基本配置│ ├── build-server.js 运行本地构建服务器，可以访问构建后的页面│ ├── build.js 生产环境构建脚本│ ├── dev-c...

原创 自动创建标签（博客发表原理）

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css" > .my{width: 200px; height:...

原创 gitlab使用总结

提交步骤1add添加到缓存2commit到本地，要在commit前进行文件的合并3pull别人最新的代码4解决冲突，add->commit5push删除分支后如何恢复因为删除的只是一个索引（head）,库里的文件并不会丢失1找到索引序列值git log -g2恢复git branch newName 00000000000000(索引序列)查看...

原创 h5总结

关于基线，行高（text-height），行距，顶线，底线的理解行高和内容区直接关联https://www.jianshu.com/p/7707b710b365页面的结构

转载 深入理解 CSS 中的行高与基线

深入理解 CSS 中的行高与基线1、基本概念1. 基线、底线、顶线、中线注意：基线（base line）并不是汉字文字的下端沿，而是英文字母“x”的下端沿。2. 内容区内容区是指底线和顶线包裹的区域（行内元素display：inline可以通过background-color属性显示出来），实际中不一定看得到，但确实存在。内容区的大小依据font-size的值和字数进行变...