作者: admin

  • 解决:Uncaught SyntaxError: Unexpected identifier js字符串拼接传参数报错

    js 对象 字符串 报错 传参数 传参 报错 对象

     

    案例:

    $('body').append('<button onclick="xx('+aa+')">点我</button>');

    像以上的js把对象参数aa跟字符串拼接在一起是会报错的。传数值、字符串不会。

     

    如果一定要传对象参数可以这么做:

    $(function () {
    
          $('#test').click(function () {
                window._this=$(this);  //解决1:如果是传$(this)复杂的对象,可以将对象赋值到全局中
    
                //解决2:如果是这种json格式可以使用以下方法转换。
                var aa= JSON.stringify( [1,2,"ff",{aa:123,bb:[1,2,"gg"]}] ).replace(/\"/g,"'")
    
                $('body').append('<button onclick="xx('+aa+')">点我</button>');
    
          });
    
    });
    function xx(aa) {
        console.log(_this)
        console.log(aa)
    }

     

     

     

     

  • css 拼图

    deom:index

    图片资源:pingtu

     

     

  • 梅林固件fanqiang 墙

    狗急跳墙 墙 qiang

    0,固件最好升级到R7000_380.70_0-X7.9,升级之后重启路由。

    下载地址:https://pan.baidu.com/s/1_swGBgFciFguUHp2tLwPjA

    http://down.upantool.com/file/software/gujian/2018/R7000_380.70_0-X7.9.zip

    选中trx文件上传

     

    1,本人的是192.168.2.1,用web进入到你的路由,“系统管理 – 系统设置”里设置一下,如下图所示:设置以下:

     

    2,用任意的ssh登陆工具登陆路由器ssh

    账号基本是admin,端口默认22。执行以下:

    meilingujian

    如果连接失效可以下载:https://pan.baidu.com/s/1AIpWePLgrf-N1XsQ8nFdMQ

    下载的连接记得把格式改成.tar.gz之后,安装上面方法解压和执行

     

     

    3,重启路由器。之后去“软件中心”–就可以看到“科学上网”插件了,点击就可以进入看到那啥了,之后输入参数即可。

    参考地址:https://pdf-lib.org/Home/Details/3332

    https://hooray.github.io/posts/b963d19b/

  • input上传图片提示从本地相册选择或者拍照上传

    input h5 html5 上传 微信 手机 微信 本地相册 摄像头 本地 拍照 相机

    有时候上传文件对于pc端直接点击要上传文件即可,但是对于移动端用户有时候要给提示是从本地相册中上传图片或者是调取本地摄像头拍照上传。

    这里是用input的就可以实现了。

     

    普通上传:

    <input type="file" name="file">

     

    调取摄像头上传:

    <input type="file" capture="camera" accept="image/*" id="cameraInput" name="cameraInput">

     

    同时支持相册上传和唤起拍照

    <input type=”file” name=”file” accept=”image/*” class=”el-upload__input”>

     

    <input type="file" accept="image/*" capture="camera">
    <input type="file" accept="video/*" capture="camcorder">
    <input type="file" accept="audio/*" capture="microphone">
    
    capture表示,可以捕获到系统默认的设备,比如:
    camera--照相机;
    camcorder--摄像机;
    microphone--录音。
    accept表示,直接打开系统文件目录。

     

    本人测试过确实可行。

    demo

    (注意:使用三星手机自带浏览器浏览就会有弹窗提示,苹果也自带提示功能无需考虑使用。)

  • 取代npm的资源管理工具——yarn

    之前一直在使用npm,同时也是node安装时自带的,但是最近使用时发现卸载安装包是出现卡死状态,让人失望。

    之前就有听说过yarn很优秀足以取代npm,如果不是不得已我一般不会去学。

     

    mac安装

    curl -o- -L https://yarnpkg.com/install.sh | bash

    如果使用homebrew安装,之前安装了node的话就执行以下

    brew install yarn --without-node

    否则会连node也一起再安装一次

     

    window安装

    去下载msi格式即可:https://yarn.bootcss.com/docs/install/#windows-stable

     

    //查看版本

    yarn --version

     

    //查看当前源地址

    yarn config get registry

     

    //修改源地址

    yarn config set registry 'https://registry.npm.taobao.org'

     

    //生成一个package.json

    yarn init --yes

     

    //安装

    局部
    yarn add webpack //默认记录在dependencies上,相当于npm的--save
    yarn add webpack@2.3.3 //安装指定版本
    yarn add webpack@^2.3.3 //安装2.x的最新版本
    yarn add webpack -D //记录在devDependencies上
    
    全局
    yarn global add webpack

     

    //升级

    yarn upgrade webpack

     

    //卸载

    yarn remove webpack

     

    //安装所有package.json包

    yarn 或者 yarn install

    只要有一个模块安装失败就都不能安装

     

    //运行脚本

    {
      "scripts": {
       "dev": "node app.js",
       "start": "node app.js"
      }
    }
    yarn run dev

     

    //列出所有安装包

    yarn list --depth=0 //列出本地所有安装包
    yarn global list //列出全局

    https://blog.csdn.net/mjzhang1993/article/details/70092902

     

     

    命令 操作 参数 标签
    yarn add 添加依赖包 包名 –dev/-D
    yarn bin 显示yarn安装目录
    yarn cache 显示缓存 列出缓存包:ls,打出缓存目录路径:dir,清除缓存:clean
    yarn check 检查包
    yarn clean 清理不需要的依赖文件
    yarn config 配置 设置:set <key> <value>, 删除:delete, 列出:list [-g | –global]
    yarn generate-lock-entry 生成锁定文件
    yarn global 全局安装依赖包 yarn global <add/bin/ls/remove/upgrade> [–prefix] –prefix 包路径前缀
    yarn info 显示依赖包的信息 包名 –json:json格式显示结果
    yarn init 互动式创建/更新package.json文件 –yes/-y:以默认值生成package.json文件
    yarn install 安装所有依赖包 –flat:只安装一个版本;–force:强制重新下载安装;–har:输出安装时网络性能日志;–no-lockfile:不生成yarn.lock文件;–production:生产模式安装(不安装devDependencies中的依赖)
    yarn licenses 列出已安装依赖包的证书 ls:证书列表;generate-disclaimer:生成免责声明
    yarn link 开发时链接依赖包,以便在其他项目中使用 包名
    yarn login 保存你的用户名、邮箱
    yarn logout 删除你的用户名、邮箱
    yarn list 列出已安装依赖包 –depth=0:列表深度,从0开始
    yarn outdated 检查过时的依赖包 包名
    yarn owner 管理拥有者 ls/add/remove
    yarn pack 给包的依赖打包 –filename
    yarn publish 将包发布到npm –tag:版本标签;–access:公开(public)还是限制的(restricted)
    yarn remove 卸载包,更新package.json和yarn.lock 包名
    yarn run 运行package.json中预定义的脚本
    yarn self-update yarn自身更新–未实现
    yarn tag 显示包的标签 add/rm/ls
    yarn team 管理团队 create/destroy/add/rm/ls
    yarn test 测试 = yarn run test
    yarn unlink 取消链接依赖包
    yarn upgrade 升级依赖包
    yarn version 管理当前项目的版本号 –new-version :直接记录版本号;–no-git-tag-version:不生成git标签
    yarn why 分析为什么需要安装依赖包 包名/包目录/包目录中的文件名