![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端
文章平均质量分 50
星空你好
知行合一
展开
-
前端练习项目
前端练习项目(收集,备用)原创 2023-02-21 17:22:15 · 2900 阅读 · 0 评论 -
CentOS 7 部署Nginx和前端框架
centos 7 安装nginx并部署前端框架原创 2023-02-03 22:46:33 · 1624 阅读 · 1 评论 -
vue动态增删dom元素,实现题目选项增、删、上移、下移
实现vue动态增删dom元素原创 2022-08-11 23:59:57 · 603 阅读 · 0 评论 -
uniapp sqlite 操作
uniapp操作sqlite官方参考文档:uniapp sqlite// 创建表并插入数据 createLocationTable: function() { plus.sqlite.executeSql({ name: 'swyt', sql: 'create table if not exists location("id" CHAR(50) PRIMARY KEY NOT NULL,"name" CHAR(100) NOT NULL,"hd_count" IN原创 2021-09-24 21:01:53 · 2540 阅读 · 0 评论 -
Javascript事件preventDefault,stopPropagation及return false的区别
javascript中有两种事件传播模式:捕获模式(capturing)冒泡模式(bubbling)捕获模式当事件发生时,该事件首先被最外层元素接收到,然后依次向内层元素传播(从外向内)冒泡模式当事件发生时,该事件首先被最内层元素接受到,然后依次向外层元素传播。使用方式用哪种事件传播方式完全是我们自己说了算的,我们可以使用addEventListener函数,useCapture是一个布尔类型变量,如果传入true,则使用捕获模式,如果传入falst,则使用冒泡模式。addEventL原创 2021-03-06 08:00:58 · 254 阅读 · 0 评论 -
uniapp 自定义弹窗组件
先上效果:组件源码:slot-modal.vue<template> <view class="modal-container" v-if="show" @click.stop="cancel(2)"> <view class="modal-content"> <view class="modal-head modal-title-padding"> <slot name="modal-head"></slot>原创 2021-02-18 23:42:21 · 2252 阅读 · 4 评论 -
flex布局思维导图
原创 2021-02-17 08:28:03 · 279 阅读 · 0 评论 -
node.js设置缓存目录
参考: https://zhuanlan.zhihu.com/p/166446909安装好nodejs以后如果不进行相关配置,会存在如下问题:第一个:执行类似:npm install express [-g] (后面的可选参数-g,g代表global全局安装的意思)的安装语句时,会将安装的模块安装到C:\Users\用户名\AppData\Roaming\npm路径中,这样会占用C盘有限的空间。第二个:使用nodejs的镜像下载速度会比较慢。接下来就对其中的步骤做简单介绍:一、更换缓存路径第一.原创 2021-01-31 23:33:59 · 3554 阅读 · 0 评论 -
uni-app三种生命周期及页面跳转方法
uni-app三种生命周期应用生命周期应用生命周期函数:onLaunch:当uni-app初始化完成时触发(全局只触发一次)onShow:当uni-app启动,或从后台进入前台显示onHide:当uni-app从前台进入后台onError:当uni-app报错时触发onUniNViewMessage:对nvue页面发送的数据进行监听onUnhandledRejection:对未处理的Promise拒绝事件监听函数onPageNotFound:页面不存在监听函数onThemeChange原创 2021-01-10 21:51:55 · 12082 阅读 · 0 评论 -
uniapp 简单的登录页布局
效果:<template> <view class="login"> <view class="content-wrapper"> <view class="title"> <h1>欢迎使用考试系统</h1> </view> <view class="login-form"> <view class="login-form-items"> <原创 2021-01-08 23:32:52 · 2464 阅读 · 0 评论 -
asp.net core后端+element ui tree树控件基本用法
最近前后端分离大行其道,苦了后端人员,需要学习的东西还不少。于是到网上看了看前端的教程。没想到前端发展到今天变得如此复杂。前端也包括权限和路由的东西。不过整体看上去似曾相识,只是需要熟悉些新的语法。昨天晚上试用了一下element ui。感觉这个框架还是不错的。学了vue,再也不想用jQuery了。不再直接操作dom,而是跟数据打交道。今后打算好好学习下vue,网上做出来的后端框架还是不少的。下面就记录以下element做前端,asp.net core做后端实现的一个树控件。后端首先涉及到树型结构,先原创 2020-12-23 17:39:51 · 1702 阅读 · 0 评论 -
Error: Command failed: C:\WINDOWS\system32\cmd.exe /s /c “autoreconf -ivf“
在安装vue-admin-beautiful的依赖包时,出现如上错误,解决方法:1、npm install -g cnpm --registry=https://registry.npm.taobao.org2、cnpm i -g gifsicle原创 2020-12-20 23:02:26 · 2350 阅读 · 0 评论 -
vue倒计时
vue倒记时示例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>倒计时</title> <script src="https://cdn.bootcdn原创 2020-10-02 17:51:06 · 259 阅读 · 0 评论 -
js实现图片上传前预览
利用js实现了图片上传前的预览<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Image Preview</title> <style>原创 2020-07-20 13:46:38 · 356 阅读 · 0 评论 -
Bootstrap4 模态对话框示例
<!DOCTYPE html><html><head> <title>Bootstrap 实例</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> ...原创 2020-03-28 23:53:32 · 547 阅读 · 0 评论 -
JavaScript读取json文件
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body> <script type="text/javascript"> wind...原创 2019-11-08 20:19:46 · 1649 阅读 · 0 评论 -
php 执行操作符输出服务器执行命令乱码转换 iconv
php 执行操作符输出服务器执行命令乱码转换 iconv$out = `dir c:`;在windows操作系统下,得到的$out编码为gb2312,得使用iconv转换后才能在utf-8编码下正常显示,否则会出现乱码 Document 中文 <?php header("Content-Type: text/html; charset=UTF-8"); echo原创 2016-02-13 21:19:40 · 1676 阅读 · 1 评论 -
windows下配置Mysql-5.7.9服务
第一步:从官方网站下载 mysql-5.7.9-winx64.zip第二步:解压缩,在根目录下复制my-default.ini 改名为my.ini。第三步:初始化mysql目录,bin\mysqld --initialize --user=mysql第四步:首次使用mysql, 需要设置root密码,在my.ini文件中,加入:skip-grant-tables转载 2016-03-04 21:32:21 · 1174 阅读 · 0 评论 -
The mbstring extension is missing. Please check your PHP configuration.
在安装完毕wamp程序后,启动后访问phpmyadmin,出现错误: The mbstring extension is missing. Please check your PHP configuration.解决方案:在php.ini中修改 extension_dir = "ext" 为 extension_dir = "D:\wamp64\bin\php\ext" (具原创 2016-03-04 22:04:07 · 12007 阅读 · 0 评论 -
Ubuntu 14.04 FTP服务器--vsftpd的安装和配置
我们经常需要将本地的文件上传到远程的Ubuntu 14.04服务器上,或者把远程Ubuntu 14.04服务器上的文件下载到本地,这就需要用到vsftpd来搭建FTP服务,现在介绍一下如何在Ubuntu 14.04上安装和配置vsftpd1. 更新源列表打开"终端窗口",输入"sudo apt-get update"-->回车-->"输入当前登录用户的管理员密码"-->回车,就可以了。原创 2016-03-17 21:57:10 · 728 阅读 · 0 评论 -
Laravel学习-三种方式搭建开发环境
Laravel简介:Laravel是一套简介、优雅的PHP Web开发框架。它可以让你从杂乱的代码中解脱出来;它可以帮你构建一个完美的网络应用,而且每行代码都可以简洁,富于表达力。它是完全开源的:https://github.com/laravel/laravel一、使用一键安装包为什么使用一键安装包:项目中有很多依赖文件,官方网站下载文件没有依赖项;开发环境配置简原创 2016-03-06 13:20:18 · 3481 阅读 · 0 评论 -
虚拟机 网络模式简介 及桥接模式设置
虚拟机网络模式无论是vmware,virtual box,virtual pc等虚拟机软件,一般来说,虚拟机有三种网络模式:1.桥接2.NAT3.Host-Only哪一种网络是适合自己的虚拟机呢?桥接 桥接网络是指本地物理网卡和虚拟网卡通过VMnet0虚拟交换机进行桥接,物理网卡和虚拟网卡在拓扑图上处于同等地位,那么物理网卡和虚拟网卡就转载 2016-03-13 21:35:19 · 510 阅读 · 0 评论 -
H5页面结构元素示例
H5页面结构元素示例<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...原创 2019-04-27 22:21:19 · 2160 阅读 · 0 评论 -
学习CSSGrid布局
一. 重要术语:CSS Grid(网格) 布局(又称为 “Grid(网格)” ),是一个二维的基于网格的布局系统,它的目标是完全改变我们基于网格的用户界面的布局方式。FlexBox:一维布局;Grid: 二维布局;Flexbox 和 Grid 能协同工作,而且配合得非常好网格容器(Grid Container)应用 display: grid 的元素。这是所有 网格项(grid it...转载 2019-05-07 19:59:39 · 192 阅读 · 1 评论 -
laravel路由
路由在laravel中,定义路由的地方在routes/web.php文件中。在使用laravel前必须先定义路由,然后才能在浏览器中访问。routes文件夹中还有一个api.php,用于定义api路径。最简单的路由:Route::get('/',function(){ return 'hello,world!' ;});此时在浏览器中,输入localhost,就可以看到输出的字符...原创 2019-07-27 10:40:29 · 11042 阅读 · 0 评论 -
ASP.NET MVC AJAX 请求中加入 antiforgerytoken 解决“所需的防伪表单字段“__RequestVerificationToken”不存在”问题
在ASP.NET mvc中如果在表中使用了@Html.AntiForgeryToken(),ajax post不会请求成功解决方法是在ajax中加入__RequestVerificationToken:function Like(id) {// 获取form表单 var form = $('form');// 获取token var token = $('input[name="...原创 2019-09-03 17:45:46 · 2422 阅读 · 0 评论 -
pId的数据结构转children 数据结构(JS)
在工作中经常遇到需要把带有pId的的list数据转换为children格式的树形结构,一直都没有找到太好的工具函数。偶然间看到了这个函数,研究了下,感觉这个函数很强大,所以记录下来,作为备用,同时也贴出来,供大家使用;/** * json格式转树状结构 * @param {json} json数据 * @param {String} id的字符串 ...转载 2019-10-01 14:18:32 · 1566 阅读 · 0 评论 -
javascript 扩展运算符(spread)三个点(...)的作用及用法
在javascript中“...”的作用:将一个数组转为用逗号分隔的参数序列。//该运算符主要用于函数调用。<br>function push(array, ...items) { array.push(...items);} function add(x, y) { return x + y;} var numbers = [4, 38];add(...n...原创 2019-10-04 09:14:41 · 1084 阅读 · 0 评论 -
学习编写jQuery插件
jquery插件基本上分为两种,一种是对象级别的插件,另一种是全局级别的插件。对象级别的插件就像是实例方法,它是属于实例对象的,而全局级别的相当于静态方法,是属于类的,调用起来自然也就不一样,对于全局级别的插件我们自然是使用jQuery来调用,比如$.NPScrollLoad(....),对象级别的插件自然是应用与jQuery对象上了,比如:$("selector").NPScrollLoad(....原创 2019-10-06 14:45:03 · 93 阅读 · 0 评论 -
sublime使用技巧
一、sublime菜单简介【常用功能及快捷键】【Edit菜单】1、line行操作快捷键ctrl+] 增加缩进ctrl+[ 减小缩进ctrl+shift+D 复制当前行ctrl+shift+K 删除当前行ctrl+shift+↑ 当前行与上行交换位置(也可以选中多行上下移动位置)ctrl+shift+↓ 当前行与下行交换位置2、原创 2016-02-13 19:24:08 · 589 阅读 · 0 评论