- 博客(15)
- 收藏
- 关注
原创 vue相关面试题
1,vue的性能优化 1· 代码模块化,将重复率高的抽离出单独的组件,复用性更强, 2·css也可以通过less.sass自定义变量减少重复代码 3· for循环设置key值,可以更快的定位到diff 4· vue路由设置成懒加载,当首屏渲染的时候,能够加快渲染速度 5· 使用keep-alive对组件进行缓存,从而节省性能 6· 修改vue.config.js中的配置项,把productionSourceMap设置为fa
2022-07-11 13:18:15
560
1
原创 sourceTree与GitHub仓库关联
1、获取SSH KEY 输入如下命令,然后连续按三个回车即可: ssh-keygen -t rsa -C "your_email@example.com" 查看 cat ~/.ssh/id_rsa.pub cat ~/.ssh/id_rsa.pub 2、设置GitHub 在GitHub设置页,选择SSH and GPG keys,创建新的SSH key ,复制公钥并保存 3、配置sourceTree 打开sourcetree,选择工具>选项,进入工具选项页面,SSH客户端配置如下.
2022-05-06 19:11:15
1431
原创 前端加密AES、RSA、SHA256用法
import CryptoJS from "crypto-js" import nodeRSA from "node-rsa" class encryptClass { // 示例: // var aesKey = this.utils.encryptClass.AES_KEY // var pubKey = this.utils.encryptClass.RSAPublicKey // var penguin = this.utils.encryptClass.RSAUtilencryptPu.
2022-02-08 15:44:54
2258
原创 搭建node.js项目
1、下载安装包,安装node.js 2、安装npm包管理工具 3、创建空文件夹,作为项目的根目录 4、命令npm init创建package.json、package-lock.json文件,根据提示设置项目名称、版本号、git仓库等
2021-12-15 13:33:12
1421
原创 vue标签拖动排序功能笔记
利用vue-dragging实现拖拽排序功能 官网地址:https://github.com/hilongjw/vue-dragging 使用步骤: 1、安装命令:npm install awe-dnd --save2、在main.js中配置,引入插件 import VueDND from 'awe-dnd' Vue.use(VueDND) 3、页面中加入v-dragging="{ item: Object, list: Array, group: String}"绑定即可 4、监听事件 .
2021-07-13 16:14:29
192
原创 常用git命令
# 拉取代码 git clone git地址 # 克隆远程仓库的同时,自定义本地仓库的名字 git clone git地址 # 创建分支 git branch feature-v1.0 # 切换分支 git checkout feature-v1.0 # 创建并切换分支(常用) git checkout -b feature-v1.0 origin/master 如果分支存在则只切换分...
2020-12-30 14:30:53
109
原创 利用WebViewJavascriptBridge进行JS和app交互
1、在src下新建bridge.js function setupWebViewJavascriptBridge(callback) { // 解决两端在方法调用与注册上存在时间差导致不起作用的问题 if (window.WebViewJavascriptBridge) { return callback(window.WebViewJavascriptBridge); } else { document.addEventListener( "WebViewJav...
2020-12-09 18:09:24
312
原创 iframe父子页面间数据交互
1、发送消息 postMessage(message, targetOrigin,[transfer]) 参数:message:要发送到其他window的数据 targetOrigin:发送消息窗口的源(协议+主机+端口号),指定哪些窗口能接收到消息 transfer:可选(默认false) 2、接收消息 window.addEventListener("message", function (e) { ...
2020-11-12 14:38:08
2352
1
原创 小程序开发心得
小程序开发需要的准备工作? 1、首先在微信公众平台注册小程序账号,就可以初步开发了 2、开发过程中需要配置一些服务器域名、业务域名 3、如果需要跟app绑定,需注册一个微信开放平台,将app与小程序绑定在同一开放平台下(做app分享小程序时必须绑定) 小程序开发中遇到的问题? 1、生成小程序码功能 服务端调生成小程序码接口只能生成线上小程序的码,因此在测试环境测试不了小程序码功能, 另外如果需要生成小程序码的页面地址是新开发的页面,也需要上线后才能生成对应页面的小程序码,否则服务端会生成失败.
2020-07-08 15:59:41
125
原创 初学vue基础知识总结(二)
属性: v-bind:src="" ----简写为---> :src="" 推荐 width/height/title <img src="{{url}}" alt=""> 效果能出来,但控制台会报404错误 <img v-bind:src="url" alt=""> 效果能...
2019-03-12 17:15:03
101
原创 初学vue基础知识总结(一)
vue:一个mvvm框架(库),小巧,简单易学 容易上手 网址:https://cn.vuejs.org/ vue与angular区别: vue:简单易学易上手 指令以v-xxx, 一段html代码配合上json,在new出vue实例 个人维护项目 适用于移动端项目 angular:上手难 指...
2019-03-12 11:29:27
551
原创 基于ocanvas.js的饼图实例展示
ocanvas是一个全局对象,它包含了所有的模块,以及核心构造函数和一些其他的方法。 #方法及属性 1.oCanvas.create(canvas,background,clearEachFrame,drawEachFrame,fps,plugins,disableScrolling) 设置新的核心实例。参数设置: canvas:指定的canvas元素,字符串或者一个HTMLCan...
2019-01-21 16:50:50
345
原创 canvas双层复合饼图及点击效果的实现
众所周知,饼图在数据表达上起着至关重要的作用,它使数据更为直观,也更为清晰,所以对于业务需求方来说,能让用户一目了然看懂数据的,必然会采用饼图来表达。 当我们既想要表达数据的占比关系,又想表达某些数据之间的包含关系时,就要用到复合饼图了。 之前尝试过用Echart、Highcharts、Chart等框架,实现出的饼图较为美观,功能强大且容易上手,但要实现复合饼图,却总显的美中不足,以Echar...
2019-01-18 16:58:10
1641
原创 Google Analytics网络跟踪
关于Google Analytics网络跟踪的学习笔记 闲来无事翻看到以前的学习笔记,想重新复习一下并记录下来以便保留,同时也分享给各位,希望能够帮助到大家~ analytics.js 是一种可用于衡量用户与您网站的互动情况的全新方式 粘贴到网站模板页中的`</head>`结束标记前面。UA-XXXX-Y参数必须替换为您要跟踪的Google网络媒体资源的网络媒体资源ID。 #基...
2019-01-17 16:41:05
539
原创 html页面生成canvas图片
最近产品提出了一个新的需求,希望从app分享出来的h5页面在微信或者浏览器中打开后,可以点击按钮将html整个页面生成一张图片,用户长按图片直接将图片保存到相册,这样能方便用户保留数据或转发。 #html代码 <div class="wrap-con"> <div>html页面生成canvas图片</div> <div>html......
2019-01-17 16:26:01
2867
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人