前端
关注
分享
扫一扫
文章平均质量分 61
前端开发
畢林茂
这个作者很懒，什么都没留下…
展开
-
引入即用，canvas添加网页水印，开关控制
【代码】引入即用，canvas添加网页水印，开关控制。原创 2023-03-26 13:10:31 · 194 阅读 · 1 评论 -
CentOS 部署前端项目，Nginx反向代理，搭建node服务
原创 2022-04-21 23:43:22 · 2978 阅读 · 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 · 721 阅读 · 0 评论 -
webpack配置与优化
1.认识配置项1.1.入口(entry)入口起点(entry point)指示 webpack 应该使用哪个模块，来作为构建其内部依赖图的开始。进入入口起点后，webpack 会找出有哪些模块和库是入口起点（直接和间接）依赖的。每个依赖项随即被处理，最后输出到称之为 bundles 的文件中，我们将在下一章节详细讨论这个过程。可以通过在webpack 配置中配置entry属性，来指定一个入口起点（或多个入口起点）。默认值为./src。接下来我们看一个 e...原创 2022-04-14 03:19:36 · 248 阅读 · 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 · 1239 阅读 · 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 · 253 阅读 · 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 · 160 阅读 · 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 · 1385 阅读 · 0 评论 -
JavaScript 异步编程
1.异步的概念在我们学习的传统单线程编程中，程序的运行是同步的（同步不意味着所有步骤同时运行，而是指步骤在一个控制流序列中按顺序执行）。而异步的概念则是不保证同步的概念，也就是说，一个异步过程的执行将不再与原有的序列有顺序关系。简单来理解就是：同步按你的代码顺序执行，异步不按照代码顺序执行，异步的执行效率更高。以上是关于异步的概念的解释，接下来我们通俗地解释一下异步：异步就是从主线程发射一个子线程来完成任务。...原创 2022-04-06 00:02:33 · 644 阅读 · 0 评论 -
promise异步编程 详解
1.基本概念promise是对异步编程的一种抽象。它是一个代理对象，代表一个必须进行异步处理的函数返回的值或抛出的异常。也就是说promise对象代表了一个异步操作，可以将异步对象和回调函数脱离开来，通过then方法在这个异步操作上面绑定回调函数。状态promise有3种状态：pending（待解决，这也是初始化状态），fulfilled（完成），rejected（拒绝）。接口promise唯一接口then方法，它需要2个参数，分别是resolve和rej...原创 2022-03-30 11:09:56 · 2660 阅读 · 0 评论 -
MVVM、MVC、MVP的区别
MVC、MVP 和 MVVM 是三种常见的软件架构设计模式，主要通过分离关注点的方式来组织代码结构，优化开发效率。在开发单页面应用时，往往一个路由页面对应了一个脚本文件，所有的页面逻辑都在一个脚本文件里。页面的渲染、数据的获取，对用户事件的响应所有的应用逻辑都混合在一起，这样在开发简单项目时，可能看不出什么问题，如果项目变得复杂，那么整个文件就会变得冗长、混乱，这样对项目开发和后期的项目维护是非常不利的。1.MVCMVC 通过分离 Model、View 和 Controller 的方式来组织原创 2022-03-30 00:38:22 · 604 阅读 · 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 · 607 阅读 · 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 · 7330 阅读 · 0 评论 -
webpack 显示“因为在此系统中禁止运行脚本“
解决方法：1.关闭vscode，重新以管理员身份运行；2.终端执行代码，查看 get-ExecutionPolicy显示：Restricted3.终端执行代码，设置set-ExecutionPolicy RemoteSigned4.重复步骤2显示：RemoteSigned过程：接下来就可以执行 webpack 命令了...原创 2022-03-22 23:33:12 · 634 阅读 · 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 · 1247 阅读 · 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 · 77 阅读 · 0 评论 -
微信小程序上线，后台接口失效问题
上线要把接口域名添加到小程序管理后台的request里才可以正常访问，完成这个步骤直接跳过>> 常见问题HTTPS 证书小程序必须使用 HTTPS/WSS 发起网络请求。请求时系统会对服务器域名使用的 HTTPS 证书进行校验，如果校验失败，则请求不能成功发起。由于系统限制，不同平台对于证书要求的严格程度不同。为了保证小程序的兼容性，建议开发者按照最高标准进行证书配置，并使用相关工具检查现有证书是否符合要求。对证书要求如下：HTTPS 证书必须有效； 证书必须被系统原创 2022-03-15 22:56:13 · 11898 阅读 · 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 · 132 阅读 · 0 评论 -
媒体查询 MediaQuery，响应式布局
Media Queries能在不同的条件下使用不同的样式，使页面在不同在终端设备下达到不同的渲染效果。前面简单的介绍了Media Queries如何引用到项目中，但Media Queries有其自己的使用规则。通过不同的媒体类型和条件定义样式表规则。媒体查询让CSS可以更精确作用于不同的媒体类型和同一媒体的不同条件。 媒体查询的大部分媒体特性都接受min和max用于表达“大于或等于”和“小与或等于”。如：width会有min-width和max-width 媒体查询可以被用在CSS中的@..原创 2022-03-22 01:31:50 · 691 阅读 · 0 评论 -
nginx 查看日志 failed (13: Permission denied) 失败（13：权限被拒绝）解决
nginx 查看日志13：权限被拒绝 失败 解决办法 failed (13: Permission denied)原创 2022-03-13 22:48:57 · 19225 阅读 · 4 评论 -
快速掌握Git的使用
1.git工作流程命令如下：1. clone（克隆）: 从远程仓库中克隆代码到本地仓库2. checkout （检出）:从本地仓库中检出一个仓库分支然后进行修订3. add（添加）: 在提交前先将代码提交到暂存区4. commit（提交）: 提交到本地仓库。本地仓库中保存修改的各个历史版本5. fetch (抓取) ： 从远程库，抓取到本地仓库，不进行任何的合并动作，一般操作比较少。6. pull (拉取) ： 从远程库拉到本地库，自动进行合并(merge)，然后放到到工作区，相原创 2022-03-19 21:38:35 · 1285 阅读 · 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 · 4478 阅读 · 0 评论 -
跨域，同源策略
跨域问题涉及到WEB网页安全性问题，使用不当会造成用户隐私泄露风险，但有时业务上又需要进行跨域请求。如何正确的使用跨域功能，既能满足业务需求，又能够满足安全性要求，显得尤为重要。1.1.同源策略协议相同 域名相同 端口相同同源策略限制内容有：Cookie、LocalStorage、IndexedDB 等存储性内容 DOM 节点 AJAX 请求发送后，结果被浏览器拦截了同源政策的目的，是为了保证用户信息的安全，防止恶意的网站窃取数据。1.2.为什么要有跨域限制Ajax 的同源策原创 2022-03-21 16:29:28 · 8221 阅读 · 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 · 409 阅读 · 0 评论 -
【闭包】什么是闭包？闭包用途
什么是闭包？闭包用途，闭包面试题原创 2022-03-24 18:29:35 · 1587 阅读 · 0 评论