smallsnine-CSDN博客

原创拷贝（clone）方法集合

1.扩展运算符...浅拷贝,拷贝可枚举属性使用这种技术将会忽略原型链。此外，嵌套对象并不会被克隆，只是复制了他们的引用，因此浅拷贝后嵌套对象和原始对象仍然指向同一个对象。let a = {b:1}b = {...a}console.log(b) // {b: 1}2.JSON.parse(JSON.stringify(obj))可用于深度克隆一个简单的对象，但他是 CPU 密集型的...

2020-03-09 16:59:37 331

原创 React复习四

Refs 转发FragmentsReact 中的一个常见模式是一个组件返回多个元素。Fragments 允许你将子列表分组，而无需向 DOM 添加额外节点。class Columns extends React.Component { render() { return ( <div> <td>Hello</td>...

2020-02-21 15:14:56 194

原创 React复习一

一、生产版本发布前确保已部署的HTML加载了以product.min.js结尾的React版本，那么你的网站是生产就绪的<script src="https://unpkg.com/react@16/umd/react.production.min.js" crossorigin></script><script src="https://unpkg.com/r...

2020-02-20 19:12:59 257

原创 React复习二

JSX 防止注入攻击你可以安全地在 JSX 当中插入用户输入内容：const title = response.potentiallyMaliciousInput;// 直接使用是安全的：const element = <h1>{title}</h1>;React DOM 在渲染所有输入内容之前，默认会进行转义。它可以确保在你的应用中，永远不会注入那些并非自己明...

2020-02-20 19:12:35 204

原创 React复习三

代码分割打包大多数 React 应用都会使用 Webpack，Rollup 或 Browserify 这类的构建工具来打包文件。打包是一个将文件引入并合并到一个单独文件的过程，最终形成一个 “bundle”。接着在页面上引入该 bundle，整个应用即可一次性加载。代码分割随着应用增长，代码包也将随之增长。尤其是在整合了体积巨大的第三方库的情况下。你需要关注你代码包中所包含...

2020-02-20 19:11:52 119

原创微信表情

微信新增表情一.更新版本后的新增10个emio、需要ui图配置[Onlooker][GoForIt][Sweats][OMG][Emm][Respect][Doge][NoProb][MyBad][Wow]二、.移动端微信原生表情[微笑][撇嘴][色][发呆][得意][流泪][害羞][闭嘴][睡][大哭][尴尬][发怒][调皮][呲牙][惊讶][难过][囧][抓狂][吐][偷笑][愉快]...

2020-02-18 13:42:01 6547

原创 charles安装使用指南

下载及破解官方网址：https://www.charlesproxy.com/破解jar包获取地址：https://www.zzzmode.com/mytools/charles/下载官方Charles安装好。然后用第二个破解JAR网址里面生成一个破解的JAR前往这个文件夹替换JAR包：这里生成要选择版本。官网下的是什么版本就生成多少的版本macOS路径: /Applications/Ch...

2020-02-13 12:05:20 182

原创 PWA学习之路（一）

简介全称：Progressive Web App 渐进式网页应用一个 PWA 应用首先是一个网页, 可以通过 Web 技术编写出一个网页应用. 随后添加上 App Manifest 和 Service Worker 来实现 PWA 的安装和离线等功能解决的问题：可以添加至主屏幕，点击主屏幕图标可以实现启动动画以及隐藏地址栏实现离线缓存功能，即使用户手机没有网络，依然可以使用一些离线功...

2019-06-12 10:49:25 344

原创 1px问题-详解

当你给一个div这样的css样式后边框宽度为1px.border height 50px width 50px margin 0 auto background pink margin-top 20px border 1px solid red在手机发现哎，怎么有点粗这就是经典的1px问题，下面贴出我的解决方案。网上栗子很多，可自行寻找.scale_1px{...

2019-06-11 15:19:56 624

原创正则相关

具体语句可在网上搜正则会有具体的语法.*单个字符匹配任意次（贪婪算法）.*? 满足条件的字符只匹配一次，最小匹配举栗子：文本你好你好你好5⃣️ \n测试测试测试酒店酒店，，，酒店<!--...

2019-06-11 11:14:36 187

原创 Vuex相关

vue在引入vuex的时候使用了vue.use(Vuex)Vue 源码在 initGlobalAPI 入口方法中调用了 initUse (Vue) 方法，这个方法定义了 Vue.use() 需要做的内容。初始化plugin判断是否有plugin、判断是否重复其中方法中判断了插件是否有 install 方法而vuex中有相应的install函数，这个方法需要做的是判断是否重复安装...

2019-06-05 23:59:38 106

原创箭头函数相关

基本用法key 的key值为什么一定要写v-for

2019-05-28 00:20:52 102

原创 vue-router 的 hash 和 history 模式

vue-router 默认 hash 模式:使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载history 模式:利用 history.pushState API 来完成 URL 跳转而无须重新加载页面利用了 HTML5 History Interface 中新增的 pushState() 和 replaceState() 方法。（需要特定浏览...

2019-05-07 18:30:29 150

原创卡片左右滑动带动任务条滑动 vue

接到一个任务，做一个活动卡片，卡片左右滑动带动卡片上方的任务条走到对应节点：1、卡片和任务条均为动态生成2、卡片底部可以左右滑动3、当一张卡片超过50%的区域展示出来后放手，定位到对应卡片4、卡片更换完成后，上方任务轴同时更换这个任务的主要就在数据格式的制定与滑动的判断，不是很难、用vue写的1.首先写出一个卡片的样式，得到其宽度，获取共有多少张卡片。所有卡片放在一个div里面，div...

2019-03-27 15:47:24 4346

原创 express 起一个简单的服务

首先安装espressnpm install express -D新建一个index.js的文件//引入express中间件var express = require('express');const http = require('http')var router = express.Router()var app = express();//ip 的插件//const i...

2019-03-19 17:04:32 782 1

原创第三方分享方法介绍

最近一直用的bshare分享不能用了，于是索性不借助其他的东西，直接自己实现了因为这个第三方分享是写在框架里面的，要保证包尽量小，所以微信分享生成二维码直接用的api核心方法直接调用下面的url，传入参数即可分享自己写一下，考虑全面点qzone（QQ空间）: 'https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=...

2019-03-13 15:23:09 706

原创通过H5页面唤Native户端

学习参考https://github.com/AlanZhang001/H5CallUpNative/blob/master/readme.md唤醒App的几种方式在Android端，常用的方式是Schame + Android Itent，在IOS端，常用的方式是Schema ＋　Universal links（IOS9+）；使用的前提都是客户端程序实现了Schema协议。访问协议地址...

2019-02-28 14:27:05 717

原创 concat、slice、splice、split、join

concat用于连接两个或者多个数组基于当前数组中的所有项创建一个新数组不会改变原数组slice从已有的数组中返回选定的元素基于当前数组中的一个或者多个想创建一个新数组接收一或二个参数，即返回项的起始和终点位置一个参数：返回当前参数指定位置到数组末尾所有项二个参数：返回起始位置和结束位置之间的项（但不包括结束位置的项）不会改变原数组var a = ["a","b"...

2019-02-14 22:49:41 219

动态加载一个 css 文件function cssLoader(url) { let doc = document; let link = doc.createElement(&amp;amp;amp;quot;link&amp;amp;amp;quot;); link.setAttribute(&amp;amp;amp;quot;rel&amp;amp;amp;quot;, &amp;amp;amp;

2019-01-31 15:32:54 166

原创瀑布流

我用了网上的方法waterfall、、waterslot可以直接引入js代码或者npm的方式引入说一些注意事项： &amp;amp;lt;waterfall :line-gap=&amp;quot;lineGap&amp;quot; :item-gap=&amp;quot;10&amp;quot; :watch=&amp;quot;items&amp;quot;

2018-11-30 11:37:27 295

原创对图片进行限制，裁剪等

开发中，后端传过来的图片一般为原图，原图都很大，页面加载起来很慢，就不得不采取一点措施，等比缩小图片，如果过大，防止看起来像是没有被压缩，裁剪图片具体措施可以看此链接https://developer.qiniu.com/dora/manual/1270/the-advanced-treatment-of-images-imagemogr2gif的话如果采取了裁剪，会变成图片...

2018-11-30 11:16:11 313

原创收藏网址大全

1.免费接口大全：https://github.com/jokermonn/-Api2.svg在线编辑器：http://www.zuohaotu.com/svg/3.脚本之家在线工具http://tools.jb51.net/color4.mpvue-docshttp://mpvue.com/mpvue/...

2018-10-09 17:46:48 19115

转载 CSS深入理解vertical-align和line-height的基友关系

CSS深入理解vertical-align和line-height的基友关系这篇文章发布于 2015年08月30日，星期日，00:47，归类于 CSS相关。阅读 145540 次, 今日 27 次 87 条评论 by...

2018-09-25 11:17:13 339

原创移动端h5开发注意事项

移动端h5开发注意事项：布局方面：1.开发时小图片比较多，所以我使用绝对定位的次数比较多，绝对定位时尽量根据top进行定位，bottom定位在移动端下方出现时横条时，会让样式错乱。2.布局方面我是用的是rem + 媒体查询我看也有用写一段js脚本实现rem的，这种方式在一定条件很精准，但在屏幕很宽而长度很短时会有一点问题，比如ipad、在实验过程中iphone5也会有点偏差，所以在js中需...

2018-09-18 11:32:12 2476

原创利用background实现循环滚动同一张图片

利用background实现循环滚动同一张图片<template> <div class="turn_line"> <div class="line line_one" ></div> </div></template><script>export d

2018-09-18 10:42:04 1644

原创定义全局变量的几种方式

1.Vuex在大型应用中，全局变量比较多且需要实时修改时，建议使用Vuex 方法建议看官方文档：https://vuex.vuejs.org/zh/guide/2.sessionStoragewebstorage是本地存储，存储在客户端，包括localStorage和sessionStorage。 sessionStorage仅在当前会话中有效，关闭页面或者浏览器后被清除。存放大小...

2018-09-12 17:00:13 6139

原创 git 常用命令记录

1.拉取更新项目git pull2.提交修改git add .3.提交git commit -m &amp;amp;amp;amp;quot;自己的命名&amp;amp;amp;amp;quot;4.push更改git push以上是一套常用项目流程5.查看分支及当前分支git branch6.创建本地分支git branch 分支名7.切换本地分支git checkout 分支名8.提交分支

2018-08-27 15:58:01 152

原创 Vue+elementui爬坑之旅

我有一种蜜汁预感，我会掉入vue的所有坑，所以赶忙今天过来写个记录贴，争取爬遍vue的所有坑 1-vue和elementsui一起用的时候，v-show会不好用。

2018-07-19 22:15:39 676

原创数据库的小错误

数据库用的sqlyog 写语句报错：Illegal mix of collations (utf8_unicode_ci,IMPLICIT) and (utf8_general_ci,IMPLICIT) for operation '='我检查了这几个表的的编码都是genercal 按理说没问题，但还是报错，应该是数据库内含的编码冲突，所以百度了一下，解决了问题。报错的程序：...

2018-05-13 17:26:47 523

原创 ssm练习中遇到的一些错误

ssmorg.springframework.web.util.NestedServletException: Request processing failed; nested exception is org.mybatis.spring.MyBatisSystemException: nested exception is org.apache.ibatis.reflection.Ref...

2018-05-11 16:29:28 229

原创一些有意思的题

1.是否存在使i+1<i 的数，如果存在请说明情况？答：存在，java中 int类型是32位，即 -2^32 -- 2^32-1 ，所以当i为2^32-1时，在+1会溢出，得到负数。同理，存在 i-1>i 的情况。2.输出结果 async function async1() { console.log( 'async1 start...

2017-12-22 19:26:39 369

原创三栏布局：左右固定，中间自适应

这是我综合的几种方法，亲自实践过了。第五种是三个都是自适应。<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>三栏布局</title> <style type="text/css"> * { padding: 0;

2017-12-22 18:22:01 411

原创双栏布局的几种方法：左边固定，右边自适应

双栏布局的几种方法：左边固定，右边自适应<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>双栏布局</title> </head> <style type="text/css"> * { padding: 0; m

2017-12-19 11:25:53 2453

smallsnine的博客