- 博客(19)
- 收藏
- 关注
RSS订阅原创 一些JS超级基础的知识梳理（八）
HTTP、AJAX为什么要本地存储？• 真实项目中经常需要在一个网站的多个页面间共享数据，如果登录状态，购物车信息等但是浏览器打开页面时首先形成一个顶层的作用域 window，每次页面打开都会形成一个单独的作用域，页面之间是不可以互通访问变量的；但是项目中经常会用到页面间传递数据的要求；每个页面又都是在浏览器中打开的，如果可以把值存储到浏览器中，让浏览器作为一个中介， A 页面把值存到浏览器中，B 页面从从浏览器中把 A 存储的值取出来；本地存储解决方案：• cookie (cookie 是
2021-04-21 16:03:30
285
1
原创 一些JS超级基础的知识梳理（七）
jQuery一、jQueryjQuery的API文档获取dom元素// 1.获取 DOM 元素// 操作方法：JQ 选择器（根据选择器类型快速获取需要的元素）$([selector],[context]) $('#box') $('.imgBox') $('.box a') $('a',box) .../*JQ 支持的选择器：传统 CSS3 中的大部分都支持、还支持一些自己独有的 * :eq(n) 获取集合中索引为 n 的 * :gt(n) 大于
2021-04-21 00:03:28
71
原创 一些JS超级基础的知识梳理（六）
正则、盒子模型// 常用的元字符* 零到多次+ 一到多次? 零次或者一次{n} 出现 n 次{n,} 出现 n 到多次{n,m} 出现 n 到多次\ 转义字符（普通 -> 特殊 -> 普通）\n 换行符. 除 \n（换行符）以外的任意字符^ 以哪一个元字符作为开始$ 以哪一个元字符作为结束\d 0~9之间的一个数字\D 非0~9之间的一个数字 （大写和小写的意思是相反的）\w 数字、字母、下划线中的任意一个字符\s 一个空白字符（包含空格、制表符、换页符等）\
2021-04-20 23:51:06
149
原创 一些JS超级基础的知识梳理（五）
作用域、变量提升、闭包、原型模式与原型链、面向对象1. 作用域作用域分为全局作用域和私有作用域全局作用域：当浏览器打开页面时，会形成一个供代码执行的运行环境，这个环境叫全局作用域，全局作用域一个页面只有一个，同时也会形成两个虚拟的内存，一个是栈内存，一个是堆内存在全局作用域形成以后，在这个全局作用域会默认提供最大的 winidow 对象 ，当调用 window 下的方法时，window 可以省略.私有作用域： 是给函数体中的代码提供代码的运行环境的2. 私有作用域是在全局作用域下形成创建的；
2021-04-20 23:41:17
59
原创 ECharts的基本使用
1：下载并引入echarts.js文件2：准备一个具备大小的DOM容器3：初始化echarts实例对象4：指定配置项和数据(option)5：将配置项设置给echarts实例对象title：标题组件tooltip：提示框组件legend：图例组件toolbox: 工具栏grid：直角坐标系内绘图网格xAxis：直角坐标系 grid 中的 x 轴yAxis：直角坐标系 grid 中的 y 轴series: 系列列表。color：调色盘颜色列表...
2021-04-03 20:08:06
144
原创 一些JS超级基础的知识梳理（四）
操作DOMDOM：document object model 文档对象模型，提供一些属性和方法供我们操作页面中的元素获取DOM元素的方法• document.getElementById() 指定在文档中，基于元素的 ID 或者这个元素对象• [context].getElementsByTagName() 在指定上下文(容器)中，通过标签名获取一组元素集合• [context].getElementsByClassName() 在指定上下文中，通过样式类名获取一组元素集合 （不兼容IE6~
2021-03-24 19:52:20
102
原创 一些JS超级基础的知识梳理（三）
数组方法1.实现数组增删改的方法这一部分方法都会修改原有的数组push/* * push : 向数组末尾增加内容 * @params * 多个任意类型 * @return * 新增后数组的长度 */let ary = [10, 20];let res = ary.push(30, 'AA');// 基于原生 JS 操作键值对的方法，也可以向末尾追加一项新的内容ary[ary.length] = 40;console.log(res, ary); // 4 [10,20
2021-03-24 19:40:40
63
原创 一些JS超级基础的知识梳理（二）
一、JS中的数据类型检测typeof [val]：用来检测数据类型的运算符instanceof ：用来检测当前实例是否率属于某个类constructor ： 基于构造函数检测数据类型（也是基于类的方式）Object.prototype.toString.call() ：检测数据类型最好的办法二、JS中的操作语句：判断、循环if / else if / else三元运算符(1)如果处理的事情比较多，我们用括号包起来，每一件事情用逗号分隔(2)如果不需要处理事情，可以使用 null /
2021-03-24 19:22:56
62
原创 小程序开发步骤
小程序开发步骤1，申请小程序开发账号微信公众平台 https://mp.weixin.qq.com/点击立即注册，选择小程序,注册并激活账号，获取appid2，安装小程序开发者工具工具下载3，创建和配置小程序项目小程序的项目组成结构：pages用来存放所有小程序的页面utils用来存放工具性质的模块app.js 小程序项目的入口文件app.json 小程序项目的全局配置文件app.wxss 小程序项目的全局样式文件project.config.json 项目的配置文件sitema
2021-03-04 17:59:13
164
1
原创 vue面试题
1.Vue的DOM更新世同步的还是异步的？答：初次渲染是同步，更新是异步为什么是异步？每一次修改数据的时候，如果都要更新视图，那么会造成很多不必要的渲染。2.vue的生命周期答：从创建vue实例到实例销毁的过程3.请介绍一下vue父子组件渲染的时候对应钩子函数的执行顺序渲染是先父后子，渲染完成是先子后父更新是先父后子，更新完成是先子后父（更新不一定影响）销毁是先父后子，销毁完成是先子后父4.请介绍一下v-if与v-show的区别与使用场景答：v-if是控制整个结构的加载（比较大切换开销
2021-03-04 12:45:06
129
1
原创 又一次由于安全整数范围出现的问题
get请求 参数使用params传递的时候，axios 会把 params 对象转为 key=value?key=value 的格式放到 url 中去发送（会自动进行拼接编码），一超出安全整数范围数据就会出错。解决方法：直接在交数据前，自己将数据toString。还有一些小问题由于list默认机制在可视范围内才会检查滚动位置触发onLoad，才会发请求加载数据，会造成一开始页面拿不到数据。所以我们就在created里设置onLoad调用，一开始就能拿到数据。但是如果这样的话，如果放在直接可视范围内的页
2021-03-03 14:39:46
84
1
原创 关于拿数据报404错误的原因和解决办法
关于报404错误的原因和解决办法由于请求数据的id不对(js能够准确表达的整数范围在-2^53 到 2^53之间，超过这个范围，无法精确表示这个值，所以一方面来说js不适合进行科学和金融方面的精确计算。)由于后端返回的数据都是json格式的字符串，要拿到的话必须要转格式。转格式后，由于id超过整数范围，id会发生变化。所以是错误的，会报404.可以用json-bigint包去解决这个问题。npm i json-bigintJSONBig.parse()JSONBig.stringify
2021-02-28 15:33:30
1217
原创 关于推荐频道的写法（无接口数据时用现有的去相减
关于推荐频道的写法（无接口数据时用现有的去相减）先定义一个计算属性，在里面定义一个数组，用来存储推荐频道。 遍历所有频道，判断是否属于自己原有的频道，（用数组的find方法去查找满足条件的元素项，接收一下结果，判断）用刚刚定义的数组接收判断下来的数据 recommendChannels () { const channels = [] this.allChannels.forEach(channel => { const ret = this.myChan
2021-02-25 17:26:59
80
原创 关于列表滚动会相互影响的解决办法
关于列表滚动会相互影响的解决办法原因：因为列表滚动是整个body页面在滚动，会影响,可以用以下代码在控制台检测。function findScroller(element) { element.onscroll = function() {console.log(element)}Array.from(element.children).forEach(findScroller)}findScroller(document.body)让每一个列表都有自己的滚动容器。给组件设置高度，但不可
2021-02-24 21:05:21
343
原创 关于数据绑定的一些问题
一直未拿到数据由于index.vue里自己创建的组件未绑定上数据。数据上去之后是undefined是因为之前用的组件里面传的是数字。需要更改
2021-02-22 22:25:37
60
原创 移动端开发时遇到的一些问题与解决办法
组件中需要用this.$xx 来调用弹框组件退出登录时，用容器里的setUser方法，讲user值设为null用来清除数据，本地存储也会跟着变。this.$store.commit('setUser', null)身份令牌传给后端的授权方法示例在api中加入headers，文档中的字段名，数据值（取容器中的token），需导入容器模块，再拼接export const getUserInfo = () => { return request({ method: 'GET',
2021-02-21 19:43:36
219
原创 一些排序的方法
快速排序var ary = [3,2,1] function quick(ary) { if(ary.length<=1){ return ary } let centerIndex = Math.floor(ary.length/2); let centerValue = ary.splice(centerIndex, 1)
2020-07-29 00:48:57
87
原创 JS中奇偶行变色只用for循环,完全不需要if判断的方法！！
项目1项目2项目3 计划任务 完成任务|Dashes |-- is en-dash, --- is em-dash|-- is en-dash, — is em-dash|创建一个自定义列表MarkdownText-to-HTML conversion toolAuthorsJohnLuke如何创建一个注脚一个具有注脚的文本。1注释也是必不可少的Markdown将文本转换为 HTML。KaTeX数学公式您可以使用渲染LaTeX数学表达式 KaT.
2020-07-27 23:27:51
439
原创 一些JS超级基础的知识梳理（一）
前端发展史第一阶段：C / S （client server） -> B / S （browser server）网页制作技术栈：PhotoShop、HTML、CSS第二阶段：从静态到动态，从后端到前端 前端开发工程师前后端分离：后端：完成数据的分析和业务逻辑的编写（包含 API 接口编写）前端：网页制作、JS 交互效果、数据的交互和绑定技术栈：JavaScript 、 Ajax（跨域技术）、jQuery …第三阶段：从前端到全端（从 PC 端到移动端）技术栈：H5、CSS3、响应式
2020-07-14 23:20:23
305
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人