- 博客(70)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 前端 对称加密解密
使用crypto-js可以前端自己加密解密 用于某字段不想被别人看到先新建js 文件// 加密import CryptoJS from 'crypto-js/crypto-js'// 默认的 KEY 与 iv 如果没有给const KEY = CryptoJS.enc.Utf8.parse("1234567890123456");const IV = CryptoJS.enc.Utf8.parse('1234567890123456');/** * AES加密 ：字符串 key i.
2021-07-10 14:45:44
430
原创 Object.defineProperty 和 proxy
Object.definePropertyObject.defineProperty这个并不是es6的语法，这个是给一个对象，添加属性，但是目前框架很多实用这个方法，来实现数据劫持，也就是数据双向绑定// 平时我们这样给一个对象添加属性let obj = {str:"hello swr"}obj.str = 'goodbye swr'console.log(obj.str) // 'goodbye swr'当我们想在给一个对象，读取值或写入值时，进行的操作// 使用Object.define
2020-07-21 13:12:46
356
原创 toString 和valueOf区别
1.首先要说明的是这两种方法是toPrimitive抽象操作里会经常用到的。默认情况下，执行这个抽象操作时会先执行valueOf方法，如果返回的不是原始值，会继续执行toString方法，如果返回的还不是原始值，那么会报错，如果有指定转换类型时，情况又会有所不同，详细解析请继续往下看。（注意：valueOf和toString方法在Date，array等对象中有些是被重写过的，所以不同对象调用此方法可能产生的操作不同，如果没有这些方法，会调用最原始的Object.prototype上的valueOf和
2020-05-18 14:49:29
376
原创 python初试
最近在看python 感觉又回到了刚毕业的时候 用到啥 百度啥 百度是我大哥。。。然后这个文章简单写一下python的方法接受 get post.新建一个python文件然后引入flask 框架 就可以用了直接上代码了from flask import Flask, requestimport jsonapp = Flask(__name__)@app.rout...
2020-04-29 09:23:29
177
原创 现有json数据，格式如下：json={a:[{b:'c'},'d'],e:'f'};请实现一个方法：get(json,'a[0].b'),使其返回值为c
function get(json,key){ return [].reduce.call(key.replace(/\[|\.|\]/g,''),(acc,a)=>acc[a],json)}var json = {a:[{b:'c'},'d'],e:'f'}
2020-04-07 15:32:13
1250
原创 对象对比
console.log('对象对比', this.showDifference({ name: 2, val: 2, data: { value: 1 }}, { name: 1, val: 3, data: { value: 1 }})) showDifference(obj1, obj2) { const result = [] const aProps = ...
2020-03-30 09:49:13
156
原创 自看
https://developer.mozilla.org/zh-CN/docs/Web/API/Window/requestAnimationFrame
2019-12-09 17:07:16
105
原创 // 获取url中"?"符后的字串
// 获取url中"?"符后的字串 getUrlQuery = () => { const url = window.location.search; const theRequest = {}; if (url.indexOf("?") !== -1) { const str = url.substr(1); const strs =...
2019-10-17 17:47:51
174
原创 vue 集成html5 plus
之前那个文章 手机端保存图片到相册 有人说不懂这篇文章是vue用来集成html5 plus 然后就可以通过这个保存图片到手机端了hbuilder把文件夹转换为app 就能使用plus了https://github.com/Shaxin742/vue-webapp-demo...
2019-09-29 13:35:51
4577
11
原创 object 方法
object是对象 即：{} 有对应几种方法1.Object.assign()简述：将两个对象的属性放到第一个对象内这个属性为第一层是深拷贝，多层次为浅拷贝 多层次=>{name:1,obj:{sex:2}}2.Object.create()简述：继承可以用来继承 缺点是浏览器不一定兼容这个 要做兼容性调整3.Object.ke...
2019-08-09 10:24:47
115
原创 面試
https://github.com/rohan-paul/Awesome-JavaScript-Interviewshttps://github.com/nieyafei/front-end-interview-js前端面试interview的Js题目收集https://github.com/jimuyouyou/node-interview-questionsNode.js面试题，侧重...
2019-06-05 10:15:13
117
原创 vue实现抖音时间转盘
做了一个抖音时间转盘 还挺简单的 可能我做的很粗糙用vue做的 才160行代码。。。。其实很简单 只是大部分人被这个圆给迷惑了这个圆就是用简单css3就能做 通过rotate来修改计算就能展示出来了。。。。然后贴代码。。。<template> <div class="main"> <div class="timeBox...
2019-05-31 17:04:24
1430
原创 node 插入 mysql
mysql的表新建需要定义每个列的格式，类型。 插入也有点麻烦 感觉没mongodb好用。。1.链接数据库var mysql = require('mysql');var fs = require('fs');var connection = mysql.createConnection({ host: "10.0.10.225", // 主机地址 port: 3306...
2019-05-06 15:57:42
165
原创 node 插入mongodb
mongodb用着感觉新建表的话是简单很多 但是他这个修改删除啥的我查了好久文档。。。1.链接数据库var Mongo = require('mongoose');var MongoClient = require('mongodb').MongoClient;var url = "mongodb://10.0.10.221"; // 数据库地址var ObjectId = re...
2019-05-06 15:48:41
183
原创 中文转拼音
<script src="convert.js"></script> <script type="text/javascript"> var kk = '试试' console.log(ConvertPinyin(kk)) </script>有些文字会转换错误可能是因为多音字比如： 深圳的圳 会被转为chou 需要修改j...
2019-05-06 11:04:12
176
转载 element带线树
主要就是这种样式 是用的elementui里的el-tree 然后通过伪类的编辑获得当前树代码：（/deep/放在.vue文件会报错，可以提出来css）<template> <div> <div class="hello"> <el-tree :data="treeData" ...
2019-04-17 17:40:27
1698
1
原创 数组key值去重
1： const ary = [{ a: 1, b: 12, c: 3 }, { a: 1, b: 11, c: 111 }, { a: 2, b: 18, c: 111 }]; const newArr = []; ary.map((item) => newArr.fin...
2019-03-29 10:53:03
518
原创 css面试题（自看）
css 选择符~>+> 是选择当前元素下第一层元素+ 兄弟选择符：选择当前节点下的第一个兄弟节点~兄弟选择符：选择当前节点下的所有兄弟节点如图：<html> <head> <title></title> </head> <meta charset="UTF-8"/> <s...
2019-03-25 16:58:06
121
原创 js面试题
this:https://www.cnblogs.com/rinack/p/5698018.html冒泡:1.event.stopPropagation();事件处理过程中，阻止了事件冒泡，但不会阻击默认行为（它就执行了超链接的跳转）2.return false;事件处理过程中，阻止了事件冒泡，也阻止了默认行为（比如刚才它就没有执行超链接的跳转）还有一种有...
2019-03-25 16:49:03
225
原创 antd upload和form结合使用
做了个antd的上传简单封装，很烦。主要用的方法就是使用customRequest 这个覆盖上传组件的默认上传，实现自定义上传。有的地方可能比较low 因为我不知道其他方法。。import React from 'react'import {Icon,Upload,Modal} from 'antd'import { uploadimg } from '../../api/login'...
2019-02-20 16:05:15
11562
原创 flex 圣杯布局
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &
2019-02-19 10:03:33
117
转载 打字机
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &
2019-01-21 10:17:31
118
1
原创 vscode 编辑器配置
这个vscode有很多包 建议安装一些好用的包推荐一个 koroFileHeader这个包是用来在修改文件之后添加一个文件头部信息 这样可以更有效装逼了当然这个是要配置一些文件的：在首选项->设置搜索：fileheader然后在工作区写（修改自己名字）（不在用户设置的原因是因为我在用户设置内写了我的eslint配置https://blog.csdn.net/w...
2018-12-24 16:43:49
929
原创 原生js table排序
同事面试排序table写的太慢被pass了 我肯定要装一波比啊Q: 根据table的时间 点击按钮时进行时间排序先看table的值（就是一个简单的table）:<table border="1"> <tr> <th>学号</th> <th>名字</th> <th&
2018-12-20 14:00:16
527
1
原创 axios 封装带请求频繁取消上一次请求 + 全局loading
resful配置自己配置吧我懒的写axios 封装 首先引入axios 创建实例import axios from 'axios'// 创建axios实例const service = axios.create({ baseURL: process.env.BASE_API, // api的base_url timeout: 6000 // 请求超时时间})然后加入...
2018-12-10 15:43:24
3680
6
原创 手机端网页根据屏幕大小自适应
hotcss 文件在https://github.com/Shaxin742/tools做了一个适应所有手机端网页屏幕的页面，我这个页面是使用的px转换rem然后在每个页面适配。首先添加移动端meta头部，即：<meta name="viewport" content="width=device-width,height=device-height,inital-scale=...
2018-12-03 14:11:05
1353
原创 vue双向绑定原理
vue 双向绑定是基于 js的defineProperty来实现的 通过这个属性来set 值， 然后下面的我就几把看不懂了 MMP<body> <input type="text" id="input" /> <script> const data = {}; const input = document.getElementByI...
2018-11-26 16:54:10
552
转载 mix-blend-mode
CSS3 新增了一个很有意思的属性 -- mix-blend-mode ，其中 mix 和 blend 的中文意译均为混合，那么这个属性的作用直译过来就是混合混合模式，当然，我们我们通常称之为混合模式。参数展示：{ mix-blend-mode: normal; // 正常 mix-blend-mode: multiply; // 正片叠底 mix...
2018-11-26 13:47:36
948
原创 node 数据库操作
let sqlStr = 数据库操作 // 记得加 引号let sqlParam = 数据connection.query(sqlStr, sqlParam, function (err, data) { if (err) { console.log('失败') ceshi() } else { console.log('成功...
2018-11-22 18:07:27
138
原创 node 写入数据库
var mysql = require('mysql');var fs = require('fs');var connection = mysql.createConnection({ host: "", // 主机地址 port: 3306, // 端口 user: "", // 数据库访问账号 passw...
2018-11-20 18:07:52
945
原创 vue 阻止输入框冒泡
阻止vue的输入框冒泡vue 阻止事件方法.stop.prevent.capture.self.once<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <div id="app"> {{ message }} <d...
2018-11-12 11:15:09
2923
原创 吃苹果问题
一共有10个苹果，每次可以吃一个或者两个，问有多少种吃法；如果你吃10个苹果，可以分解成下面两种情况：● 吃9个苹果，最后吃1个苹果。假设这种情况下，上前面9个苹果的方法数为m。● 吃8个苹果，最后吃2个苹果。假设这种情况下，上前面8个苹果的方法数为n。所以，吃10个苹果的方法数，其实就是 m + n。可以递归为:f(n) = f(n - 1) + f(n - 2), ...
2018-11-09 09:20:28
1034
原创 js 同步问题
今天发现一个问题这个会异步，这个时候咋鸡儿办呢哈哈哈哈。。。这个这么傻肯定不是我的风格所以 就用到了promise首先封装一个函数，然后调用这个函数如图吧：（太困了）...
2018-11-02 17:39:17
842
1
中文转拼音文件 凑字数
2019-04-22
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人