- 博客(21)
- 问答 (1)
- 收藏
- 关注
原创 Syntax Error: TypeError: this.getOptions is not a function
npm uninstall --save sass-loader // 卸载npm i -D sass-loader@8.x // 安装npm uninstall --save node-sass // 卸载npm i node-sass@4.14.1 // 安装// 如果node-sass安装失败,也可以直接在package.json中写上版本号,删除node_modules文件夹,重新npm i即可...
2022-02-15 10:44:51
269
原创 vue-element-admin 安装依赖时报错了怎么办
npm install --registry=https://registry.npm.taobao.org --loglevel=silly
2021-11-25 17:44:22
253
原创 虚拟DOM以及Snabbdom的使用
虚拟DOM1、什么是虚拟DOM是由普通的js对象来描述DOM对象2、为什么使用虚拟DOM创建DOM对象的成本高3、虚拟DOM的好处当状态改变时不需要立即更新DOM4、Snabbdom的使用创建项目//创建项目目录md snabbdom-demo// 进入项目目录 cd snabbdom-demo// 创建package.jsonnpm init -y//本地安装parcelnpm install parcel-bundler配置package.json"scripts"
2021-06-08 14:10:24
183
原创 Vue2.x的响应式原理
Vue2.x的响应式原理Vue2.x中响应式的实现是通过Object.defineProperty来完成的<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-
2021-06-07 09:42:31
228
原创 React笔记
React笔记开发环境搭建安装官方脚手架create-react-appnpx create-react-app myapp安装完成后执行如下命令npm start目录结构使用在index.js中编写代码创建元素let h1 = React.createElement('h1',null,'我是标题')渲染到页面ReactDOM.render(h1,document.getElementById('root'))JSX的使用优势:声明式语法更加直观,与HTML结构相同,
2021-05-24 19:46:56
90
原创 vue-element-admin中遇到的问题
vue-element-admin介绍是一个后台前端解决方案,基于 vue 和 element-ui实现准备需要在本地安装 node 和 git目录结构├── build # 构建相关├── mock # 项目mock 模拟数据├── plop-templates # 基本模板├── public # 静态资源│ │── favicon
2021-05-24 17:13:52
412
原创 腾讯云存储
腾讯云存储1、注册腾讯云账号进行实名绑定2、在认证完成页面点击领取免费产品再点击领取对象存储COS并开通服务3、操作3.1、创建一个存储桶3.2、对存储桶进行设置访问权限选择公有读私有写3.3、创建好存储桶后对跨域访问CORS设置点击添加规则因为没有域名,所以设置成*,有了域名后要设置成真实的域名地址将来源设置为 :*将操作全部选中一个存储桶就设置好了3.4、登录访问管理控制台,获取SecretId 和 SecretKey点击显示按照提示操作来获取SecretKey
2021-05-14 19:17:20
711
原创 vue单页面应用刷新网页后vuex的state数据丢失和this.$router和this.$route的区别
vue单页面应用刷新网页后vuex的state数据丢失产生原因因为store里的数据是保存在运行内存中的,当页面刷新时,页面会重新加载vue实例,store里面的数据就会被重新赋值。解决思路将state里面的数据保存到本地存储中解决方法localStorage是永久存储到本地,除非自行删除sessionStorage是存储到本页面关闭cookie是根据设置的有效时间,缺点是不能储存大数据且不易读取。要选择sessionStorage,因为vue是单页面应用,操作都是在一个页面跳转路由在点
2021-05-06 19:33:53
808
原创 vue-admin-template小结
vue-element-admin介绍是一个后台前端解决方案,基于 vue 和 element-ui实现准备需要在本地安装 node 和 git目录结构├── build # 构建相关├── mock # 项目mock 模拟数据├── plop-templates # 基本模板├── public # 静态资源│ │── favicon
2021-05-05 20:21:18
244
原创 使用云开发进行增加和查询
微信小程序云开发云开发优势无需搭建服务器免登录、免鉴权调用微信开放服务统一开发多端应用不限开发语言和框架上手创建一个集合点击云开发打开云开发控制台点开数据库创建一个新的集合在集合中点击插入字段插入数据{ // 描述,String 类型 "description": "learn mini-program cloud service", // 截止时间,Date 类型 "due": Date("2018-09-01"), // 标签,Array 类型 "tag
2021-04-28 09:41:39
301
原创 Vuex知识总结
Vuex1、Vuex是什么是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。vuex里有这么一个规则:只能在mutaions里修改state,actions不能直接修改state2、vuex 的核心storevuex 中最关键的是store对象,这是vuex的核心。可以说,vuex这个插件其实就是一个store对象,每个vue应用仅且仅有一个store对象。创建storeconst stor
2021-03-29 18:14:12
92
原创 vue单页面的增删改查项目
vue脚手架的基本使用一、基本知识1、安装脚手架全局安装npm install -g @vue/cli2、使用命令创建项目vue create my-project3、图形化创建项目vue ui二、vue单页面的增删改查项目1、编写四个vue组件(分别是增删改查的组件)2、实现将数据显示在表格中2.1编写数据<script>export default { data:function(){ return { po
2021-03-11 15:54:46
1618
3
原创 数组求和,求平均数,求最大值和最小值
1、定义数组var arr=[];var arr=new Array();2、数组赋值var arr=[];arr[0]=10;//把数字10赋值到数组索引为0的位置上arr[1]=20;//把数字20赋值到数组索引为1的位置上3、数组求和var arr=[10,20,30,40];var sum=0;for(var i=0;i<arr.length;i++){sum+=arr[i];}4、数组求平均数var arr=[10,20,30,40];var sum=0;
2021-02-28 16:47:59
3870
原创 使用CSS实现三角形
使用CSS实现三角形一个盒子共包括margin+padding+conten+border如果给盒子设置宽度、高度和边框就会出现下图 <style> .rect { width: 100px; height: 100px; border-color: red palegreen rebeccapurple cadetblue; border-style: solid; bo
2021-01-15 21:31:16
177
原创 移动端知识小总结
1、ppi每英寸的物理像素点2、两倍图想在屏幕中显示一张100100的图片先制作一张200-200的图片再设置图片为100100,这样高清屏会放大两倍,这样会造成模糊效果。这里的两倍不是尺寸放大两倍,而是用两倍的像素来显示。3、布局视口 layout viewport为了PC端的网页在手机上显示4、视觉视口 visual viewport看到的网站的区域5、理想视口 ideal viewport使网站在移动端有最理想的浏览和阅读宽度而设定设置布局视口自适应<meta name
2021-01-07 16:07:28
97
原创 JS高级知识
正则表达式正则表达式就是用于匹配字符串中字符组合特点:灵活性、逻辑性和功能性非常的强。可以迅速地用极简单的方式达到字符串的复杂控制。正则表达式的创建:通过调用RegExp对象的构造函数创建var exp = new RegExp(/123/) console.log(exp);利用字面量创建 正则表达式 var exp = /123/ console.log(exp);Test()用于检测字符串是否符合该规则 con.
2020-12-24 19:36:07
182
1
原创 浏览器样式重置
浏览器样式重置html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;} header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,
2020-12-08 16:19:56
71
原创 用JS求最大值和最小值
求出最大值 var arr=[48,20,56,23,20] var max=arr[0] for(var i=0;i<arr.length;i++){ if(arr[i]>max){ max=arr[i] } } console.log(max)求出最小值 var arr=[10,32,52,6,21]
2020-09-28 09:20:29
3287
1
原创 使用JS输出九九乘法表
输出九九乘法表 for (var i = 1; i <= 9; i++) { for (var j = 1; j <= i; j++) { document.write(j + '*' + i + '=' + j * i + ' ' + ' ') } document.write('<br/>') }...
2020-09-28 09:08:33
662
原创 输出*号
输出直角三角形个*号 for(var i=1;i<=5;i++){ for(var j=1;j<=i;j++){ document.write('*') } document.write('<br/>') }输出等腰三角形个*号 for (var i = 1; i <= 4; i++) { for (
2020-09-28 09:06:13
885
原创 HTML基础知识
总结HTMLbody内常用标签CSS初识HTMLweb标准有三层结构:结构(html)、表现(css)和行为(javascript)body内常用标签段落标签:pdiv / span / p / img 标签src标签:alt当图片加载不出来的时候 显示的提示信息title当鼠标悬浮在图片上 提示的信息a标签:target 默认是_self当前页面跳转_blank新建页面跳转br标签用来换行,块儿级标签类似于分段落,编辑器中的换行和多个空格就hr标签用来划分割线表格标签:table标
2020-09-07 16:59:18
77
空空如也
如何通过前端来给表格的某一列数据添加%号
2022-01-05
TA创建的收藏夹 TA关注的收藏夹
TA关注的人