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