FrontEnd
关注
分享
扫一扫
FrontEnd
oneslide
时代是浮躁的，心之所向，日积月累，愈久弥坚，大器晚成。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Vue Router Hash模式和Html 5模式的区别
html5 mode 和 hash mode 是 Vue Router 两种不同的导航模式。原创 2023-05-17 10:55:33 · 692 阅读 · 0 评论 -
Vue Router导航守卫 登录验证和自动跳转
Vue Router 的导航守卫用于在路由跳转前或跳转后执行某些逻辑。原创 2023-05-16 15:21:53 · 2499 阅读 · 1 评论 -
Vue Router 动态路由
这些基本步骤可以在 Vue CLI 创建的项目中使用和开发 Vue Router。原创 2023-05-15 15:08:52 · 1403 阅读 · 0 评论 -
TypeScript 语法笔记
【代码】TypeScript 语法笔记。原创 2023-05-11 18:30:50 · 182 阅读 · 0 评论 -
如何编写vscode插件-- 全声明周期记录
vscode插件开发原创 2022-08-29 15:52:34 · 404 阅读 · 0 评论 -
vue3 element-plus typescript
vue3 element-plus typescript创建项目脚手架原创 2022-07-01 16:04:44 · 686 阅读 · 0 评论 -
Vue Note
一个html搞定<html><head> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script></head><body> <div id="app"> <div id="example-5"> <select v-model="selected"原创 2022-02-25 20:33:07 · 394 阅读 · 0 评论 -
编程式导航
vue-router在js函数中实现编程式导航：<template> <div> <hello-world></hello-world> <!--点击open函数--> <el-button type="primary" @click="open" round>Primary</el-button> </div></template><script>i原创 2022-02-16 20:39:57 · 442 阅读 · 0 评论 -
Node Js Express -- node js 写Web
准备mkdir sample && cd samplenpm initnpm install express --saveExampleconst express = require('express')const hostname = 'localhost'const port=8080const app=express();const bodyParser = require('body-parser')app.use(bodyParser.urlencoded原创 2020-09-28 13:44:04 · 173 阅读 · 0 评论 -
基于Web的SSH终端调研
Web-based SSH使得通过浏览器就可以访问SSH Shell终端，通俗来将，使用浏览器代替Xshell之类的客户端工具。有两种实现方式：JavaScript/Ajax或者JavaScript/WebSockets。基于Web的客户端通常分成两个两个部分：客户端： JS和动态HTML用于捕获键盘事件，与服务器交换信息。服务端： 前端请求在web后端处理，键盘事件转发到安全shell客户端与连接的SSH服务器（运行sshd的远程主机）交互。终端输出直接转给客户端(客户端使用JavaScript转原创 2020-08-13 20:49:22 · 555 阅读 · 0 评论 -
实现消息盒子
改天写Reference List解决 vue中props值无法赋值给data域的问题一个关于css中margin-right没有效果的问题原创 2020-03-08 19:45:22 · 1750 阅读 · 0 评论 -
Vue父子组件通信
父组件向子组件通信抓住几个语义特点就可以了。子组件要接收父组件传过来的内容，需要引入props，也就是说有props就是子组件以下是子组件的内容：Children.vue<template> <div> <p>{{post}}</p> </div></template><script&g...原创 2020-03-01 18:51:13 · 229 阅读 · 0 评论 -
vue动态修改组件的子组件
固定组件父组件的子组件列表是固定的，注册父组件的组成部分：//这里导入子组件import ChildSlot from './ChildSlot' export default{ name:"TestSlot", //这里注册子组件 components:{ ChildSlot }}这种方式很不灵活，比如饿了吗一份外卖，麻...原创 2020-02-29 11:45:25 · 1921 阅读 · 0 评论 -
Vue Slot
Reference Listhttps://cn.vuejs.org/v2/guide/components-slots.htmlSlot的作用父组件和子组件的含义以我现在的理解，组件A包含组件B,A就是B的父组件。Slot含义slot的含义是相对于子组件而言。子组件是父组件的组成部分。子组件定义的时候，某个位置不知道填什么标签，可能是一个图片，可能是一段文字。这个时候就把它抽象的...原创 2020-02-29 10:33:57 · 200 阅读 · 0 评论 -
Vue Js
// 安装webpacknpm install webpack -g//安装vuenpm install -g @vue/cli//创建项目vue create library-management //library-management是项目名cd library-managementnpm run serve接下来就可以访问了： DONE Compiled succe...原创 2019-11-10 19:08:15 · 257 阅读 · 0 评论 -
JS FOR循环的鼠标事件（闭包）
闭包问题到现在还没有搞清楚，但是有代码来解决这个问题。错误案例：for(var i=0;i<6;i++){ li[i].onmouseover=function(){ li[i].style.backgroundColor="aliceblue"; } }这串代码似乎很合清理，逻辑上没有任何问题，但在js console原创 2016-07-07 22:27:00 · 1107 阅读 · 0 评论 -
处理html页面的空格问题（DOM）
<div id="nav"><ul> <li>a</li> <li>b</li> <li>c</li></ul></div><script> var u=document.getElementsByTagName("ul")[0]; alert(u.firstChild.nodeValue);</script>这段代码我本来打算在窗口提示“a”,结果是un原创 2016-07-07 21:24:43 · 732 阅读 · 0 评论 -
spinbox.html
<!doctype html><html lang="en"> <head> <meta charset="GBK"> <meta name="Generator" content="EditPlus"> <meta name="Author" content="oneslide"> <meta name="Keywords" content="load"> <meta na原创 2017-06-20 14:00:27 · 643 阅读 · 0 评论 -
JS闭包知识点整理
JS闭包这是一个术语，但是用通俗的解释就是函数里的函数！ 这是一个相当麻烦的概念，所以我有些不知道从哪里整理，真是无语。 还是循序渐进的弄吧！ 首先引入一个概念：函数的作用域（scope） 作用域确定了函数的变量访问权限： function test() { var a = 4; } test(); alert(a); //报错：a is undefine原创 2016-07-07 23:06:29 · 441 阅读 · 0 评论 -
JSP表单隐藏域通过JS设置
HTML <form action="login.jsp" method="post" id="data"> <input type="button" value="login" class="op" name="oper" onclick="judge(this)" /> <input type="button" value="Sign up" class="op" n原创 2017-12-31 22:39:36 · 1665 阅读 · 0 评论 -
阻止表单默认提交行为
Event Handler属性<form> <input name="name"> <button type="submit" name="child">submit</button> </form>这里有一个简单的表单，可以使用返回值false来阻止表单默认提交。va原创 2019-01-27 22:29:22 · 1681 阅读 · 0 评论 -
URL编码方式
定义-什么叫URL编码URL编码是一种将不可打印字符或特殊字符转换成可以被服务器和浏览器接收的字符。可用于对URN(统一资源命名符)，URI(统一资源标识符)（HTML里的ID），URL(统一资源定位符)进行信息编码。格式就是%HH。这种方法就是先将整个URL用UTF-8(可以编码任何语言)进行编码，然后再对URL中的每个字节进行检测，如果是控制字符（不可打印字符）或非ASCII（&amp;gt;1...翻译 2019-02-23 10:16:42 · 4132 阅读 · 0 评论 -
代码渲染开源JS插件-highlightJS
广告预警推荐一款插件：highlightJS可以进行代码渲染，多的我就不BB了。官网地址：https://highlightjs.org/Git地址：https://github.com/oneslideicywater/highlight.js.git高能预警&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;!--编码一原创 2019-02-12 23:28:49 · 1331 阅读 · 0 评论 -
ChartJS工具测试
CDN <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/Chart.min.js" integrity="sha256-Uv9BNBucvCPipKQ2NS9wYpJmi8DTOEfTA/nH2aoJALw=" crossorigin="anonymous"></script>饼状图...原创 2019-04-24 14:02:28 · 810 阅读 · 0 评论 -
传入JSON数据自动生成表格
下面这个函数传入需要渲染的数据render,自动提取JSON数据中的属性变成表格列标题，JSON某个属性的值作为表格数据： // EXTRACT VALUE FOR HTML HEADER. var converter=function (render) { //生成各个列 var col = []; for...原创 2019-04-24 14:10:51 · 7093 阅读 · 0 评论 -
matrix 2d in CSS3
在css3中有几个函数来确定w3c盒子模型的位置变换和大小以及变形。 由于一下各处代码都基于webkit实现所以，不考虑其他兼容性，只考虑 实现的内部功能机理。//通常用到的函数，针对w2c盒子模型-webkit-transform:scale(1.5);/*缩放：scale参数假设为x,当x>1,盒子放大；当0<x<1,盒子缩小*/-webkit-transform:translate(原创 2016-07-09 00:12:34 · 438 阅读 · 0 评论