随笔分类 -  1.0 前端

摘要:Auto Rename Tag auto-rename-tag v0.1.6 2021 Auto rename paired HTML/XML tag //选中一个标签,可以自动编辑闭标签 vscode中搜索"any-rule"进行安装. Bookmarks Chinese(Simplified) 阅读全文
posted @ 2021-05-12 15:26 轴轴 阅读(69) 评论(0) 推荐(0) 编辑
摘要:官方参考 进行了一些项目的实操, 当刚在代码中接触到了 mapState() ...mapState 这样的代码时,一脸茫然,然后开始学习. 版本1:直接在模板中访问Vuex中的数据,见下面行4, 其中 1).\src\sotre\index.js 中new Vuex 对象 2).在 main.js 阅读全文
posted @ 2021-02-24 11:15 轴轴 阅读(106) 评论(0) 推荐(0) 编辑
摘要:时间戳:2021年1月 前端代码检验工具 ESlint Step1:使用npm init -y 命令在当前目录下初始化工程,即生成package.json Step2:在当前项目下安装 ESlintnpm install --save-dev eslint运行成功后会生成package-lock.j 阅读全文
posted @ 2021-02-20 09:30 轴轴 阅读(284) 评论(0) 推荐(0) 编辑
摘要:VSCode是必须安装的,然后安装Live Sass Compiler和Live Server两个插件 关键点 打开index.scss,按Ctrl + Shift + P打开命令面板,输入命令 Watch Sass 监听index.scss并生成index.css,再输入Open With Liv 阅读全文
posted @ 2021-02-19 09:13 轴轴 阅读(361) 评论(0) 推荐(0) 编辑
摘要:6-1 Vue项目预热 - 环境配置 1.安装nodeJSnodeJS v7.10.1 2021.2月 我的版本是 node -v 14.15.4推荐了gitee.com Dell-Lee 的gitee站点: gitee.com/dell-lee/events 2.安装git 相关命令:git -- 阅读全文
posted @ 2021-02-14 18:49 轴轴 阅读(240) 评论(0) 推荐(0) 编辑
摘要:注意:视频中的Webpack是3.X 目前2021年,Webpack安装后默认是5.X 中文官网 如果跟着视频里面一步一步操作,一上来就一个大坑.翻阅了教程下面的留言区,重要找到了答题,特此说明 参考 思想是不变的,但细节变化得蛮大的, 第1章 webpack 3.X 基本介绍主要介绍webpack 阅读全文
posted @ 2021-02-09 15:24 轴轴 阅读(85) 评论(0) 推荐(0) 编辑
摘要:ES6语法是目前前端开发的基础,当然基本的JavaScript又是它的基础. 学习资源 ES6 入门教程 阮一峰 【慕课网】 带你快速入坑ES 谢诚 写的ES新特性API在线电子书 ES英语官方API 第2章 ES6特性入坑 2-1 JS中可以声明常量吗 (15:32)不允许重复声明不属于顶层对象w 阅读全文
posted @ 2021-02-07 17:19 轴轴 阅读(86) 评论(0) 推荐(0) 编辑
摘要:继续重构代码,实现TagList jQuery插件和twbsPagination 插件联动,分页功能基本实现 common.js 参考 Setp3 给出变动部分 //封装请求模块,自运行模式 $(function () { //TODO }), function () { $.wzClient = 阅读全文
posted @ 2021-01-15 16:45 轴轴 阅读(76) 评论(0) 推荐(0) 编辑
摘要:继续重构,增加ajax请求WebApi, 使用System.Web.Http.ApiController 5.2.7.0 common.js 封装ajax请求模块 /*! 通用工具方法 */ //自定义ajax封装functoin $.wzAjax = function (requestParamO 阅读全文
posted @ 2021-01-14 14:14 轴轴 阅读(87) 评论(0) 推荐(0) 编辑
摘要:重构代码,增加ajax联动功能 tag_list.js (function ($, window, document, undefined) { 'use strict'; var TagsPagination = function(element,options){ this.$element = 阅读全文
posted @ 2021-01-12 15:07 轴轴 阅读(93) 评论(0) 推荐(0) 编辑
摘要:相应代码 1、bootstrap/3.3.7/bootstrap.css 2、site.css 3、bootstrap.min.js 4、jquery-3.3.1.js 5、tag_list.js 6、index.html 第一阶段,实现DOM节点在页面显示,效果图如下,这个2个tag是用本次自定义 阅读全文
posted @ 2021-01-11 15:00 轴轴 阅读(124) 评论(0) 推荐(0) 编辑
摘要:事情的起因是想开发一个类似博客园标签收藏时打书签的功能,于是解析了博客园的相关页面和JS源码进行了一番研究和学习. 过程漫漫与曲折,但收获不少.期间 如在看到博客园弹tag书签窗口的html源码有一处标签 <div id="cover_block"></div> 时,搜索到了《JavaScript自 阅读全文
posted @ 2020-12-04 16:32 轴轴 阅读(129) 评论(0) 推荐(0) 编辑
摘要:默认原生验证方法 官网 1.required 2.email 3.date 4.dateISO 5.1. number 请输入有效的数字 5.2. digits 只能输入数字 6. equalTo 7.1 maxlength 字符串长度控制 7.2 minlength 字符串最小长度 7.3.ran 阅读全文
posted @ 2020-09-17 14:14 轴轴 阅读(91) 评论(0) 推荐(0) 编辑
摘要:需要完成如下布局效果 运用到几个CSS知识点 1).有上角的图标是基于icon的字体文件(关键词:eot, svg, ttf, wofff, woff2) 属于前端基本功. 1 <li v-for="(item, index) in fileList" :key="index"> 2 <img :s 阅读全文
posted @ 2020-07-23 16:22 轴轴 阅读(1331) 评论(0) 推荐(0) 编辑
摘要:本地模拟服务器 appserv 其它参考 vue中$emit与$on和BUS Element UI 手册 腾讯云 Element官网参考 微信官方文档 小程序 看里面的组件,在开发时会用到 PHP后端 + APP前端工程实例-H5资讯APP,让新人更容易上手 开源 ( 附视频介绍) 有代码下载可学习 阅读全文
posted @ 2020-07-17 08:53 轴轴 阅读(512) 评论(0) 推荐(0) 编辑
摘要:1 HelloVuex.vuex 1 <template> 2 <div>HelloVuex 3 <button @click="ClickSetHandler">Vuex SET</button> 4 <button @click="ClickGetHandler">Vuex GET</butto 阅读全文
posted @ 2020-07-09 16:28 轴轴 阅读(378) 评论(0) 推荐(0) 编辑
摘要:...mapGetters(["变量名"]) 是属于Vuex原生的知识,所以如有要学习知道所以然, 入口是 Vuex官网 Vuex API 话说回来, 如果自己摸索, 为知道了入口在哪里, 也是要花费精力和时间的. 所以找对入口, 就可以保证方向是对的. 参考 vuex中mapGetters的使用及 阅读全文
posted @ 2020-07-08 14:05 轴轴 阅读(3995) 评论(0) 推荐(0) 编辑
摘要:盘ES6、ES7、ES8、ES9、ES10 思维导图 字符串处理 参考 数组 按条件删除数组中一个元素 fileList.splice(fileList.findIndex(item => item.uid file.uid), 1) Vuex-Action Xxx:({commit})=>{} 参 阅读全文
posted @ 2020-07-08 09:50 轴轴 阅读(341) 评论(0) 推荐(0) 编辑
摘要:参考 Vue项目中使用svg图标 这篇软文质量不错, 依葫芦画瓢,也跑通了 1.慢慢在理解其中包含的知识 2. 把自己理解换一种方式表达一下 我们想在vue页面使用svg图标,例如 <template> <div> <h1>Svg实践,在页面中使用</h1> <svg-icon icon-class 阅读全文
posted @ 2020-06-29 14:45 轴轴 阅读(4745) 评论(0) 推荐(0) 编辑
摘要:"vue": "^2.5.2",在package.json 的devDependencies中最小安装3个模块1. "sass": "^1.26.5"2. "node-sass": "^4.14.1",3、"sass-loader": "^7.3.1" 最小安装 2020年 踩坑点:不要安装sass 阅读全文
posted @ 2020-06-12 08:53 轴轴 阅读(878) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示