搜索内容

包含标签:JavaScript 的文章
  • vue 跨域请求数据,点击列表转详情页
    其他

    vue 跨域请求数据,点击列表转详情页

    以腾讯校招公告接口为例:https://join.qq.com/api/v1/noticeDynamic/getNoticeDynamicList  在view文件夹里分别创建 列表页Lb.vue和内容页Nr.vue,并在router路由文件index.js里引入 没设置跨域之前访问不到数据,控制台以Access to XMLHttpRequest开头的报错,这就是跨域. 解决:src文件夹同级目录创建vue.config.js vue.config.js内容: module.exports = { devServer: { proxy: { // 配置跨域,请求后端接口 "/tx": { target: "https://join.qq.com/", changeOrigin: true, pathRewrite: { '^/tx': '' }, }, }, }, }; Lb.vue内容:
    admin 今天
  • console.log`123`是什么?
    其他

    console.log`123`是什么?

    ['123', raw: Array(1)]
    admin 今天
  • JavaScript基础 – 21 (精确设置对象属性:value、writable、configurable、enumerable、getter、setter)
    其他

    JavaScript基础 – 21 (精确设置对象属性:value、writable、configurable、enumerable、getter、setter)

    对象的每个属性,额外有几个选项:         value:默认值         writable:是否可写         configurable:是否可以重新配置         enumerable:是否可遍历         get:getter,读取属性时触发, 对象.属性名      作用:计算属性         set:setter,为属性赋值时触发, 对象.属性名=值    作用:赋值检查         直接声明的属性:{属性名:值},其配置项默认都是true         用Object.defineProperty(…),新增属性所有配置默认都是false         get,set 属性与write  enumerable:互斥,不能同时存在 Object.defineProperty(obj, "id", { writable: false, //是否可写 configurable: false, //是否可重新配置 enumerabl
    admin 今天
  • JS正则提取字符串
    其他

    JS正则提取字符串

    河北科技师范学院欧美学院新闻标题 河南大学迈阿密学院新闻标题 首都经济贸易大学密云分校新闻标题 北京科技大学(延庆校区)新闻标题 湖北中医药大学职业技术学院新闻标题 公安消防部队高等专科学校新闻标题 从上边的类似新闻标题中提取完整学校名称,最终参考代码如下: > let str_title='湖北中医药大学职业技术学院新闻标题'; let m=str_title.match(/(\S*)?(大学|学院|分校|分院|学校|校区(\)|))?)/); console.log(m[0]) > 湖北中医药大学职业技术学院 注意:要用贪婪模式才能尽可能完整匹配学校名称。
    admin 今天
  • GitLab CI/CD概念
    其他

    GitLab CI/CD概念

    通过软件开发的持续方法,您可以持续构建、测试和部署迭代代码更改。这种迭代过程有助于减少您基于有缺陷或失败的先前版本开发新代码的机会。使用这种方法,您可以努力减少从开发新代码到部署的人工干预,甚至根本不需要干预。 连续法的三种主要方法是: 持续集成持续交付持续部署 持续集成 考虑一个应用程序,它的代码存储在 GitLab 的 Git 存储库中。开发人员每天多次推送代码更改。对于每次推送到存储库,您可以创建一组脚本来自动构建和测试您的应用程序。这些脚本有助于减少您在应用程序中引入错误的机会。 这种做法称为持续集成。提交给应用程序的每个更改,甚至是开发分支,都会自动且连续地构建和测试。这些测试可确保更改通过您为应用程序建立的所有测试、指南和代码合规性标准。 GitLab 本身就是一个使用持续集成作为软件开发方法的项目示例。对于项目的每次推送,都会针对代码运行一组检查。 持续交付 持续交付是超越持续集成的
    admin 今天
  • vuex 安装持久化插件
    其他

    vuex 安装持久化插件

    npm install --save vuex-persistedstate 文件目录  ```store store ├─ modules │ ├─ control.js │ └─ user.js ├─ getters.js └─ index.js ``` --- import createPersistedState from 'vuex-persistedstate' export default new Vuex.Store({ state, mutations, actions, modules: modules, strict: isDebug, /** * createPersistedState vuex持久化,防止页面刷新数据丢失 *存储所有state storage: win
    admin 今天
  • 响应式布局解决方案
    其他

    响应式布局解决方案

    响应式布局解决方案 媒体查询、百分比、rem和vw/vh px和视口媒体查询百分比自适应场景下的rem解决方案通过vw/vh来实现自适应 一、px和视口 1. 像素 像素是网页布局的基础,一个像素表示了计算机屏幕所能显示的最小区域,像素分为两种类型:css像素和物理像素。 我们在js或者css代码中使用的px单位就是指的是css像素,物理像素也称设备像素,只与设备或者说硬件有关,同样尺寸的屏幕,设备的密度越高,物理像素也就越多。下表表示css像素和物理像素的具体区别: css像素为web开发者提供,在css中使用的一个抽象单位物理像素只与设备的硬件密度有关,任何设备的物理像素都是固定的 那么css像素与物理像素的转换关系是怎么样的呢?为了明确css像素和物理像素的转换关系,必须先了解视口是什么。 2. 视口 广义的视口,是指浏览器显示内容的屏幕区域,狭义的视口包括了布局视口、视觉视口和理想视口
    admin 今天
  • getBoundingClientRect 与 滚动加载
    其他

    getBoundingClientRect 与 滚动加载

     getBoundingClientRect 用bottom举例, 获取到的数据是元素底部相对于屏幕上边的距离 const client = $dom.getBoundingClientRect(); 1、如果元素位于屏幕上面的不可见区域,client.bottom 会是负数 2、如果元素位于屏幕下面不可见区域,client.bottom > window.innerHeight 假如有个滚动加载的需求: 1、元素需要滚动加载,那么首先已经加载的部分的client.bottom 肯定是 大于 window.innerHeight 2、当逐渐向下滚动,client.bottom 会越来越小,当client.bottom < window.innerHeight 时, 它就出现在可视区域了。 demo代码 let subscription = fromEvent(window, "scroll") .pipe(debounceTime(50), takeUntil(this.des
    admin 今天
  • vue基础知识
    其他

    vue基础知识

    一、表单操作 1.1表单绑定语法
    姓名:
    性别:
    爱好 唱歌 跳舞 敲代码
    户籍 <
    admin 今天
  • [JavaScript] js计算出对称年月日20211202
    其他

    [JavaScript] js计算出对称年月日20211202

    对象发来消息说今天正好是20211202日, 从左往右读还是从右往左读都是一样的数字的年月日,就来了兴趣, 代码如下:  const arr = []; for (let i = 1000; i < 3000; i++) { for (let j = 1000; j < 3000; j++) { if ( String(i)[0] === String(j)[3] && String(i)[1] === String(j)[2] && String(i)[2] === String(j)[1] && String(i)[3] === String(j)[0] ) { if (Number(String(j)[0] + String(j)[1]) <= 12) { if (Number(String(j)[2] +
    admin 今天
  • uni项目分支的合并与提交
    其他

    uni项目分支的合并与提交

    uni项目分支的合并与提交 检查项目一下项目的分支: git branch 看一下项目的目录和暂存区的状态: //用于显示工作目录和暂存区的状态。 git status 将本地的xx分支进行本地的commit提交: git add . git commit -m "完成了xx的开发" 将本地的xx分支合并到本地的master分支: git checkout master git merge xx 删除本地的xx分支: git branch -d xx
    admin 今天
  • 简易计算器(jquery)
    其他

    简易计算器(jquery)

    首先对于依赖于jquery的网页来说首先创建html后一定要先引入jquery插件 body { margin: 0px auto; padding: 0px; border: 1px solid #000; width: 500px; height: 600px; } #show { height: 175px; background: #d3d3d3; } #control { height: 425px; background: #bebebe; } #control div { height: 83px; width: 500px; } #control div div { margin: 2px 2px; float: left; height: 81px; width: 121px; background: #d3d3d3; } #control
    admin 今天
  • e-charts柱状图,区间段不同颜色渲染显示
    其他

    e-charts柱状图,区间段不同颜色渲染显示

    categories:Y轴, data:X轴,value第一个参数对应categories里的索引值,一一映射   效果图:   代码: