- 博客(21)
- 收藏
- 关注
RSS订阅原创 js深拷贝
也就是说，传过去的对象，接收到的时候已经不是原来的引用和指针了，这个时候再return出来，就是一个新的对象。port1发送的由port2接收，port2发送的由port1接收。
2023-08-02 17:12:08
72
1
原创 小程序中 radio 中的label选中css样式选择
在一些小程序中 我们可以直接使用它的属性来进行样式改变可以省略一些判断class的操作在h5或小程序都可使用以radio为例小程序中 我们需要一个类似label来显示按钮等点击选中时 只能使按钮变色 但是文字样式不能改变这时 我们可以使用传参 进行判断进而来改变class但是 上图框中 aria-checked属性选中以后 与其它样式是不一样的所以我们可以使用属性来改变样式$color是我项目中封装的全局样式 可以替换成你自己的颜色这样省去了一堆js判断...
2021-03-24 18:28:48
646
原创 记录私有源无效
切换私有源提示：npm ERR! code E401npm ERR! Unable to authenticate, need: BASIC realm=“Sonatype Nexus Repository Manager”解决方法：1、输入 npm config list 获取 npm 配置2、找到 userconfig 一项3、打开 .npmrc 文件4、删除已配置的私有源地址和 NpmToken5、重新配置私有源 (和token一行的直接删除)...
2021-03-24 17:47:09
1138
2
原创 小程序使用WebView解决跳转两次问题
由于在小程序和APP需要复用一套页面，所以使用h5嵌套在各种平台上小程序中，当跳转Webview页面时，可以明显感到刷新两次并且在h5回退到小程序中，他会卸载页面返回上一个同样的页面 也就造成了我们回退小程序返回两次这样对用户体验并不友好在小程序中可以这样解决Taro使用： 在webview的页面中 {this.state.access_token && <WebView src={this.state.url && this.state.url }
2021-03-12 15:57:03
2763
原创 cesiumjs设置沙箱执行脚本
1.禁用infobox，自己设计信息面板。2.设置沙箱的权限var iframe = document.getElementsByClassName(‘cesium-infoBox-iframe’)[0];iframe.setAttribute(‘sandbox’, ‘allow-same-origin allow-scripts allow-popups allow-forms’);一定记住设置src属性为空iframe.setAttribute(“src”, “”);...
2021-03-04 15:39:00
541
1
原创 Vue移动端使用weixin-js-sdk
NPM install weixin-js-sdk在main.js全局使用import wx from "weixin-js-sdk";Vue.protoType.$wx = wx;或者单个页面引入var wx = require("weixin-js-sdk")需要配置wx.config（）或许需要在每次路由跳转时重新配置/**所有需要使用JS-SDK的页面必须先注入配置信息，否则将无法调用（同一个url仅需调用一次，对于变化url的SPA的web app可在每次url变化时.
2021-03-02 14:32:53
408
1
原创 从零搭建
开始优雅webpack4http://vlambda.com/wz_xetaQRp1gl.htmlhttps://vue-loader-v14.vuejs.org/zh-cn/configurations/advanced.htmlvue-cli直接搭建一个项目 不想从零开始**、进入你的项目目录，创建一个基于 webpack 模板的新项目: vue init webpack 项目名**说明：Vue build ==> 打包方式，回车即可；Install vue-router ==&
2020-09-23 17:03:00
253
原创 路由权限及动态路由
项目中的后台管理经常需要一些权限设置 并且通过当前登录人生成动态路由来进行对应的权限操作在我的经手项目中需要先通过登陆人查询所拥有的路由权限 然后再配置路由中过滤 生成路由表 再进行动态生成一系列代码如下import Vue from 'vue'import Router from 'vue-router'const _import = require('./_import_' + process.env.NODE_ENV)Vue.use(Router)~~> 这里的routerM
2020-07-09 10:35:04
420
原创 Cesium信息框不能执行js语句解决办法
在做BIM模型时需要添加按钮，description:“设备名称:” +v.name +“设备编号:” +v.code+</p><p><button id='jk' onclick="$('#jk').remove()">查看监控</button></p>,提示错误Blocked script execution in ‘about:blank’ because the document’s frame is sandboxed an
2020-07-02 09:45:43
3441
4
原创 前端自动化测试 --Jest基础2之匹配器
Jest中测试、必不可少的就是匹配器接下来看一下Jest有哪些匹配器toBe 上一章例子中我们用到toBe就是匹配数字的，这里不多作介绍toEqual ：测试对象中的值是否与测试结果一致toMatch： 给一个正则、匹配字符串是否存在某个字符toHaveLength：判断字符串或数组长度const arr = [1,2,3]test('should ', ...
2020-02-26 17:53:49
236
原创 前端自动化测试 --Jest基础1
如今，一个App，一个网页，一个网站需要团队的人不同协作完成前端代码更是经过多人编写一个项目的代码量是很庞大的当我们遇到bug时、是不是要找很久可能也没找到这时候、前端自动化测试就很有必要了你可以这么理解：我们可以快速定位BUG，编写的测试有文档的作用，方便维护首先、我们init下文件npm init -y然后、让我们来安装下jestyarn add jest@24.8.0...
2020-02-25 21:26:51
359
原创 前端安全之 防止CSRF攻击
前端方面不仅仅是把数据渲染在页面上而已、前端要做的事情很多例如关于安全方面的问题就要做好假设、一个管理系统，当你登陆系统以后、在你不做安全方面工作的化别人可以通过你的接口来对你的数据进行增删改查、这就是csrf攻击数据更改了、有可能会对公司造成很大的影响关于解决这个问题可以参考如下方案 ----这是我的一个项目后端用的Node的Express框架搭建...
2020-02-24 18:11:27
1842
原创 JavaScript - 原型详细讲解
原型简单说就是prototypeprototype就是调用构造函数所创建的那个实例对象的原型当产生一个function对象的时候，就有一个原型prototype，prototype的属性值是一个对象，是属性的集合,这个属性是一个指针，指向一个对象原型链就是根据函数实例化出来的对象与原型之间的一个链接如果有人问原型链与原型属性有什么不同:对象的原型链和实例化该对象的类的原型相同、是同一个对...
2020-02-22 23:28:10
222
原创 TS---------装饰器在类的使用
TS尽管让我们的代码变得更多、但是在后续维护上的效果确实可观的TS中的装饰器作为比较重要的一部分、到底怎么使用的、接下来看代码装饰器在类上的使用function desc(target:any){ //装饰器console.log(target) //这里打印出的target为 [Function: Animals] ------------------------...
2020-02-22 22:00:24
559
原创 Redux(4) -saga 处理异步数据
redux中异步数据处理除了redux-thunk之外、还有一个插件叫 redux-saga这个插件会让代码更易读、使用的是ES6的Generator功能、不同于thunk 、saga避免了回调地狱话不多说安装此插件npm i redux-saga或yarn add redux-saga对其使用store.jsimport { createStore, applyMiddl...
2020-02-21 21:54:19
437
原创 Redux(3) -在React中使用
react对redux进行了简单封装 react-redux当我们要用react-redux时、我们可以安装npm i react-redux里面提供了Provider同时也要安装redux我们可以引入import {Provider} from "react-redux"ReactDOM.render(<Provider store={store}><App /&...
2020-02-20 18:51:48
220
原创 Redux(2) --node中使用
接下来看一下redux在node中使用首先创建一个index.js、安装reduxconst { createStore } = require('redux')const reducer = require('./reducer') 引用下面的reducer.jsconst store = createStore(reducer)// console.log(store) 打印...
2020-02-20 18:51:18
380
原创 Redux(1) -手写模拟redux
Redux作为状态管理不仅能在React使用、也能在node等其他地方使用今天先来看看redux在react当中的应用首先、先来看一段简单的代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content=...
2020-02-20 17:17:36
238
原创 RN项目之react-Navigation(路由导航)
RN项目之Navigation react navigation地址：https://reactnavigation.org/ 在任何一个项目都离不开路由、关于RN的路由总结以下几点 一、**基本** 首先安装基本模块npm install @react-navigation/native -S或yarn add @react-navigation/native然后再安装npm ...
2020-02-20 14:10:34
2239
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人