![](https://img-blog.csdnimg.cn/9d26655fdc7f4868ba7eff47bb3b74d8.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端
文章平均质量分 61
前端开发
畢林茂
这个作者很懒,什么都没留下…
展开
-
引入即用,canvas添加网页水印,开关控制
【代码】引入即用,canvas添加网页水印,开关控制。原创 2023-03-26 13:10:31 · 181 阅读 · 1 评论 -
CentOS 部署前端项目,Nginx反向代理,搭建node服务
原创 2022-04-21 23:43:22 · 2959 阅读 · 0 评论 -
优雅的二次封装Element-UI
1.创建vue项目vue create appname2.借助babel-plugin-component,我们可以只引入需要的组件,以达到减小项目体积的目的。npm install babel-plugin-component -D3.在 main.js 中写入以下内容:import Vue from 'vue';import { Button, Select } from 'element-ui';import App from './App.vue';Vue.com.原创 2022-04-16 18:23:07 · 698 阅读 · 0 评论 -
webpack配置与优化
1.认识配置项1.1.入口(entry)入口起点(entry point)指示 webpack 应该使用哪个模块,来作为构建其内部依赖图的开始。进入入口起点后,webpack 会找出有哪些模块和库是入口起点(直接和间接)依赖的。每个依赖项随即被处理,最后输出到称之为 bundles 的文件中,我们将在下一章节详细讨论这个过程。可以通过在webpack 配置中配置entry属性,来指定一个入口起点(或多个入口起点)。默认值为./src。接下来我们看一个 e...原创 2022-04-14 03:19:36 · 236 阅读 · 0 评论 -
vue 全局事件总线详解 $bus-任意组件间通信
全局事件总线(GlobalEventBus)是一种组件间通信方式,适用于任意组件间通信1.安装全局事件总线main.js入口文件配置 new Vue({ beforeCreate() { Vue.prototype.$bus = this //安装全局事件总线, //在开发中习惯取名为:$bus,可以自由命名 }, }).$mount('#app') 2.使用事件总线以B组件给A组件传值为例;(B —> .原创 2022-04-05 23:52:33 · 1213 阅读 · 0 评论 -
CSS去除默认样式,写页面前的准备工作
前端写页面时,诸多标签的默认样式是不需要的;每用一次都要写的话,第一,耗时,徒劳,第二,代码重复;so,可以在开始前,统一去除出默认样式,如下:/* 初始化 css文件*/body { margin: 0; padding: 0; background-color: #f4f4f4; font-family: 12px/1.5 "Microsoft YaHei",Heiti SC,tahoma,arial,"Hiragino Sans GB"原创 2022-04-03 05:28:50 · 230 阅读 · 0 评论 -
less快速上手,使用详解
1.引入 js 文件<!DOCTYPE html><html lang="en"><head> ...</head><body> <div id="wrap"> <div class="inner">AAA</div> </div> <!-- 引入js文文件 --> <script src="//cd...原创 2022-04-02 01:09:33 · 146 阅读 · 0 评论 -
Vue路由传参 详解(params | query 的区别)
params 传参类似于网络请求中的 post 请求,params 传过去的参数不会显示在地址栏中(但是不能刷新)。params 只能配合 name 使用,如果提供了 path,params 会失效。query 传参类似于网络请求中的 get 请求,query 传过去的参数会拼接在地址栏中(?name=xx)。query 较为灵活既可以配合 path 使用,也能配合 name 使用(亲测可用)。//路由规则配置 const routes = [...原创 2022-03-31 02:18:02 · 1358 阅读 · 0 评论 -
JavaScript 异步编程
1.异步的概念在我们学习的传统单线程编程中,程序的运行是同步的(同步不意味着所有步骤同时运行,而是指步骤在一个控制流序列中按顺序执行)。而异步的概念则是不保证同步的概念,也就是说,一个异步过程的执行将不再与原有的序列有顺序关系。简单来理解就是:同步按你的代码顺序执行,异步不按照代码顺序执行,异步的执行效率更高。以上是关于异步的概念的解释,接下来我们通俗地解释一下异步:异步就是从主线程发射一个子线程来完成任务。...原创 2022-04-06 00:02:33 · 626 阅读 · 0 评论 -
promise异步编程 详解
1.基本概念promise是对异步编程的一种抽象。它是一个代理对象,代表一个必须进行异步处理的函数返回的值或抛出的异常。也就是说promise对象代表了一个异步操作,可以将异步对象和回调函数脱离开来,通过then方法在这个异步操作上面绑定回调函数。状态promise有3种状态:pending(待解决,这也是初始化状态),fulfilled(完成),rejected(拒绝)。接口promise唯一接口then方法,它需要2个参数,分别是resolve和rej...原创 2022-03-30 11:09:56 · 2619 阅读 · 0 评论 -
MVVM、MVC、MVP的区别
MVC、MVP 和 MVVM 是三种常见的软件架构设计模式,主要通过分离关注点的方式来组织代码结构,优化开发效率。在开发单页面应用时,往往一个路由页面对应了一个脚本文件,所有的页面逻辑都在一个脚本文件里。页面的渲染、数据的获取,对用户事件的响应所有的应用逻辑都混合在一起,这样在开发简单项目时,可能看不出什么问题,如果项目变得复杂,那么整个文件就会变得冗长、混乱,这样对项目开发和后期的项目维护是非常不利的。1.MVCMVC 通过分离 Model、View 和 Controller 的方式来组织原创 2022-03-30 00:38:22 · 589 阅读 · 0 评论 -
webpack html-webpack-plugin插件 配置代码详解 即用
1.安装插件npm install html-webpack-plugin --save-dev2.在webpack.config.js中位置如下:const HtmlWebpackPlugin = require("html-webpack-plugin"); //引入插件//配置如下module.exports = { plugins: [ new htmlWebpackPlugin({ title: "this is title"原创 2022-03-29 01:50:03 · 573 阅读 · 0 评论 -
vant UI 使用,按需引入
vant-uI官方文档1.安装npm i vite-plugin-style-import@1.4.1 -D //npm安装yarn add vite-plugin-style-import@1.4.1 -D //yarn 安装2. 配置插件//在 vite.config.js 文件中配置插件:import vue from '@vitejs/plugin-vue';import styleImport, { VantResolve } fro..原创 2022-03-28 03:16:24 · 7208 阅读 · 0 评论 -
webpack 显示“因为在此系统中禁止运行脚本“
解决方法:1.关闭vscode,重新以管理员身份运行;2.终端执行代码,查看 get-ExecutionPolicy显示:Restricted3.终端执行代码,设置set-ExecutionPolicy RemoteSigned4.重复步骤2显示:RemoteSigned过程:接下来就可以执行 webpack 命令了...原创 2022-03-22 23:33:12 · 602 阅读 · 1 评论 -
【微信小程序】 request 合法域名校验出 / 不在以下 request 合法域名列表中
request 合法域名校验出错如若已在管理后台更新域名配置,请刷新项目配置后重新编译项目,操作路径:“详情-域名信息” https://xxxxxx.cn 不在以下 request 合法域名列表中,请参考文档:https://developers.weixin.qq.com/miniprogram/dev/framework/ability/network.htm(env: Windows,mp,1.05.2203030; lib: 2.22.1)解决:...原创 2022-03-07 06:39:00 · 1198 阅读 · 0 评论 -
JavaScript原型&原型链
程序语言都有代码复用的机制,类似Java, C#这种面向对象语言采用了继承的方式,换句话说class是object的模板, 子类继承父类, 通过子类创建的object也就有了父类的各种属性和方法JS采用了原型链的方式,要理解原型链,首先就要放弃class的思维方式(虽然ES6标准引入了class关键字,但是class只是function的语法糖而已,实际底层还是function;)使用JavaScript的new关键字创建对象function Person(name, age) {...原创 2022-03-02 05:31:35 · 66 阅读 · 0 评论 -
微信小程序上线,后台接口失效问题
上线要把接口域名添加到小程序管理后台的request里才可以正常访问,完成这个步骤直接跳过>> 常见问题HTTPS 证书小程序必须使用 HTTPS/WSS 发起网络请求。请求时系统会对服务器域名使用的 HTTPS 证书进行校验,如果校验失败,则请求不能成功发起。由于系统限制,不同平台对于证书要求的严格程度不同。为了保证小程序的兼容性,建议开发者按照最高标准进行证书配置,并使用相关工具检查现有证书是否符合要求。对证书要求如下:HTTPS 证书必须有效; 证书必须被系统原创 2022-03-15 22:56:13 · 11547 阅读 · 0 评论 -
3分钟 学会‘路径’问题
图片为例: <img src= "../a.png" /> 1 ./a.png 或 a.png 在当前目录(同一个文件夹) 2 ../a.png 在上层目录 3 ../../a.png 在上上层目录 4 ./img/a.png 文件在下一层目录 ...原创 2022-03-16 02:27:08 · 112 阅读 · 0 评论 -
媒体查询 MediaQuery,响应式布局
Media Queries能在不同的条件下使用不同的样式,使页面在不同在终端设备下达到不同的渲染效果。前面简单的介绍了Media Queries如何引用到项目中,但Media Queries有其自己的使用规则。通过不同的媒体类型和条件定义样式表规则。媒体查询让CSS可以更精确作用于不同的媒体类型和同一媒体的不同条件。 媒体查询的大部分媒体特性都接受min和max用于表达“大于或等于”和“小与或等于”。如:width会有min-width和max-width 媒体查询可以被用在CSS中的@..原创 2022-03-22 01:31:50 · 678 阅读 · 0 评论 -
nginx 查看日志 failed (13: Permission denied) 失败(13:权限被拒绝)解决
nginx 查看日志13:权限被拒绝 失败 解决办法 failed (13: Permission denied)原创 2022-03-13 22:48:57 · 18862 阅读 · 4 评论 -
快速掌握Git的使用
1.git工作流程命令如下:1. clone(克隆): 从远程仓库中克隆代码到本地仓库2. checkout (检出):从本地仓库中检出一个仓库分支然后进行修订3. add(添加): 在提交前先将代码提交到暂存区4. commit(提交): 提交到本地仓库。本地仓库中保存修改的各个历史版本5. fetch (抓取) : 从远程库,抓取到本地仓库,不进行任何的合并动作,一般操作比较少。6. pull (拉取) : 从远程库拉到本地库,自动进行合并(merge),然后放到到工作区,相原创 2022-03-19 21:38:35 · 1267 阅读 · 0 评论 -
uniapp获取当前时间
export default { data() { return { time:'' } }, onLoad() { this.time = this.getTime(); console.log(this.time); }, methods: { getTime:function(){ var date = new Date(), year = date.getFullYear(), month = date.getMonth() + 1, d.原创 2022-03-14 00:42:31 · 4416 阅读 · 0 评论 -
跨域,同源策略
跨域问题涉及到WEB网页安全性问题,使用不当会造成用户隐私泄露风险,但有时业务上又需要进行跨域请求。如何正确的使用跨域功能,既能满足业务需求,又能够满足安全性要求,显得尤为重要。1.1.同源策略协议相同 域名相同 端口相同同源策略限制内容有:Cookie、LocalStorage、IndexedDB 等存储性内容 DOM 节点 AJAX 请求发送后,结果被浏览器拦截了同源政策的目的,是为了保证用户信息的安全,防止恶意的网站窃取数据。1.2.为什么要有跨域限制Ajax 的同源策原创 2022-03-21 16:29:28 · 8208 阅读 · 1 评论 -
nodejs常用工具,util.callbackify,
目录1.util.callbackify2.util.inherits3.util.inspect4.util.isArray(object)5.util.isRegExp(object)6.util.isDate(object)使用:const util = require('util');1.util.callbackifyutil.callbackify(original)将async异步函数(或者一个返回值为Promise的函数)转换成遵循异常...原创 2022-03-21 01:44:09 · 394 阅读 · 0 评论 -
【闭包】什么是闭包?闭包用途
什么是闭包?闭包用途,闭包面试题原创 2022-03-24 18:29:35 · 1550 阅读 · 0 评论