大前端
从零开始学习
小助手爱编程
每日分享编程项目源码案例、编程干货、技巧、一个集软件、资源、电脑技巧分享于一身的宝藏博主!Java,python领域优质创作者,全平台粉丝过万,专注于大学生项目实战开发,远程部署调试 运行安装
展开
-
如何快速上手Vue框架——从“Vue小白”到“Vue大牛”的进阶之路
从了解Vue的基本概念和原理,到搭建开发环境,学习Vue的基本语法和特性,再到学习Vue的高级特性和生态系统,最后通过实践项目和加入社区,与他人交流,你将逐步成长为一名“Vue大牛”。Vue拥有一个丰富的生态系统,包括许多优秀的库和工具,如:Vuex、Vue Router、Axios、Element UI等。掌握了Vue的基本语法和特性之后,你可以进一步学习Vue的高级特性,如:组件、路由、状态管理、动画等。你可以加入Vue的官方论坛、QQ群、微信群等,与其他开发者交流,分享你的学习心得,解答他人的问题。原创 2024-03-01 08:38:42 · 439 阅读 · 0 评论 -
win11下载Hbuliderx 安装闪退解决教程+安装包分享
结果下载失败,一下子弹出的下载框就会闪退。原创 2024-01-13 09:40:57 · 530 阅读 · 0 评论 -
get和set联动的实现原理
<script> let data = {} let _name = '前端大数据' Object.defineProperty(data, 'name', { get() { console.log('你访问了data1的name属性') // 1.返回中间变量 return _name.原创 2021-11-01 15:16:50 · 254 阅读 · 0 评论 -
运行yarn global add @vue/cli 报错解决办法
1.用yarn global bin 查找yarn 的安装路径2.在此电脑右键属性选择高级系统设置,修改环境变量再次运行yarn global bin,成功安装原创 2021-10-12 11:41:48 · 4284 阅读 · 1 评论 -
成功解决报错Unable to load ‘@webpack-cli/serve‘ command, TypeError: devServerFlags is not iterable
运行yarn serve报错查看版本webpack -v提示我用yarn add -D webpack-cli 安装cli所以运行如下图,成功解决原创 2021-10-11 21:07:23 · 2659 阅读 · 0 评论 -
成功解决 The ‘mode‘ option has not been set, webpack will fallback to ‘production‘ for this value.问题
运行yarn build 报错在当前文件目录找到package.json 修改build里面的参数,改为开发模式yarn build 再次运行成功解决原创 2021-10-11 18:10:52 · 543 阅读 · 0 评论 -
解决办法,‘yarn‘ 不是内部或外部命令,也不是可运行的程序或批处理文件
运行命令 npm install -g yarn 完美解决原创 2021-10-11 17:47:59 · 1504 阅读 · 0 评论 -
报错Cannot mix different versions of joi schemas解决方法
版本更新了,以前的用不了1.用 npm i joi 命令重新下载2.修改一起的代码,改为constjoi=require('joi');然后就不报错了原创 2021-10-08 09:20:14 · 4629 阅读 · 7 评论 -
完美解决报错Please verify that the package.json has a valid “main“ entry处理方法
出现下图中的错误 ,说明缺少main入口解决方法:1.删除 node_modules 和 package-lock.json这两个文件2.命令行输入npm i 重新下载包3.重新执行检查没有报错原创 2021-10-07 14:03:44 · 16760 阅读 · 5 评论 -
切换下包镜像源的两种方式
1.切换镜像源,由官方切换为淘宝的两条命令,任选一条npm config set registry=https://registry.npm.taobao.org/npm i -g cnpm --registry=https://registry.npm.taobao.org2.查看当前镜像下包源npm config get registry3.通过nrm 工具...原创 2021-10-07 13:55:36 · 916 阅读 · 0 评论 -
Javascript 严格模式的限制和新变化
<script> 'use strict'; // 1. 变量名必须先声明再使用 // num = 10; // console.log(num); //严格模式下报错 var num = 10; console.log(num); // 2.不能随意删除已经声明好的变量,会报错 // delete num; // 3. 严格模式下全局作用域.原创 2021-09-29 14:21:45 · 301 阅读 · 0 评论 -
JavaScript严格模式的优缺点
<!--1. 为整个脚本(script标签)开启严格模式 'use strict'; --> <script> 'use strict'; // 下面的js 代码就会按照严格模式执行代码 </script> <script> (function() { 'use strict'; })(); </script> ...原创 2021-09-29 14:04:55 · 354 阅读 · 0 评论 -
详解js改变this的指向的方法call (),apply(), bind()
<script> // 改变函数内this指向 js提供了三种方法 call() apply() bind() // 1. call() var o = { name: 'andy' } function fn(a, b) { console.log(this); console.log(a + b); };...原创 2021-09-29 13:53:36 · 252 阅读 · 0 评论 -
js中总结的六种this指向问题
调用方式的不同决定了this 的指向不同一般指向我们的调用者.原创 2021-09-29 12:54:20 · 78 阅读 · 0 评论 -
js 函数的六种调用方式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>D.原创 2021-09-29 12:44:24 · 2092 阅读 · 0 评论 -
jQuery解决多库共存的两种方法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>D.原创 2021-09-16 18:44:26 · 152 阅读 · 0 评论 -
JavaScript深浅拷贝原理+代码实现
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>D.原创 2021-09-16 18:29:18 · 87 阅读 · 0 评论 -
JavaScript封装一个动画函数的实现原理(代码)
点击获取源码https://zhuanlan.zhihu.com/p/410269979<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-...原创 2021-09-14 15:47:02 · 157 阅读 · 0 评论 -
javascript实现放大镜效果实现(源码下载)
每一步都做了详细的注释,方便后续理解,由于代码太多这里只展示部分代码,想了解更多的朋友可以点击下方链接获取全部代码点击下载源码https://github.com/shi-jin/blog/tree/main/05-%E4%BA%AC%E4%B8%9C%E6%94%BE%E5%A4%A7%E9%95%9C%E6%95%88%E6%9E%9C(%E9%87%8D%E8%A6%81)%E6%BA%90%E7%A0%81效果如图部分代码点击这里获取源码https://gi...原创 2021-09-14 14:05:58 · 131 阅读 · 0 评论 -
html实现用户注册功能表单页面(附源码)
运行结果如图代码如下源码地址点击跳转下载源码原创 2021-09-06 17:42:21 · 3815 阅读 · 0 评论 -
有限状态机处理字符(javascript函数实现源码)
用状态机实现:字符串“abcabx”的解析//使用函数实现状态机处理字符function match(string) { let state = start; //保存当前状态 start是状态函数 for (let c of string) { state = state(c); //把状态切换到下一个状态 } return state === end;}function start(c) { if (c === "a") {原创 2021-09-05 16:05:19 · 166 阅读 · 0 评论 -
前端未来的发展前景如何?
从疫情暴发到现在,各行各业都开始线上办公,而线上工作就需要有前端后端从电脑到手机,再到可穿戴设备等一切移动终端都需要有交互式来驱动。从VR看房、VR装修、AI机器人到手机厂商的智慧大屏都需要前端技术的支持。如果说以前Web 应用更多在“产生”数据阶段,那以后就是如何更好的“展现”数据阶段。在大数据快速发展的趋势性,数据可视化对前端有很大的影响。例如 SVG,Canvas 和 WebGL 的发展。不仅要了解浏览器底层技术还要熟悉上层可视化库和可视化应用。例如:Echart.原创 2021-07-20 22:46:49 · 3039 阅读 · 3 评论 -
Javascript手把手编写 猜数字大小游戏 附源码
猜数字游戏//1.随机生成一个1~10的整数我们需要用到Math.random()方法。//2.需要一直猜到正确为止,所以需要一直循环。//3.while循环更简单//4.核心算法:使用ifelseif多分支语句来判断大于、小于、等于。...原创 2021-05-31 13:43:54 · 2060 阅读 · 1 评论 -
JavaScript 手把手封装一个属于自己数学对象(用于求最大值或最小值)附 源码
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>D.原创 2021-05-31 13:02:52 · 831 阅读 · 1 评论 -
常考面试题之js预解析 附源码
js引擎运行js分为两步:预解析 和 代码执行//(1).预解析js引擎会把js里面所有的var还有function提升到当前作用域的最前面//(2).代码执行按照代码书写的顺序从上往下执行//2.预解析分为变量预解析(变量提升)和函数预解析(函数提升)//(1)变量提升就是把所有的变量声明提升到当前的作用域最前面不提升赋值操作//(2)函数提...原创 2021-05-31 10:31:36 · 268 阅读 · 0 评论 -
PHP站点部署wordpress详细图文教程
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言 一、pandas是什么? 二、使用步骤 1.引入库 2.读入数据 总结前言利用PHPstudy集成开发环境部署web网站一、部署站点二、使用步骤1.引入库代码如下(示例):import numpy as np import pandas as pd import matplotlib.pyplot as plt import seaborn as s...原创 2020-08-19 12:58:48 · 529 阅读 · 0 评论 -
PHP下载安装开发环境需要注意的问题,服务不能启动问题
1.IIS没有关导致数据库启动不了,可以进入控制面板-管理工具中关闭IIS关闭服务如果还是启动不了,就说明安装了微软数据库,需要去服务里面关,此电脑右键管理,找到服务中的对应项,设置为手动...原创 2020-08-19 11:09:39 · 170 阅读 · 0 评论 -
EclipsePHP Studio(EPP4)详细安装图文详解
步骤1.下载解压好的安装包点击下一步勾选标注的按钮选择安装路径,然后选择下一步然后一直点下一步,直到完成工作空间一定要安装在phpstudy对应的www目录下,不懂的可以看我上一篇文章PHPstudy的安装因为这两个软件必须配合使用新建项目输入项目名称,其他的默认,然后点击下一步,直到项目创建完成右键,新建一个PHPfile直到这里就可以编写代码了...原创 2020-08-17 23:15:06 · 2256 阅读 · 0 评论 -
windows安装PHPstudy集成开发环境详细图文步骤
1.介绍下载PHP开发环境,我用的是PHPstudy集成开发环境,也可以去官网下载,地址为https://www.xp.cn/download.html2.安装步骤双击即可自定义安装安装完成后开始启动如图安装数据库,php,数据库工具,composer然后启动Apache,MySQL尝试访问网站或自己创建网站端口不能重复,否则会出错成功后会出现下图还可以修改端口,域名等信息检测端口是否被占用,如果...原创 2020-08-17 22:15:43 · 1255 阅读 · 0 评论 -
PHP入门介绍B/S和C/S架构
1.Web技术——B/S和C/S架构B/S(Browser/Server)架构:指的是浏览器/服务器端的交互B/S架构则是将浏览器作为客户端,用户只需要安装一个浏览器,就可以访问各种网站的服务,如百度搜索、新浪资讯等。优缺点:维护方便,开放性,安全性低C/S(Client/Server)架构:指的是客户端/服务器端的交互客户端软件是专门开发出来的,如QQ、微信,用户必须安装软件才能使用优缺点:安全,发展成熟PHP运行于服务器端,既可以在C/S架构中为客户端软件提供服务器接原创 2020-08-17 18:41:23 · 1837 阅读 · 0 评论 -
常考面试题之js预解析 例题 附源码
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>预.原创 2021-05-31 11:03:34 · 192 阅读 · 0 评论 -
你的网站有漏洞,你竟然不知道 ! (网站常见漏洞)
网站常见八大漏洞原创 2021-04-25 13:57:51 · 538 阅读 · 0 评论 -
都快2022年了,还在纠结要学什么编程语言吗?看看哪个最适合你
都快2022年了,还在纠结要学什么编程语言吗?看看哪个最适合你先上图,不用说你自己心里都有底了吧!下面我来分析一下排名前几位的编程语言文章目录都快2022年了,还在纠结要学什么编程语言吗?看看哪个最适合你全面分析各种编程语言优缺点分析,及适用的人群C语言JavapythonC++C#visual Basicjavascriptphpassembly languagesqlgo全面分析各种编程语言优缺点分析,及适用的人群C语言C语言是一门面向过程的、抽象化的通用程序设计语言,广泛应用于底层开发原创 2021-05-04 15:00:08 · 1618 阅读 · 0 评论 -
运行报错System error: net::ERR_FILE_NOT_FOUND 完美解决方法!
运行报错 :System error: net::ERR_FILE_NOT_FOUND在使用bootstrap 过程中报错如图问题描述:报错信息显示没有找到对应文件 原因分析:检查了一下,文件路径也没有错误,可能是代码的问题,我的代码如下解决方案:更改了一下文件的路径更改后如图 运行后,成功解决总结:在Web开发中,插入图片、包含CSS文件等都需要有路径,如果文件路径的添加错误,就会导致引用失效。所以相对路径引用的正确书写也很重要"./":代表目前所在的目录原创 2021-04-30 13:18:59 · 19547 阅读 · 1 评论