>>>>>前端技术和前端框架
前端技术和前端框架
故人偏爱云腴白
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
关于Element ui加了验证后 填了值 验证不消失的问题
由于不是专业的前端 所以这两天在做前端开发的时候遇到了很多坑 网上百度的答案也好多不管用 还都是复制粘贴 这里记录一下遇到的问题 以免以后再受折磨之前的写法是这样 我感觉没啥问题 我以为就只加个:rules就好了 结果因为我这个是form.name 还是识别不了好像 最后去elementui看了一下 结果还要写个:model 绑定一下form<el-form :rules="rules" label-position="right" size="small"> <.原创 2021-11-29 10:30:14 · 1538 阅读 · 1 评论 -
关于process.env.NODE_ENV的记录
最近在写前端的时候发现了一句代码 process.env.NODE_ENV === 'development' 代码的意思就是如果是开发环境就执行以下的操作 但是我找了半天也没找到哪里设置的NODE_ENV 满头的疑惑后来终于 皇天不负有心人 终于查到了 在此记录一下在使用vue-cli3.0脚手架创建的Vue程序中 已经把process.env.NODE_ENV 配置好了"serve": "vue-cli-service serve", //会默认把process.env.NODE_EN.原创 2021-10-11 09:28:40 · 771 阅读 · 1 评论 -
Layui的下拉框回显问题
最近项目中用到了Layui 然后遇到好多好多好多好多的问题 下拉框回显这个问题已经遇到了第二次了 这里记录一下 方便以后使用原理就是循环整个下拉列表 找到对应的那个 然后加上select属性$("#idName").each(function() { // this代表的是<option></option>,对option再进行遍历 $(this).children("option").each(function() { // 判断需要对那个选项.原创 2021-07-20 16:49:38 · 2656 阅读 · 0 评论 -
解决JS中replace全局替换的问题
解决JS中replace全局替换的问题今天在写前端的时候 发现replace这个方法只能替换第一个匹配的值 简直是整冤枉 然后在百度的时候 发现基本上都是加个/g但是 我用了一下 发现没什么效果 然后后面找到一种分组替换的方法 我觉得挺好用的 这里记录一下var str = "abcabcabcabc";var new_str = str.split("b").join("d");console.log(new_str);输出:> adcadcadc同时也支持链式调用var n原创 2021-03-09 15:28:51 · 500 阅读 · 0 评论 -
ES6学习 —— var和let的区别
var 声明的变量往往会越域let 声明的变量有严格局部作用域 { var a = 1; let b = 2; }/ console.log(a); // 1 console.log(b); // ReferenceError: b is not definedvar 可以声明多次let 只能声明一次 var m = 1 var m = 2原创 2020-12-24 11:41:52 · 217 阅读 · 0 评论 -
axios 设置公共请求头
import axios from 'axios'// 设置公共请求前缀export const baseUrl = 'localhost:8080';axios.defaults.baseURL = baseUrl;// 设置请求头tokenaxios.defaults.headers.common['Authorization'] = sessionStorage.getItem('token')原创 2020-12-01 10:50:01 · 1007 阅读 · 0 评论 -
深入理解vue中的slot与slot-scope
作者/云荒杯倾写在前面vue中关于插槽的文档说明很短,语言又写的很凝练,再加上其和methods,data,computed等常用选项使用频率、使用先后上的差别,这就有可能造成初次接触插槽的开发者容易产生“算了吧,回头再学,反正已经可以写基础组件了”,于是就关闭了vue说明文档。实际上,插槽的概念很简单,下面通过分三部分来讲。这个部分也是按照vue说明文档的顺序来写的。进入三部分之前,先...转载 2020-02-16 17:48:08 · 238 阅读 · 0 评论 -
Node.js(1) 安装、常用命令、以及案例
Node.js是什么?Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。 Node.js 的出现吸引了很多前端开发人员开始用 JavaScrip...转载 2020-01-27 00:21:18 · 257 阅读 · 0 评论 -
JS&jQuery基础增强
文章目录Day33 JS&jQuery基础增强JS一切皆对象操作对象创建对象给对象赋值/取值赋值:####取值删除对象中的属性循环遍历对象中的成员JSON字符串转JSON对象对象属性的拷贝函数也是对象(了解)window中的nameprototype回调函数回调函数的作用匿名函数jQuery的事件注册注册事件方式1注册事件方式2事件的注册方式三clone事件克隆jQuery的继承jquer...原创 2019-12-27 14:44:40 · 620 阅读 · 0 评论 -
jQuery入门
文章目录Day32 jQueryjQuery的各个版本番外篇window.onload与$(function)的区别dom对象与jquery对象互转text html val 的区别选择器id选择器元素选择器类型选择器组合选择器层级选择器jquery循环迭代城市选择的二级联动Day32 jQueryjQuery的各个版本jQuery的核心思想:写得更少,做得更多-------------&g...原创 2019-12-27 14:42:52 · 298 阅读 · 0 评论 -
ElementUI+前后端分离+mockjs
1 前后端分离(理解)1.1 什么是前后端分离前端: 将浏览器中为用户进行页面展示的部分称之为前端后端: 为前端提供业务逻辑和数据准备的所有代码统称为后端在传统的web应用开发中,大多数的程序员会将浏览器作为前后端的分界线。将浏览器中为用户进行页面展示的部分称之为前端,而将运行在服务器,为前端提供业务逻辑和数据准备的所有代码统称为后端。很多人误以为前后端分离只是一种web应用开发模式,只...原创 2020-01-02 09:02:58 · 367 阅读 · 0 评论 -
Vue第一天
文章目录1前端回顾前端的发展史MVVM(理解)前端的框架说明2 ES62.1 ES6的语法(掌握)3 Vue3.1 什么是Vue3.2Vue架构的认识3.3 vue怎么使用(掌握)3.4 el挂载(掌握)id的方式进行挂载class方法进行挂载data数据methods方法Vue生命周期钩子环节重点:数据的双向绑定Vue表达式4 vue指令v-text/v-htmlv-forv-bindv-mod...原创 2019-12-29 00:00:33 · 334 阅读 · 2 评论 -
Vue第二天
1 绑定事件指令 v-on语法:使用v-on指令注册事件<标签 v-on:事件句柄=“表达式或者事件处理函数”></标签>简写方式<标签 @事件句柄=“表达式或者事件处理函数”></标签> <div id="app"> {{num}} <button v-on:click="num+...原创 2019-12-30 11:34:16 · 692 阅读 · 2 评论 -
EasyUI(0)——入门
文章目录Easy介绍Easyui的目录结构:Easyui运行需要的依赖文件:需要引入的文件创建easyui组件的2种方式Html方式JS方式设置属性的两种方式常用的组件linkbuttonlinkbutton常见属性html和js创建组件的区别panel操作easyui默认属性方法的操作TreedatagridEasyUI中文官网Easy介绍Easyui的目录结构:Easyui运行需要的...原创 2020-01-25 11:12:42 · 2115 阅读 · 0 评论 -
EasyUI(1)——综合案例(结合后台的CRUD)
文章目录公共部分代码Header.js主页面整体布局左侧树菜单布局h5:js:后台准备数据员工管理数据列表(通过HTML的方式加载数据)部门和图片的格式化回收站数据(通过JS的方式加载数据)添加按钮与事件准备按钮按钮添加事件后台数据公共部分代码//弹出框默认应该是模态框$.fn.dialog.defaults.modal = true;//弹出框默认应该是关闭状态$.fn.dialog....原创 2020-01-25 14:50:00 · 594 阅读 · 0 评论 -
EasyUI(2)扩展——右键选项卡菜单&&更换主题
右键选项卡菜单右键tab菜单选项<div id="mm" class="easyui-menu" style="width:140px;"> <div id="mm-tabclosrefresh" data-options="name:6">刷新</div> <div id="mm-tabclose" data-options="nam...原创 2020-01-25 12:30:06 · 379 阅读 · 0 评论
分享