- 博客(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 558 1
原创 sourceTree与GitHub仓库关联
1、获取SSH KEY输入如下命令,然后连续按三个回车即可:ssh-keygen -t rsa -C "your_email@example.com"查看cat ~/.ssh/id_rsa.pubcat ~/.ssh/id_rsa.pub2、设置GitHub在GitHub设置页,选择SSH and GPG keys,创建新的SSH key ,复制公钥并保存3、配置sourceTree打开sourcetree,选择工具>选项,进入工具选项页面,SSH客户端配置如下.
2022-05-06 19:11:15 1427
原创 前端加密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 2257
原创 搭建node.js项目
1、下载安装包,安装node.js2、安装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 190
原创 常用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.jsfunction 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 2347 1
原创 小程序开发心得
小程序开发需要的准备工作?1、首先在微信公众平台注册小程序账号,就可以初步开发了2、开发过程中需要配置一些服务器域名、业务域名3、如果需要跟app绑定,需注册一个微信开放平台,将app与小程序绑定在同一开放平台下(做app分享小程序时必须绑定)小程序开发中遇到的问题?1、生成小程序码功能服务端调生成小程序码接口只能生成线上小程序的码,因此在测试环境测试不了小程序码功能,另外如果需要生成小程序码的页面地址是新开发的页面,也需要上线后才能生成对应页面的小程序码,否则服务端会生成失败.
2020-07-08 15:59:41 124
原创 初学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 550
原创 基于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 2865
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人